:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#09090b;--panel:#151518;--panel-2:#1c1c20;--border:#2b2b31;--text:#f4f4f5;--muted:#a1a1aa;--accent:#f4f4f5;--danger:#ef4444}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-height:100vh}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}code{background:#232329;border-radius:6px;padding:2px 6px}.version-badge{z-index:100;border:1px solid var(--border);color:var(--muted);letter-spacing:.04em;background:#141417eb;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:800;position:fixed;bottom:10px;right:10px}.app-header{z-index:50;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#09090bf0;justify-content:space-between;align-items:center;gap:20px;min-height:62px;padding:0 24px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.03em;font-weight:850}.nav-links{color:var(--muted);align-items:center;gap:18px;font-size:14px;display:flex}.nav-links a:hover,.link-button:hover{color:var(--text)}.link-button{color:var(--muted);background:0 0;border:0;padding:0}.container{width:min(1040px,100% - 32px);margin:36px auto 80px}.page-title{justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px;display:flex}h1{letter-spacing:-.045em;margin:0;font-size:clamp(30px,5vw,46px)}h2{letter-spacing:-.02em;margin:0 0 16px;font-size:19px}p{line-height:1.55}.eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin:0 0 5px;font-size:11px;font-weight:800}.muted{color:var(--muted)}.error-text,.watch-error{color:#fca5a5}.card{background:var(--panel);border:1px solid var(--border);border-radius:16px;margin-bottom:18px;padding:20px}.stack{gap:14px;margin-top:18px;display:grid}.stack.compact{gap:8px}.two-column{grid-template-columns:1fr 1fr;gap:18px;margin-top:18px;display:grid}label{color:var(--muted);gap:7px;font-size:13px;display:grid}input,select{border:1px solid var(--border);width:100%;color:var(--text);background:#0f0f12;border-radius:10px;outline:none;min-height:42px;padding:9px 11px}input:focus,select:focus{border-color:#71717a;box-shadow:0 0 0 3px #71717a29}input[type=color]{min-width:64px;padding:4px}.checkbox{align-self:end;align-items:center;gap:8px;min-height:42px;display:flex}.checkbox input{width:18px;min-height:18px}.form-stack{gap:14px;display:grid}.category-form{grid-template-columns:100px minmax(180px,1fr) 90px 120px auto auto;align-items:end;gap:12px;display:grid}.history-form{grid-template-columns:minmax(160px,1fr) 1fr 1fr auto;align-items:end;gap:12px;display:grid}.history-card{gap:12px;display:grid}.primary,.secondary,.danger{border:1px solid #0000;border-radius:10px;min-height:42px;padding:9px 14px;font-weight:750}.primary{background:var(--accent);color:#111}.secondary{color:var(--text);background:#25252b;border-color:#36363e}.danger{color:#fca5a5;background:0 0;border-color:#5f2424}button:disabled{opacity:.55;cursor:not-allowed}.active-pill{text-align:right;background:#162017;border:1px solid #2d4d31;border-radius:12px;gap:2px;min-width:210px;padding:10px 12px;display:grid}.active-pill small{color:#a7caaa}.active-pill.idle{background:var(--panel);border-color:var(--border);color:var(--muted)}.track-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px;display:grid}.track-button{border:2px solid var(--border);background:var(--panel-2);width:100%;min-height:112px;color:var(--text);border-radius:14px;align-content:center;place-items:center;gap:5px;font-weight:800;display:grid}.track-button.active{background:#1d2b20;box-shadow:inset 0 0 0 1px #ffffff0d}.track-button small{color:var(--muted);font-size:10px}.track-emoji{font-size:25px}.totals-list{gap:4px;display:grid}.total-row{border-bottom:1px solid #242429;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.total-row:last-child{border-bottom:0}.total-row span{align-items:center;gap:8px;display:flex}.total-row i{border-radius:50%;width:9px;height:9px}.session-row{background:var(--panel-2);border-radius:10px;justify-content:space-between;align-items:center;gap:14px;padding:12px;display:flex}.session-row div{gap:3px;display:grid}.session-row small{color:var(--muted)}.pair-code{border:1px dashed #52525b;border-radius:14px;place-items:center;gap:4px;padding:18px;display:grid}.pair-code strong{letter-spacing:.12em;font-size:34px}.pair-code span{color:var(--muted);font-size:12px}.center-page{place-items:center;min-height:100vh;padding:20px;display:grid}.login-panel{width:min(420px,100%)}.login-panel>.muted{margin-bottom:22px}.watch-page,.watch-pair-page{color:#fff;background:#000;min-height:100vh}.watch-page{padding:8px 8px 42px}.watch-header{z-index:5;background:#000;justify-content:space-between;align-items:start;gap:6px;padding:5px 4px 8px;display:flex;position:sticky;top:0}.watch-header div{gap:1px;min-width:0;display:grid}.watch-header strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.watch-header small{color:#aaa;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.watch-header>span,.watch-version-inline{color:#888;font-size:9px;font-weight:800}.watch-buttons{gap:7px;display:grid}.watch-button{text-align:left;color:#fff;background:#121214;border:2px solid #333;border-radius:14px;grid-template-rows:auto auto;grid-template-columns:32px 1fr;align-items:center;column-gap:6px;width:100%;min-height:58px;padding:6px 8px;display:grid}.watch-button>span{text-align:center;grid-row:1/3;font-size:23px}.watch-button>strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.watch-button>small{color:#aaa;font-size:9px}.watch-button.active{background:#16321d}.watch-empty{color:#999;text-align:center;font-size:11px}.watch-stop{margin-top:8px}.watch-stop button{color:#fca5a5;background:#241313;border:1px solid #5f2424;border-radius:12px;width:100%;min-height:44px;font-weight:850}.watch-disconnect{text-align:center;margin-top:14px}.watch-disconnect button{color:#777;background:0 0;border:0;padding:8px;font-size:10px}.watch-pair-page{place-items:center;padding:10px;display:grid}.watch-pair-box{text-align:center;width:100%}.watch-pair-box h1{margin:4px 0;font-size:21px}.watch-pair-box p{color:#aaa;margin:5px 0 9px;font-size:10px}.watch-pair-box form{gap:7px;display:grid}.watch-pair-box input{text-align:center;letter-spacing:.14em;border-radius:12px;min-height:48px;font-size:22px}.watch-pair-box button{color:#000;background:#fff;border:0;border-radius:12px;min-height:46px;font-weight:850}@media (max-width:760px){.app-header{flex-direction:column;align-items:flex-start;padding:14px 16px}.nav-links{gap:12px;width:100%;padding-bottom:2px;overflow-x:auto}.two-column{grid-template-columns:1fr}.track-grid{grid-template-columns:repeat(2,1fr)}.category-form,.history-form{grid-template-columns:1fr 1fr}}