:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#10100e;color:#f6f2e8}*{box-sizing:border-box}body{min-height:100svh;margin:0;background:linear-gradient(135deg,rgba(44,148,109,.2),transparent 36%),radial-gradient(circle at 100% 0%,rgba(225,89,73,.22),transparent 30%),#10100e}button,input{font:inherit}button{min-height:44px;border:0;border-radius:8px;padding:0 15px;color:#151512;background:#e9e2cf;font-weight:800}button:disabled{cursor:not-allowed;opacity:.45}.primary{color:#07130e;background:#3ee07f}input{width:100%;min-height:44px;border:1px solid #45443d;border-radius:8px;padding:10px 12px;color:#f6f2e8;background:#1b1b18}code{overflow-wrap:anywhere;color:#cafbd8}.app-shell{display:grid;min-height:100svh;place-items:center;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}.workout-surface{width:min(820px,100%);border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:clamp(16px,4vw,30px);background:#161612f2;box-shadow:0 22px 80px #00000059}.topbar,.phase-meta,.controls{display:flex;gap:12px;align-items:center}.topbar{justify-content:space-between}.eyebrow{margin:0 0 4px;color:#aaa596;font-size:.78rem;font-weight:900;letter-spacing:0;text-transform:uppercase}h1{margin:0;font-size:clamp(2.6rem,9vw,5.8rem);line-height:.9;letter-spacing:0}.status-pill{flex:0 0 auto;border:1px solid #4b493f;border-radius:999px;padding:7px 10px;color:#ddd5c0;background:#22221e;font-size:.86rem;font-weight:750}.status-pill.connected{border-color:#3ee07f99;color:#3ee07f}.timer-face{margin:24px 0 18px}.phase-meta{justify-content:space-between;color:#bfb8a5;font-weight:750}.timer-display{margin:6px 0 8px;font-size:clamp(5rem,24vw,12rem);font-variant-numeric:tabular-nums;font-weight:900;line-height:.95;text-align:center}.progress-track{overflow:hidden;height:12px;border-radius:999px;background:#2a2924}.progress-fill{width:0%;height:100%;border-radius:inherit;background:#3ee07f;transition:width .18s linear}.controls{flex-wrap:wrap}.controls button{flex:1 1 150px}.settings-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}.settings-grid label{display:grid;gap:6px;color:#c8c0ac;font-size:.9rem;font-weight:800}.spotify-connect{display:flex;justify-content:flex-end;border-top:1px solid rgba(255,255,255,.09);margin-top:18px;padding-top:15px}.spotify-connect button{min-width:180px}pre{overflow:auto;max-height:170px;margin:16px 0 0;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:12px;color:#c9c0aa;background:#0d0d0b;white-space:pre-wrap}@media(max-width:680px){.topbar{align-items:flex-start;flex-direction:column}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.settings-grid{grid-template-columns:1fr}}