:root{--bg:#08090a;--panel:#0f1011;--surface:#191a1b;--text:#f7f8f8;--text-soft:#d0d6e0;--text-muted:#8a8f98;--brand:#5e6ad2;--accent:#7170ff;--accent-hover:#828fff;--border:#ffffff14;--border-subtle:#ffffff0d;--sans:"Inter Variable", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--mono:"Berkeley Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;color:var(--text-soft);background:var(--bg);font-family:var(--sans);font-feature-settings:"cv01", "ss03";font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{background:var(--bg)}body{min-width:320px;min-height:100svh;margin:0}#root{min-height:100svh}.app-shell{background:var(--bg);place-items:center;min-height:100svh;padding:48px 20px;display:grid}.timer-panel{border:1px solid var(--border);background:#ffffff08;border-radius:8px;gap:28px;width:min(100%,680px);padding:28px;display:grid;box-shadow:0 24px 70px #00000059,inset 0 1px #ffffff0a}.topbar{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.eyebrow,.timer-core p,.timer-core span,.session-count{color:var(--text-muted);font-size:12px;font-weight:510;line-height:1.4}.eyebrow{text-transform:uppercase;margin-bottom:8px}.topbar h1{color:var(--text);letter-spacing:0;margin:0;font-size:64px;font-weight:510;line-height:1}.session-count{justify-items:end;gap:4px;min-width:112px;padding-top:3px;display:grid}.session-count span{color:var(--text);letter-spacing:0;font-size:32px;line-height:1}.mode-switch{border:1px solid var(--border-subtle);background:#ffffff06;border-radius:8px;grid-template-columns:repeat(2,1fr);gap:4px;padding:4px;display:grid}.mode-switch span{min-height:36px;color:var(--text-muted);border-radius:6px;place-items:center;font-size:13px;font-weight:510;display:grid}.mode-switch .active{color:var(--text);background:#ffffff0f;box-shadow:inset 0 1px #ffffff0f}.timer-ring{--progress:0%;aspect-ratio:1;background:radial-gradient(circle, #0f1011 0 61%, transparent 62%), conic-gradient(var(--accent) var(--progress), #ffffff14 0);border-radius:50%;justify-self:center;place-items:center;width:min(74vw,360px);display:grid;box-shadow:inset 0 0 0 1px #ffffff0f,0 18px 48px #0000004d}.timer-core{aspect-ratio:1;border:1px solid var(--border);background:#010102b8;border-radius:50%;align-content:center;place-items:center;gap:10px;width:76%;display:grid}.timer-core p,.timer-core span{margin:0}.timer-core strong{color:var(--text);letter-spacing:0;font-variant-numeric:tabular-nums;font-size:92px;font-weight:510;line-height:.95}.controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}button{min-height:44px;color:var(--text-soft);font:inherit;cursor:pointer;background:#ffffff08;border:1px solid #24282c;border-radius:6px;font-size:14px;font-weight:510;transition:background .16s,border-color .16s,color .16s,transform .16s}button:hover{color:var(--text);background:#ffffff0f;border-color:#ffffff24}button:active{transform:translateY(1px)}button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button.primary{background:var(--brand);color:#fff;border-color:#0000}button.primary:hover{background:var(--accent-hover)}@media (width<=620px){.app-shell{padding:20px 12px}.timer-panel{gap:22px;padding:20px}.topbar h1{font-size:40px}.topbar{flex-direction:column;gap:16px}.session-count{grid-template-columns:auto 1fr;place-items:end start;width:100%}.controls{grid-template-columns:1fr}.timer-core strong{font-size:56px}}