:root{--bg:#f2f5f8;--fg:#14212b;--mu:#5b6b78;--cd:#fff;--bd:#d5dde4;--ac:#1f5fbf;--ok:#1d7a46;--okb:#dff3e6;--no:#b3261e;--nob:#fbe4e1;color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#10171d;--fg:#e8eef3;--mu:#93a3b0;--cd:#192229;--bd:#2c3a45;--ac:#6ea3f0;--ok:#6fd49a;--okb:#16352a;--no:#f08b84;--nob:#3b1d1b;color-scheme:dark}}
:root[data-theme="dark"]{--bg:#10171d;--fg:#e8eef3;--mu:#93a3b0;--cd:#192229;--bd:#2c3a45;--ac:#6ea3f0;--ok:#6fd49a;--okb:#16352a;--no:#f08b84;--nob:#3b1d1b;color-scheme:dark}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.45 system-ui,-apple-system,"Segoe UI",sans-serif}
main{max-width:560px;margin:0 auto;padding:14px}
h1{font:600 20px/1.2 Georgia,"Times New Roman",serif;margin:4px 0 12px}
.tabs{display:flex;gap:8px;margin-bottom:14px}
.tabs button{flex:1;padding:10px;border:1px solid var(--bd);background:var(--cd);color:var(--fg);border-radius:10px;font:inherit;font-weight:600}
.tabs button.on{background:var(--ac);border-color:var(--ac);color:#fff}
.bar{height:6px;background:var(--bd);border-radius:3px;overflow:hidden;margin-bottom:6px}
.bar i{display:block;height:100%;background:var(--ac);width:0;transition:width .25s}
.meta{color:var(--mu);font-size:14px;margin-bottom:12px;display:flex;justify-content:space-between}
.q{background:var(--cd);border:1px solid var(--bd);border-radius:14px;padding:16px;margin-bottom:12px}
.q small{color:var(--mu);display:block;margin-bottom:6px}
.q b{font:italic 600 24px/1.25 Georgia,serif;word-break:break-word}
.opt{display:block;width:100%;text-align:left;padding:13px 14px;margin-bottom:9px;border:1px solid var(--bd);background:var(--cd);color:var(--fg);border-radius:10px;font:inherit}
.opt.ok{background:var(--okb);border-color:var(--ok);color:var(--ok)}
.opt.no{background:var(--nob);border-color:var(--no);color:var(--no)}
.go{width:100%;padding:13px;border:0;border-radius:10px;background:var(--ac);color:#fff;font:inherit;font-weight:600}
.fb{margin:2px 0 10px;font-size:14px;color:var(--mu)}
.big{font:600 40px Georgia,serif;text-align:center;margin:20px 0 4px}
.c{text-align:center;color:var(--mu);margin-bottom:16px}
.li{background:var(--cd);border:1px solid var(--bd);border-radius:10px;padding:11px 13px;margin-bottom:8px}
.li b{font-family:Georgia,serif;font-size:17px}
.li em{display:block;color:var(--mu);font-size:14px;margin-top:3px}
.hid{display:none}
.sec{width:100%;margin-top:12px;padding:11px;border:1px solid var(--bd);background:none;color:var(--mu);border-radius:10px;font:inherit}

.card{display:block;width:100%;text-align:left;padding:16px;margin-bottom:12px;border:1px solid var(--bd);background:var(--cd);color:var(--fg);border-radius:14px;font:inherit}
.card b{display:block;font:600 19px/1.25 Georgia,serif;margin-bottom:4px}
.card span{display:block;color:var(--mu);font-size:14px}
.card small{display:block;margin-top:8px;color:var(--ac);font-size:13px}
.top{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.top button{border:1px solid var(--bd);background:var(--cd);color:var(--fg);border-radius:10px;padding:8px 12px;font:inherit;white-space:nowrap}
.top b{font:600 17px/1.2 Georgia,serif}

button:disabled{opacity:.6} #status{padding:10px;color:var(--mu)} .privacy{font-size:13px;color:var(--mu)} input{padding:10px;width:100%;box-sizing:border-box} .row{margin:8px 0} .wrap{overflow-wrap:anywhere}