:root{--ocean-950:#04111f;--ocean-900:#071b30;--ocean-800:#0b2742;--ocean-700:#12385c;--ocean-500:#2a6aa0;--foam:#e8f1f8;--mist:#9db4c9;--muted:#5f7a93;--accent:#00c2ff;--gold:#ffc940;--danger:#ff5a5f;--ok:#3ddc84;--plan-push:#ff9a2e;--plan-wrong:#ffe066;--plan-over:#e5484d;--plan-normal:#3ddc84;--plan-under:#5f7a93;--radius:14px;--font:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display:"Barlow Condensed", "Inter", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--ocean-950);height:100%;color:var(--foam);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0}button{font:inherit;color:inherit;cursor:pointer;border:none}.dot{border-radius:50%;flex-shrink:0;width:.8em;height:.8em;display:inline-block}.account-form{flex-direction:column;gap:10px;display:flex}.account-form h3{margin:0;font-size:18px}.account-form label{text-transform:uppercase;letter-spacing:.08em;color:var(--mist);flex-direction:column;gap:4px;font-size:12px;display:flex}.account-form input{border:2px solid var(--ocean-500);background:var(--ocean-950);height:48px;color:var(--foam);font:600 17px/1 var(--font);text-transform:none;letter-spacing:normal;border-radius:12px;padding:0 12px}.account-form input:focus-visible{border-color:var(--accent);outline:none}.account-actions{gap:8px;display:flex}.account-actions .btn{flex:1}.account-status{min-height:1.3em;color:var(--plan-push);margin:0;font-size:14px}.account-toggle{color:var(--accent);font:600 14px/1.3 var(--font);cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:6px 0;text-decoration:underline}.account-hint{color:var(--mist);margin:0;font-size:12px;line-height:1.4}body{background:radial-gradient(circle at 50% -20%, var(--ocean-800), var(--ocean-950) 60%);min-height:100dvh;color:var(--foam);font-family:var(--font);margin:0}.home{flex-direction:column;gap:18px;width:min(520px,100% - 32px);margin:0 auto;padding:48px 0 32px;display:flex}.brand{font-family:var(--font-display);letter-spacing:.12em;margin:0;font-size:44px}.brand span{color:var(--accent)}.tagline{color:var(--mist);margin:0;line-height:1.45}.home-card{border-radius:var(--radius);background:#0b2742b3;border:1px solid #9db4c926;flex-direction:column;gap:12px;padding:18px;display:flex}.home-card h2{margin:0;font-size:20px}.home-card p{color:var(--mist);margin:0;font-size:14px;line-height:1.45}.join-form{flex-direction:column;gap:8px;display:flex}.join-form label{text-transform:uppercase;letter-spacing:.08em;color:var(--mist);font-size:12px}.join-form input{border:2px solid var(--ocean-500);background:var(--ocean-950);height:56px;color:var(--foam);letter-spacing:.3em;text-align:center;text-transform:uppercase;border-radius:12px;font:700 28px/1 ui-monospace,monospace}.join-form input:focus{border-color:var(--accent);outline:none}.join-buttons{grid-template-columns:1fr 1fr;gap:8px;display:grid}.btn{border:1px solid var(--ocean-500);background:var(--ocean-800);min-height:52px;color:var(--foam);font:700 16px var(--font);cursor:pointer;border-radius:12px}.btn.primary{border-color:var(--accent);background:var(--accent);color:var(--ocean-950)}.btn:disabled{opacity:.5}.hint{font-size:12px!important}.status{min-height:20px;color:var(--gold);text-align:center;margin:0}.announcements{flex-direction:column;gap:8px;display:flex}.announcement{border-radius:var(--radius);border-left:4px solid var(--gold);color:var(--foam);background:#ffc9401a;margin:0;padding:12px 14px;font-weight:600;line-height:1.4}