.title,button{user-select:none}.theme-toggle:hover,button:hover{background:var(--button-hover)}:root{--bg-gradient:radial-gradient(circle at top, #1e293b, #020617);--panel:rgba(255, 255, 255, 0.08);--border:rgba(255, 255, 255, 0.14);--text:#e5e7eb;--muted:#94a3b8;--accent:#38bdf8;--opt-green:#22c55e;--button-bg:rgba(255, 255, 255, 0.12);--button-hover:rgba(255, 255, 255, 0.22);--shadow:0 40px 120px rgba(0, 0, 0, 0.6)}body.light{--bg-gradient:radial-gradient(circle at top, #ffffff, #eef2f7);--panel:rgba(255, 255, 255, 0.65);--border:rgba(15, 23, 42, 0.08);--text:#0f172a;--muted:#64748b;--accent:#0284c7;--opt-green:#16a34a;--button-bg:rgba(15, 23, 42, 0.06);--button-hover:rgba(15, 23, 42, 0.12);--shadow:0 30px 80px rgba(15, 23, 42, 0.12),inset 0 1px 0 rgba(255, 255, 255, 0.6)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg-gradient);display:flex;align-items:center;justify-content:center;color:var(--text);font-family:Inter,system-ui,sans-serif;transition:background .35s,color .35s}.stopwatch{position:relative;width:100%;max-width:580px;min-width:280px;padding:clamp(1.5rem,3.5vw,3.2rem);margin:clamp(.5rem,3vw,2rem);border-radius:26px;background:var(--panel);border:1px solid var(--border);backdrop-filter:blur(18px);box-shadow:var(--shadow);text-align:center;transition:background .35s,box-shadow .35s}.theme-toggle,button{cursor:pointer;background:var(--button-bg);color:var(--text)}.theme-toggle{position:absolute;top:18px;right:18px;border:none;border-radius:12px;padding:.45rem .65rem;font-size:.9rem;transition:background .2s}.creator,.hint,.title{color:var(--muted)}.title{font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:1.6rem}.creator a,.time,button.primary{font-weight:600}.time{font-family:"JetBrains Mono",monospace;font-variant-numeric:tabular-nums;white-space:nowrap;width:100%;max-width:100%;overflow:hidden;font-size:clamp(2rem, 6.2vw, 3.9rem);margin-bottom:clamp(1.6rem,4vw,2.6rem)}@media (max-width:380px){.time{font-size:1.75rem;letter-spacing:-.02em}}.buttons{display:flex;gap:1rem}button{flex:1;min-height:48px;padding:.9rem 1rem;border-radius:16px;border:none;font-size:1rem;font-weight:500;transition:.2s}button:hover{transform:translateY(-1px)}button.primary{background:var(--accent);color:#020617}button,button:active,button:focus,button:focus-visible{outline:0;box-shadow:none;user-select:none;-webkit-user-select:none;-ms-user-select:none}body.light button.primary{color:#fff;box-shadow:0 6px 18px rgba(2,132,199,.35)}.hint{margin-top:1.6rem;font-size:.85rem}.creator{margin-top:2.8rem;font-size:.75rem;user-select:none}.creator a{text-decoration:none}.creator .opt{color:var(--opt-green)}.creator .innos{color:var(--text)}