:root{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);--bg:#f5f3ff;--card:#fff;--tx:#1e1b4b;--mu:#6b7280;--pr:#6d28d9;--ok:#16a34a;--no:#dc2626;--bd:#ddd6fe}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0f0b1f;--card:#1b1535;--tx:#ede9fe;--mu:#a5a3c4;--pr:#a78bfa;--bd:#3b2f6b}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--tx);font:16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}
#app{max-width:640px;margin:0 auto;padding:16px}
h1{font-size:1.7rem;margin:.2em 0}h2{margin:.3em 0}
.bar{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px}
.card{background:var(--card);border:1px solid var(--bd);border-radius:16px;padding:16px;margin:10px 0}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
button{font:inherit;color:var(--tx);background:var(--card);border:2px solid var(--bd);border-radius:12px;padding:12px;cursor:pointer;text-align:left}
button:hover{border-color:var(--pr)}button.p{background:var(--pr);color:#fff;border-color:var(--pr);text-align:center}
button.sm{padding:6px 10px;font-size:.85rem}
.opt{display:block;width:100%;margin:8px 0}.opt.ok{background:var(--ok);color:#fff;border-color:var(--ok)}.opt.no{background:var(--no);color:#fff;border-color:var(--no)}
.mu{color:var(--mu);font-size:.9rem}.q{font-size:1.25rem;font-weight:600;margin:8px 0}
.prog{height:8px;background:var(--bd);border-radius:9px;overflow:hidden}.prog i{display:block;height:100%;background:var(--pr)}
input{font:inherit;width:100%;padding:10px;border-radius:10px;border:2px solid var(--bd);background:var(--bg);color:var(--tx);margin:6px 0}
table{width:100%;border-collapse:collapse}td,th{padding:8px 6px;border-bottom:1px solid var(--bd);text-align:left}
.tabs{display:flex;gap:6px;flex-wrap:wrap}.tabs button.on{background:var(--pr);color:#fff}
.big{font-size:2.4rem;font-weight:800;text-align:center}