:root{--bg:#f8fafc;--surface:#fff;--text:#0f172a;--muted:#64748b;--border:#e2e8f0;--accent:#16a34a;--accent-text:#fff;--danger:#dc2626;--ok:#15803d;--banner:#fef9c3;--banner-text:#713f12;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.45}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0f172a;--surface:#1e293b;--text:#f1f5f9;--muted:#94a3b8;--border:#334155;--ok:#4ade80;--danger:#f87171;--banner:#422006;--banner-text:#fde68a}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}.app{max-width:34rem;padding:calc(env(safe-area-inset-top) + 1rem) 1rem calc(env(safe-area-inset-bottom) + 2rem);margin:0 auto}.app-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}h1{margin:0;font-size:1.4rem}h2{margin:0 0 .75rem;font-size:1.1rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-bottom:1rem;padding:1rem}label{margin-bottom:.75rem;font-weight:500;display:block}input{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:10px;margin-top:.3rem;padding:.7rem .8rem;font-size:1rem;display:block}button{font:inherit;background:var(--accent);color:var(--accent-text);cursor:pointer;border:1px solid #0000;border-radius:10px;width:100%;padding:.7rem 1rem;font-weight:600}button:disabled{opacity:.6;cursor:default}button.secondary{color:var(--text);border-color:var(--border);background:0 0}button.danger{color:var(--danger);border-color:var(--border);background:0 0}button.link{width:auto;color:var(--muted);background:0 0;padding:.25rem .5rem;font-weight:500}.actions{gap:.5rem;margin-top:1rem;display:grid}.status{grid-template-columns:1fr;gap:.15rem;margin:0;display:grid}.status dt{color:var(--muted);margin-top:.5rem;font-size:.85rem}.status dd{margin:0}.muted{color:var(--muted)}.small{font-size:.85rem}.error{color:var(--danger)}.ok{color:var(--ok)}.banner{background:var(--banner);color:var(--banner-text);border-radius:10px;padding:.75rem}.banner.error{color:var(--danger)}
