:root{--bg:#0b1220;--card:#111827;--fg:#f3f4f6;--muted:#9ca3af;--accent:#22c55e;--danger:#ef4444}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font-family:system-ui,sans-serif}.app{max-width:480px;min-height:100vh;margin:0 auto;padding:16px}.card{background:var(--card);border-radius:14px;margin-bottom:12px;padding:16px}button{background:var(--accent);color:#06240f;border:0;border-radius:12px;width:100%;padding:14px;font-size:16px;font-weight:700}button.secondary{color:var(--fg);background:#1f2937}input,select{width:100%;color:var(--fg);background:#0b1220;border:1px solid #374151;border-radius:10px;margin:6px 0;padding:12px;font-size:16px}.row{gap:8px;display:flex}.big-tap{min-height:56px}a{color:#60a5fa;font-weight:600;text-decoration:underline}a:visited{color:#60a5fa}a:hover{color:#93c5fd}.nav-desktop{display:none}.nav-burger{width:auto;padding:10px 14px;font-size:20px;line-height:1}.nav-backdrop{z-index:15;background:#00000080;position:fixed;inset:0}.nav-drawer{background:var(--card);z-index:20;flex-direction:column;gap:10px;width:72%;max-width:280px;height:100%;padding:16px;display:flex;position:fixed;top:0;left:0;box-shadow:2px 0 16px #0006}.nav-drawer a{text-decoration:none}@media (width>=640px){.nav-desktop{gap:8px;display:flex}.nav-desktop a{flex:none}.nav-desktop button{white-space:nowrap;width:auto}.nav-burger{display:none}.app{max-width:720px}}