:root{color-scheme:dark;--bg: #0b1220;--bg-elevated: #111827;--card: #162032;--border: rgba(148, 163, 184, .16);--text: #f8fafc;--muted: #94a3b8;--accent: #f97316;--accent-strong: #ea580c;--success: #22c55e;--warn: #fbbf24;--danger: #f87171;--shadow: 0 18px 50px rgba(0, 0, 0, .35);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:var(--text);background:radial-gradient(circle at top,rgba(249,115,22,.18),transparent 32%),linear-gradient(180deg,#0f172a 0%,var(--bg) 100%);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}.app-shell{width:min(720px,100%);margin:0 auto;padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom))}.loading-shell{min-height:100vh;display:grid;place-items:center}.card{background:#162032eb;border:1px solid var(--border);border-radius:20px;padding:1.25rem;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card+.card,.prompt-card,.ladder-card,.stats-row+.card{margin-top:1rem}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.eyebrow{margin:0 0 .25rem;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;color:var(--accent);font-weight:700}h1,h2{margin:0;line-height:1.1}h1{font-size:clamp(1.8rem,5vw,2.4rem)}h2{font-size:clamp(1.6rem,4vw,2rem)}.subtitle,.muted{color:var(--muted)}.subtitle{margin:.75rem 0 0}.auth-shell{min-height:calc(100vh - 2rem);display:grid;place-items:center}.auth-card{width:100%}.auth-form,.log-form{display:grid;gap:.9rem;margin-top:1.25rem}label{display:grid;gap:.35rem;font-size:.92rem;color:var(--muted)}input{width:100%;border:1px solid var(--border);background:#0f172ad9;color:var(--text);border-radius:12px;padding:.85rem .95rem}input:focus{outline:2px solid rgba(249,115,22,.45);border-color:#f97316a6}.btn{border:none;border-radius:12px;padding:.85rem 1rem;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.btn:active{transform:scale(.98)}.btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#fff;font-weight:700}.btn.ghost,.btn.small{background:#94a3b81f;color:var(--text)}.btn.small{padding:.55rem .85rem}.btn:disabled{opacity:.65;cursor:not-allowed}.link-btn{background:none;border:none;color:var(--accent);padding:0;margin-top:1rem;cursor:pointer}.error{color:var(--danger);margin:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.stats-row{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}.stat{background:#162032eb;border:1px solid var(--border);border-radius:16px;padding:1rem 1.1rem}.stat-label{display:block;color:var(--muted);font-size:.85rem}.stat-value{display:block;font-size:2rem;font-weight:800;margin-top:.15rem}.timer-panel,.done-panel{text-align:center;padding:1rem 0 .5rem}.countdown-label{margin:0;color:var(--muted)}.countdown{margin:.35rem 0 0;font-size:clamp(2rem,8vw,3rem);font-weight:800;font-variant-numeric:tabular-nums}.interval-note{margin:.35rem 0 0;font-size:.85rem}.phase-badge{border-radius:999px;padding:.35rem .7rem;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.phase-active{background:#f973162e;color:#fdba74}.phase-grace{background:#fbbf242e;color:#fde68a}.phase-done{background:#22c55e2e;color:#86efac}.alert{border-radius:12px;padding:.75rem .9rem;margin-bottom:.85rem}.alert.warn{background:#fbbf241f;color:#fde68a;border:1px solid rgba(251,191,36,.25)}.alert.error{background:#f871711f;color:#fecaca;border:1px solid rgba(248,113,113,.25)}.done-icon{font-size:2.5rem;color:var(--success);margin:0}.badge{background:#94a3b81f;color:var(--muted);border-radius:999px;padding:.25rem .65rem;font-size:.78rem}.ladder-list{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}.ladder-row{display:grid;grid-template-columns:2.2rem 1fr auto;align-items:center;gap:.75rem;padding:.75rem .85rem;border-radius:14px;background:#0f172a8c;border:1px solid transparent}.ladder-row.is-you{border-color:#f9731673;background:#f9731614}.rank{font-weight:800;color:var(--muted)}.name{font-weight:600}.score{font-weight:800;color:var(--accent)}.ladder-empty{padding:.75rem}.ladder-grid{display:grid;gap:1.25rem}.ladder-section-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.ladder-section-header h3{margin:0;font-size:1rem}@media(min-width:640px){.ladder-grid{grid-template-columns:1fr 1fr;gap:1rem}}.install-banner{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem;padding:.85rem 1rem;border-radius:14px;background:#f9731624;border:1px solid rgba(249,115,22,.28)}.notification-banner{position:static;background:#3b82f61f;border-color:#3b82f647}.install-actions{display:flex;align-items:center;gap:.5rem}@media(max-width:520px){.install-banner{flex-direction:column;align-items:stretch}.topbar{align-items:flex-start;flex-direction:column}}