:root{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "Arial Hebrew", Arial, "Helvetica Neue", sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Code", "Roboto Mono", "Courier New", monospace;--bg:#18140f;--surface:#221c15;--surface-2:#2b241b;--text:#f4eee4;--text-muted:#a79a8a;--accent:#ff5a2b;--accent-2:#d3a64a;--success:#6fae7c;--danger:#e05a5a;--on-accent:#18140f;--border:#3a3226;--radius-s:4px;--radius-m:6px;--radius-l:10px;--radius-pill:999px;--fw-display:800;--tracking-display:-.01em;--label-case:uppercase;--tracking-label:.06em;--nav-height:4rem;--max-width:480px}*,:before,:after{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,p{margin:0}a{color:inherit}button,input,select,textarea{color:inherit;font-family:inherit}input[type=number],.tabular{font-variant-numeric:tabular-nums}::selection{background:var(--accent);color:var(--on-accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}.app-shell{max-width:var(--max-width);flex-direction:column;min-height:100%;margin:0 auto;display:flex}.app-main{padding:1.1rem 1rem calc(var(--nav-height) + 1.5rem);flex-direction:column;flex:1;gap:1rem;display:flex}.page-head{flex-direction:column;gap:.25rem;margin-bottom:.2rem;display:flex}.page-eyebrow{color:var(--accent-2);text-transform:var(--label-case);letter-spacing:var(--tracking-label);margin:0;font-size:.72rem;font-weight:700}.page-title{font-size:1.4rem;font-weight:var(--fw-display);letter-spacing:var(--tracking-display);margin:0}.bottom-nav{height:var(--nav-height);background:var(--surface);border-top:1px solid var(--border);max-width:var(--max-width);justify-content:space-around;align-items:stretch;width:100%;margin:0 auto;display:flex;position:sticky;bottom:0;left:0;right:0}.nav-link{color:var(--text-muted);text-transform:var(--label-case);letter-spacing:var(--tracking-label);border-top:2px solid #0000;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.2rem;font-size:.68rem;font-weight:700;text-decoration:none;display:flex}.nav-link.active{color:var(--accent);border-top-color:var(--accent)}.nav-link .icon{width:1.35rem;height:1.35rem}.app-header{justify-content:space-between;align-items:center;gap:.75rem;padding-top:.4rem;display:flex}.brand-block{flex-direction:column;gap:.1rem;display:flex}.wordmark{font-weight:var(--fw-display);letter-spacing:var(--tracking-display);font-size:1.15rem}.today-date{color:var(--text-muted);font-size:.76rem}.sync-badge{border-radius:var(--radius-pill);cursor:pointer;color:var(--success);background:#6fae7a29;border:none;align-items:center;gap:.35rem;padding:.3rem .6rem;font-size:.74rem;font-weight:600;display:flex}.sync-badge.offline{color:var(--danger);background:#e05a5a29}.icon{flex:none;width:1em;height:1em}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-l);flex-direction:column;gap:.85rem;padding:1.1rem;display:flex;position:relative}.card:before{content:"";inset-inline:0;border-radius:var(--radius-l) var(--radius-l) 0 0;background:linear-gradient(90deg, var(--accent), var(--accent-2));height:3px;position:absolute;top:0}.card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;display:flex}.card-title{font-size:.92rem;font-weight:var(--fw-display);text-transform:var(--label-case);letter-spacing:var(--tracking-label);margin:0}.card-subtitle{color:var(--text-muted);font-size:.78rem}.btn{cursor:pointer;border-radius:var(--radius-m);font-family:inherit;font-weight:var(--fw-display);text-transform:var(--label-case);letter-spacing:var(--tracking-label);border:none;justify-content:center;align-items:center;gap:.4rem;padding:.75rem 1rem;font-size:.9rem;transition:transform .15s,opacity .15s,background-color .15s;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:default}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-primary.is-success{background:var(--success)}.btn-secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.btn-ghost{border:1px dashed var(--border);color:var(--accent-2);border-radius:var(--radius-pill);background:0 0;padding:.5rem .8rem;font-size:.8rem}.btn-danger{color:var(--danger);background:0 0;border:1px solid #e05a5a66}.btn-block{width:100%}.btn-icon{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-m);justify-content:center;align-items:center;padding:.5rem;display:inline-flex}.exercise-chip{cursor:pointer;background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-pill);align-items:center;gap:.4rem;max-width:100%;padding:.4rem .75rem;font-family:inherit;font-size:.82rem;font-weight:600;display:flex}.exercise-chip .icon{color:var(--accent)}.exercise-chip-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.exercise-chip .chevron{width:.85em;height:.85em;color:var(--text-muted);flex:none}.picker-overlay{z-index:40;background:#0a0805b8;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}.picker-sheet{width:100%;max-width:var(--max-width);background:var(--surface);border:1px solid var(--border);border-top-left-radius:18px;border-top-right-radius:18px;flex-direction:column;gap:.75rem;max-height:80vh;padding:1rem;display:flex;overflow-y:auto}.picker-search{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-m);width:100%;color:var(--text);padding:.65rem .8rem;font-size:.95rem}.picker-list{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.picker-item{color:var(--text);text-align:start;border-radius:var(--radius-m);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:.5rem;width:100%;padding:.65rem .5rem;font-size:.92rem;display:flex}.picker-item:hover,.picker-item:focus-visible{background:var(--surface-2)}.picker-item.is-selected{color:var(--accent);font-weight:700}.picker-empty{color:var(--text-muted);padding:.5rem;font-size:.85rem}.picker-create{color:var(--accent);border-radius:var(--radius-m);border:1px dashed var(--accent);cursor:pointer;background:#ff5a2b1a;align-items:center;gap:.4rem;width:100%;padding:.65rem .5rem;font-size:.9rem;font-weight:700;display:flex}.segmented{background:var(--surface-2);border-radius:var(--radius-m);grid-auto-columns:1fr;grid-auto-flow:column;gap:.4rem;padding:.3rem;display:grid;overflow-x:auto}.seg-btn{cursor:pointer;color:var(--text-muted);border-radius:calc(var(--radius-m) - 3px);text-transform:var(--label-case);letter-spacing:var(--tracking-label);white-space:nowrap;background:0 0;border:none;padding:.5rem;font-family:inherit;font-size:.85rem;font-weight:700}.seg-btn.active{background:var(--accent);color:var(--on-accent)}.set-rows{flex-direction:column;gap:.6rem;display:flex}.set-row{align-items:flex-end;gap:.5rem;display:flex}.round-tag{color:var(--accent-2);border-radius:var(--radius-s);text-transform:var(--label-case);letter-spacing:var(--tracking-label);text-align:center;background:#d3a64a29;flex:none;align-self:center;min-width:3.6rem;padding:.3rem .5rem;font-size:.72rem;font-weight:700}.field{flex-direction:column;flex:1 1 0;gap:.3rem;min-width:0;display:flex}.field span{color:var(--text-muted);font-size:.72rem;font-weight:600}.field input{font-family:var(--font-mono);color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-s);width:100%;padding:.5rem .6rem;font-size:1rem;font-weight:700}.field input::placeholder{color:var(--text-muted);opacity:.6}.row-remove{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex:none;align-self:center;padding:.5rem .2rem}.row-remove:hover{color:var(--danger)}.stat-tiles{grid-template-columns:repeat(3,1fr);gap:.6rem;display:grid}.tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-m);flex-direction:column;align-items:flex-start;gap:.3rem;padding:.75rem .6rem;display:flex}.tile-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.64rem;font-weight:700}.tile-value{font-family:var(--font-mono);color:var(--text);font-size:1.1rem;font-weight:700}.tile-value small{color:var(--text-muted);margin-inline-start:.15em;font-size:.62em;font-weight:600}.stat-hero{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.stat-number{font-family:var(--font-mono);color:var(--text);font-size:2.1rem;font-weight:800;line-height:1}.stat-number small{color:var(--text-muted);margin-inline-start:.2em;font-size:.42em;font-weight:700}.pr-badge{color:var(--success);border-radius:var(--radius-pill);background:#6fae7a29;padding:.3rem .55rem;font-size:.72rem;font-weight:700}.stat-delta{color:var(--accent-2);align-items:center;gap:.3rem;font-size:.82rem;font-weight:600;display:flex}.stat-delta.is-down{color:var(--text-muted)}.chart-wrap{width:100%}.chart-wrap svg{width:100%;height:auto;display:block}.chart-grid{stroke:var(--border);stroke-width:1px}.chart-line{fill:none;stroke:var(--accent);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.chart-fill-start{stop-color:var(--accent);stop-opacity:.28}.chart-fill-end{stop-color:var(--accent);stop-opacity:0}.chart-point-halo{fill:var(--surface)}.chart-point{fill:var(--accent)}.chart-point-dim{fill:var(--text-muted);opacity:.5}.chart-hit{cursor:pointer}.chart-axis-label{fill:var(--text-muted);font-size:8px;font-family:var(--font-mono)}.chart-endpoint-label{fill:var(--text);font-size:9px;font-weight:700;font-family:var(--font-mono)}.chart-empty{color:var(--text-muted);text-align:center;padding:1.5rem 0;font-size:.85rem}.chart-selected-detail{color:var(--text);margin:0 0 .6rem;font-size:.85rem}.chart-selected-detail strong{font-family:var(--font-mono);font-weight:800}.log-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.log-item{border-top:1px solid var(--border);align-items:center;gap:.6rem;padding:.6rem 0;display:flex}.log-item:first-child{border-top:none;padding-top:0}.log-day{width:3.8rem;color:var(--text-muted);flex:none;font-size:.76rem;font-weight:700}.log-body{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.log-ex{text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;font-weight:600;overflow:hidden}.log-meta{color:var(--text-muted);font-size:.74rem}.log-tag{color:var(--success);border-radius:var(--radius-s);background:#6fae7a29;flex:none;padding:.2rem .45rem;font-size:.68rem;font-weight:700}.empty-state{color:var(--text-muted);text-align:center;padding:1.5rem 0;font-size:.88rem}.device-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.device-item{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:.6rem;padding:.6rem 0;display:flex}.device-item:first-child{border-top:none;padding-top:0}.device-name{font-size:.88rem;font-weight:700}.device-meta{color:var(--text-muted);font-size:.74rem}.token-reveal{font-family:var(--font-mono);letter-spacing:.03em;color:var(--text);background:var(--surface-2);border:1px dashed var(--accent);border-radius:var(--radius-s);word-break:break-all;direction:ltr;justify-content:center;align-items:center;gap:.5rem;padding:.7rem .85rem;font-size:1.05rem;font-weight:700;display:flex}.field-inline{flex-direction:column;gap:.35rem;display:flex}.field-inline label{color:var(--text-muted);font-size:.78rem;font-weight:600}.field-inline input,.field-inline select{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-s);color:var(--text);padding:.6rem .7rem;font-size:.95rem}.toast{bottom:calc(var(--nav-height) + 1rem);background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-pill);z-index:60;align-items:center;gap:.4rem;padding:.65rem 1rem;font-size:.85rem;font-weight:600;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 10px 24px #00000059}.toast.is-error{color:var(--danger);border-color:#e05a5a80}.stack{flex-direction:column;gap:.6rem;display:flex}.row{align-items:center;gap:.6rem;display:flex}.row.between{justify-content:space-between}.flex-1{flex:1;min-width:0}.muted{color:var(--text-muted)}.center-note{text-align:center;color:var(--text-muted);padding:1rem 0;font-size:.85rem}.text-input{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-s);width:100%;color:var(--text);padding:.6rem .7rem;font-size:.9rem}.gate-screen{width:100%;min-height:100dvh;max-width:var(--max-width);text-align:center;flex-direction:column;justify-content:center;align-items:stretch;gap:.9rem;margin:0 auto;padding:2rem 1.25rem;display:flex}.gate-logo{border-radius:var(--radius-l);background:var(--surface-2);border:1px solid var(--border);width:3.2rem;height:3.2rem;color:var(--accent);justify-content:center;align-self:center;align-items:center;font-size:1.5rem;display:flex}.gate-logo.success{color:var(--success)}.gate-title{font-size:1.5rem;font-weight:var(--fw-display);letter-spacing:var(--tracking-display)}.gate-copy{color:var(--text-muted);font-size:.9rem;line-height:1.6}.gate-input{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-m);width:100%;color:var(--text);font-family:var(--font-mono);letter-spacing:.04em;text-align:center;direction:ltr;padding:.85rem;font-size:1.1rem;font-weight:700}.gate-error{color:var(--danger);font-size:.82rem}@media (max-width:360px){.stat-tiles{grid-template-columns:repeat(3,1fr);gap:.4rem}.tile{padding:.6rem .45rem}}.segmented-group{flex-direction:column;gap:.35rem;display:flex}.segmented-label{color:var(--text-muted);text-transform:var(--label-case);letter-spacing:var(--tracking-label);font-size:.72rem;font-weight:600}.segmented-sub{padding:.2rem}.segmented-sub .seg-btn{padding:.4rem .5rem;font-size:.78rem}.mode-badge{color:var(--accent-2);border-radius:var(--radius-pill);background:#d3a64a29;padding:.3rem .55rem;font-size:.72rem;font-weight:700}.log-group{border-top:1px solid var(--border);padding-top:.6rem}.log-group:first-child{border-top:none;padding-top:0}.log-group-head{cursor:pointer;color:inherit;text-align:start;background:0 0;border:none;align-items:center;gap:.6rem;width:100%;padding:0;font-family:inherit;display:flex}.log-group-chevron{width:.9em;height:.9em;color:var(--text-muted);flex:none;transition:transform .15s}.log-group-chevron.is-open{transform:rotate(180deg)}.log-sublist{border-inline-start:2px solid var(--border);flex-direction:column;gap:.45rem;margin:.5rem 0 0;padding-inline-start:.9rem;list-style:none;display:flex}.log-subitem{align-items:center;gap:.5rem;display:flex}.log-sub-index{color:var(--accent-2);border-radius:var(--radius-s);text-align:center;background:#d3a64a29;flex:none;min-width:3.2rem;padding:.2rem .5rem;font-size:.68rem;font-weight:700}