:root{--bg:#0f1b2d;--surface:#16263d;--surface-raised:#1e3350;--text:#f4f7fb;--muted:#a9bad1;--accent:#4f9cf9;--danger:#ff8a7a;--ok:#7bd88f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:17px;line-height:1.5}.app{flex-direction:column;min-height:100dvh;display:flex}.app__header{background:var(--surface);border-bottom:1px solid #24405f;padding:1rem 1rem .75rem}.app__title{letter-spacing:.02em;margin:0;font-size:1.35rem}.app__tagline{color:var(--muted);margin:.15rem 0 0;font-size:.9rem}.app__main{flex:1;width:100%;max-width:40rem;margin:0 auto;padding:1rem}.app__nav{padding:.5rem 1rem calc(.5rem + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid #24405f;gap:.5rem;display:flex;position:sticky;bottom:0}.app__nav a{background:var(--surface-raised);min-height:48px;color:var(--text);border-radius:12px;flex:1;justify-content:center;align-items:center;font-weight:600;text-decoration:none;display:flex}.app__nav a[aria-current=page]{outline:2px solid var(--accent)}.card{background:var(--surface);border:1px solid #24405f;border-radius:14px;margin-bottom:1rem;padding:1rem}.card h2{margin-top:0;font-size:1.05rem}.button{background:var(--accent);color:#06121f;cursor:pointer;border:0;border-radius:12px;width:100%;min-height:52px;font-size:1rem;font-weight:700}.button:disabled{opacity:.6;cursor:progress}.status{border-radius:10px;margin:.75rem 0 0;padding:.75rem;font-size:.95rem}.status--error{color:var(--danger);background:#3a1d1d}.status--ok{color:var(--ok);background:#13301f}.meta{color:var(--muted);margin:.25rem 0 0;font-size:.85rem}@media (width>=48rem){.app__main{padding:1.5rem}}