:root{--bg: #0b0f19;--panel: rgba(255, 255, 255, .06);--border: rgba(255, 255, 255, .12);--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .7);--accent: #22c55e;--shadow: 0 18px 45px rgba(0, 0, 0, .35)}:root[data-theme=light]{--bg: #f6f7fb;--panel: rgba(15, 23, 42, .06);--border: rgba(15, 23, 42, .14);--text: rgba(15, 23, 42, .92);--muted: rgba(15, 23, 42, .65);--shadow: 0 18px 45px rgba(15, 23, 42, .12)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:radial-gradient(1200px 800px at 20% 0%,rgba(34,197,94,.18),transparent 60%),radial-gradient(900px 700px at 100% 10%,rgba(96,165,250,.16),transparent 55%),var(--bg);color:var(--text)}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:color-mix(in srgb,var(--bg) 70%,transparent)}.brand__title{font-weight:700;letter-spacing:.2px}.brand__subtitle{margin-top:2px;color:var(--muted);font-size:13px}.nav__link{color:var(--text);text-decoration:none;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--panel)}.nav__link:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--border))}.container{padding:26px 18px 50px;display:flex;justify-content:center}.card{width:min(820px,100%);background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:22px;box-shadow:var(--shadow)}.card__title{margin:0;font-size:22px}.card__hint{margin:10px 0 18px;color:var(--muted)}.field{display:grid;gap:8px;margin:14px 0;flex:1}.field--inline{flex:1;margin:0}.field__label{font-size:13px;color:var(--muted)}.field__input,.field__textarea,.field__select{width:100%;color:var(--text);background:color-mix(in srgb,var(--bg) 74%,transparent);border:1px solid var(--border);border-radius:14px;padding:12px;font:inherit;outline:none}.field__textarea{resize:vertical}.field__input:focus,.field__textarea:focus,.field__select:focus{border-color:color-mix(in srgb,var(--accent) 60%,var(--border));box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 15%,transparent)}.field__color{width:100%;height:44px;padding:6px;border-radius:14px;border:1px solid var(--border);background:color-mix(in srgb,var(--bg) 74%,transparent)}.timer-display{margin:20px 0;text-align:center}.timer-value{font-variant-numeric:tabular-nums;font-size:clamp(48px,6vw,80px);font-weight:900;letter-spacing:.02em;color:var(--text);background:color-mix(in srgb,var(--accent) 8%,transparent);border:2px solid color-mix(in srgb,var(--accent) 25%,var(--border));border-radius:20px;padding:20px 28px;display:inline-block}.row{display:flex;gap:14px;align-items:center;margin:14px 0}.actions{margin-top:16px;display:flex;gap:12px;justify-content:flex-end}.btn{appearance:none;border:1px solid color-mix(in srgb,var(--accent) 55%,var(--border));background:color-mix(in srgb,var(--accent) 18%,var(--panel));color:var(--text);padding:10px 14px;border-radius:14px;cursor:pointer;font-weight:600}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--secondary{border:1px solid var(--border);background:transparent}.status{margin-top:14px;font-size:13px;color:var(--muted)}.status[data-tone=ok]{color:color-mix(in srgb,var(--accent) 75%,white)}.status[data-tone=warn]{color:#fbbf24}.version{margin-top:8px;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}