:root{color-scheme:light;--bg:#f3f6f8;--panel:#fff;--ink:#17212b;--muted:#64717d;--line:#d6e0e7;--main:#173f5f;--main2:#24658f;--soft:#e9f2f8;--ok:#126b3a;--okbg:#e8f6ed;--bad:#a32f2f;--badbg:#fdecec}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{background:var(--bg)}
body{margin:0;min-height:100vh;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic UI",sans-serif;line-height:1.55;padding-bottom:calc(18px + env(safe-area-inset-bottom))}
header{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;align-items:center;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
h1{font-size:20px;margin:0;color:var(--main)}header p{font-size:12px;color:var(--muted);margin:0}h2{font-size:20px;margin:0 0 14px;color:var(--main)}
main{max-width:680px;margin:auto;padding:14px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 4px 18px #173f5f0c}.hidden{display:none!important}
button,.fileButton,select{font:inherit}button,.fileButton{display:block;width:100%;min-height:52px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--ink);padding:12px 15px;font-weight:650;text-align:center;touch-action:manipulation;margin-top:10px}
.primary{background:var(--main);border-color:var(--main);color:#fff}.danger{color:var(--bad)}.iconButton{width:46px;min-height:46px;margin:0;font-size:22px;padding:5px}.fileButton input{display:none}
label{display:block;color:var(--muted);font-size:13px;margin:12px 0}select{width:100%;min-height:48px;margin-top:5px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);padding:8px 12px;font-size:16px}.toggle{font-size:16px;color:var(--ink);display:flex;align-items:center;gap:9px}.toggle input{width:22px;height:22px}
.muted{color:var(--muted);font-size:13px}.status{display:flex;justify-content:space-between;color:var(--muted);font-size:13px;margin:3px 2px 8px}.bar{height:7px;background:var(--line);border-radius:99px;overflow:hidden;margin-bottom:12px}.bar>div{height:100%;width:0;background:var(--main2);transition:width .2s}
.qmeta{font-size:14px;color:var(--main2);font-weight:700}.question{font-size:20px;font-weight:700;line-height:1.6;margin:10px 0 17px}.figure,.explanation{background:var(--soft);border-radius:13px;padding:13px;margin:12px 0}.options{display:grid;gap:11px}.option{margin:0;min-height:62px;text-align:left;font-size:17px;font-weight:600;padding:14px 16px}.option:disabled{opacity:1}.option.correct{border-color:var(--ok);background:var(--okbg);color:var(--ok)}.option.wrong{border-color:var(--bad);background:var(--badbg);color:var(--bad)}
.qtop{display:flex;justify-content:space-between;align-items:center;gap:8px}.qnav{display:flex;gap:6px}.backq{width:auto;min-height:40px;margin:0;padding:7px 9px;font-size:12px}.why{padding-left:21px}.why li{margin:9px 0}
rt{font-size:.55em;color:var(--muted);font-weight:500}
.historyBox{margin-bottom:16px}.historyStats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stat{background:var(--soft);border-radius:11px;padding:10px;text-align:center;font-size:12px;color:var(--muted)}.stat strong{display:block;font-size:21px;color:var(--main)}.quick{display:grid;grid-template-columns:1fr 1fr;gap:8px}.quick button{font-size:14px;padding:9px;margin-top:9px}.roundStats{font-size:12px;color:var(--muted);margin-top:10px}
.dateReview{display:grid;gap:7px;margin-top:10px}.dateReview select{margin:0}.reportHead{display:flex;justify-content:space-between;align-items:center;gap:8px}.reportItem{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:15px;margin:12px 0}.optionLine{padding:8px 10px;margin:6px 0;border-radius:9px;background:var(--soft)}.optionLine.selected{outline:2px solid var(--main2)}.optionLine.correctLine{background:var(--okbg);color:var(--ok)}.reportMeta{color:var(--muted);font-size:12px}
.answer{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}.result{font-size:20px;font-weight:800}.result.ok{color:var(--ok)}.result.bad{color:var(--bad)}.answerLine{margin:7px 0 11px}.ref{color:var(--muted);font-size:13px;margin-top:9px}.next{position:sticky;bottom:calc(8px + env(safe-area-inset-bottom));box-shadow:0 5px 20px #173f5f33}
.finish{text-align:center;padding:24px 5px}.finish strong{display:block;font-size:28px;color:var(--main);margin:10px}footer{text-align:center;color:var(--muted);font-size:11px;padding:12px 16px}
@media(min-width:700px){main{padding-top:24px}.question{font-size:23px}}
@media(prefers-color-scheme:dark){:root{color-scheme:dark;--bg:#111820;--panel:#1a232c;--ink:#edf2f5;--muted:#abb6bf;--line:#39444d;--main:#8dc5ed;--main2:#8dc5ed;--soft:#243748;--ok:#7ed49b;--okbg:#173625;--bad:#ff9c9c;--badbg:#422121}select{background:var(--panel)}}