:root{--bg:#0d0f14;--card:#171a21;--card-2:#1f232d;--border:#262b36;--text:#f2f4f8;--muted:#8b93a3;--accent:#d4ff41;--accent-text:#10130a;--danger:#ff5c5c;--success:#4cd97b;--radius:16px;--nav-height:64px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#root{max-width:560px;min-height:100dvh;margin:0 auto}main{padding:16px 16px calc(var(--nav-height) + 24px + env(safe-area-inset-bottom))}h1{margin:8px 0 16px;font-size:26px;font-weight:800}h2{margin:0 0 8px;font-size:17px;font-weight:700}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:12px;padding:16px}.muted{color:var(--muted);font-size:14px}button{cursor:pointer;border:none;border-radius:12px;font-family:inherit}.btn-primary{background:var(--accent);color:var(--accent-text);width:100%;padding:14px 20px;font-size:16px;font-weight:700}.btn-primary:disabled{opacity:.5;cursor:default}.btn-secondary{background:var(--card-2);color:var(--text);border:1px solid var(--border);padding:12px 16px;font-size:15px;font-weight:600}input,select{background:var(--card-2);color:var(--text);border:1px solid var(--border);border-radius:12px;outline:none;width:100%;padding:12px 14px;font-family:inherit;font-size:16px}input:focus,select:focus{border-color:var(--accent)}label{color:var(--muted);margin:14px 0 6px;font-size:13px;font-weight:600;display:block}.badge{background:var(--card-2);color:var(--muted);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-block}.badge-accent{background:var(--accent);color:var(--accent-text)}.error-text{color:var(--danger);margin-top:10px;font-size:14px}.bottom-nav{width:100%;max-width:560px;height:calc(var(--nav-height) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);z-index:100;background:#171a21f2;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav-tab{color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:11px;font-weight:600;text-decoration:none;display:flex}.bottom-nav-tab.active{color:var(--accent)}.bottom-nav-icon{font-size:20px;line-height:1}.rest-timer-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;background:#0d0f14d9;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.rest-timer{background:var(--card);border-top:1px solid var(--border);width:100%;max-width:560px;padding:24px 20px calc(24px + env(safe-area-inset-bottom));text-align:center;border-radius:24px 24px 0 0}.rest-timer-clock{font-variant-numeric:tabular-nums;margin:8px 0 12px;font-size:56px;font-weight:800}.rest-timer-bar{background:var(--card-2);border-radius:3px;height:6px;overflow:hidden}.rest-timer-bar-fill{background:var(--accent);height:100%;transition:width .25s linear}