:root{--bg:#f6f8fb;--card:#fff;--text:#17202a;--muted:#64748b;--line:#d7dee8;--accent:#315b86;--accent2:#eaf1f8;--ok:#256b45;--warn:#8a5a00;--bad:#9d2a2a}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.5}.wrap{max-width:980px;margin:0 auto;padding:24px}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px;margin:18px 0;box-shadow:0 6px 18px rgba(0,0,0,.04)}h1,h2,h3{line-height:1.2}h1{font-size:clamp(28px,5vw,44px);margin:0 0 10px}h2{font-size:clamp(22px,4vw,32px)}.muted{color:var(--muted)}.hidden{display:none!important}.row{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.grow{flex:1 1 240px}label{font-weight:700;display:block;margin:12px 0 6px}input,select{width:100%;font-size:20px;padding:14px;border:2px solid var(--line);border-radius:12px;background:white}.btn{border:0;border-radius:12px;padding:13px 18px;font-size:18px;font-weight:700;cursor:pointer;background:var(--accent);color:white}.btn.secondary{background:#eef2f6;color:#1f3347;border:1px solid var(--line)}.btn.ghost{background:white;color:#23384d;border:1px solid var(--line)}.btn:disabled{opacity:.45;cursor:not-allowed}.notice{padding:14px 16px;border-radius:12px;background:#eef5fb;border:1px solid #cdddeb}.error{background:#fff1f1;border-color:#efb7b7;color:#7e1e1e}.progress-shell{height:16px;background:#e7edf4;border-radius:999px;overflow:hidden}.progress-bar{height:100%;background:var(--accent);width:0}.question-meta{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px}.badge{display:inline-block;padding:5px 9px;border-radius:999px;background:#eef2f7;border:1px solid var(--line);font-size:14px}.prompt{font-size:24px;font-weight:700;margin:16px 0}.choices{display:grid;gap:12px}.choice{width:100%;text-align:left;padding:16px;border:2px solid var(--line);border-radius:14px;background:white;font-size:18px;cursor:pointer}.choice:hover,.choice:focus{border-color:#8aa9c8}.choice.selected{border-color:var(--accent);background:var(--accent2)}.math-visual{width:100%;max-height:430px;margin:12px 0;border:1px solid var(--line);border-radius:12px;background:white}.order-list{display:grid;gap:10px}.order-item{display:flex;align-items:center;gap:10px;padding:12px;border:2px solid var(--line);border-radius:12px;background:white}.order-item.dragging{opacity:.6}.order-handle{font-weight:700;min-width:28px}.order-text{flex:1;font-size:18px}.mini-btn{border:1px solid var(--line);background:#f4f6f9;border-radius:9px;padding:7px 10px;cursor:pointer;font-weight:700}.nav{display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap;margin-top:18px}.question-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:6px;max-height:220px;overflow:auto;padding:6px}.qjump{min-height:40px;border:1px solid var(--line);background:#fff;border-radius:9px;cursor:pointer}.qjump.done{background:#e8f4ec;border-color:#9ac8aa}.qjump.current{outline:3px solid #7899ba}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.stat{padding:18px;border:1px solid var(--line);border-radius:14px;background:#fff}.big{font-size:34px;font-weight:800}.bar-row{display:grid;grid-template-columns:minmax(130px,220px) 1fr 70px;gap:10px;align-items:center;margin:10px 0}.bar-track{height:20px;background:#edf1f5;border-radius:999px;overflow:hidden}.bar-fill{height:100%;background:var(--accent)}.pie{width:180px;height:180px;border-radius:50%;margin:12px auto}.legend{display:flex;justify-content:center;gap:18px;flex-wrap:wrap}.dot{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:6px}.dot.ok{background:#4e8b68}.dot.bad{background:#c26363}.teacher-table{width:100%;border-collapse:collapse}.teacher-table th,.teacher-table td{padding:10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.detail-q{border:1px solid var(--line);border-radius:12px;padding:14px;margin:12px 0}.detail-q.correct{border-left:6px solid #4e8b68}.detail-q.incorrect{border-left:6px solid #c26363}.answer-box{padding:10px;background:#f6f8fb;border-radius:9px;margin:8px 0}.status-line{font-weight:700}.status-line.correct{color:var(--ok)}.status-line.incorrect{color:var(--bad)}.filter-row{display:flex;gap:8px;flex-wrap:wrap}.filter-row button{padding:8px 11px;border:1px solid var(--line);border-radius:9px;background:white;cursor:pointer}.filter-row button.active{background:var(--accent);color:white}.geo-shell{margin-top:12px;border:1px solid var(--line);border-radius:14px;padding:14px;background:#fbfcfe}#ggb-element{min-height:520px}.footer-note{font-size:14px;color:var(--muted);margin-top:24px}@media(max-width:650px){.wrap{padding:12px}.card{padding:17px}.prompt{font-size:21px}.bar-row{grid-template-columns:1fr}.teacher-table{font-size:14px}.teacher-table th:nth-child(4),.teacher-table td:nth-child(4){display:none}}@media print{.no-print{display:none!important}body{background:white}.card{box-shadow:none;border:0}.wrap{max-width:none}.detail-q{break-inside:avoid}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}