:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Source Han Sans SC,PingFang SC,Microsoft YaHei,Segoe UI,sans-serif;font-weight:400;line-height:1.5}:root[data-theme=light],:root:not([data-theme]){--bg-page:#f4f7fb;--bg-page-glow-a:#fff7efb3;--bg-page-glow-b:#e8f7f480;--bg-surface:#fff;--bg-surface-soft:#f7fafe;--bg-input:#fff;--bg-chip:#fff;--bg-chip-hover:#eef4fb;--bg-cell:#f4f8fd;--border:#d9e4ef;--border-soft:#e6ecf3;--border-strong:#c5d4e6;--text:#1f2d3d;--text-soft:#4c6179;--text-muted:#7a8aa0;--accent:#2f6bd8;--accent-strong:#1f4fb2;--accent-soft:#e8f0fd;--warn:#ff8c34;--ok:#2c875a;--ok-bg:#effcf4;--ok-border:#59b583;--bad:#c75e3d;--bad-bg:#fff1eb;--bad-border:#ef8f72;--shadow-sm:0 1px 2px #14233c0f;--shadow-md:0 4px 14px #14233c14;--shadow-lg:0 10px 28px #14233c1f;color:var(--text);background:var(--bg-page)}:root[data-theme=dark]{--bg-page:#0e1622;--bg-page-glow-a:#3a6ec426;--bg-page-glow-b:#50afa01a;--bg-surface:#1a2434;--bg-surface-soft:#1f2b3d;--bg-input:#232f43;--bg-chip:#1f2b3d;--bg-chip-hover:#283549;--bg-cell:#1d2839;--border:#2c3a52;--border-soft:#28344a;--border-strong:#3a4a66;--text:#e6edf6;--text-soft:#b6c2d3;--text-muted:#7e8ba2;--accent:#5da0ff;--accent-strong:#7cb3ff;--accent-soft:#5da0ff26;--warn:#ffa45c;--ok:#5ed29a;--ok-bg:#5ed29a1a;--ok-border:#3c9d6e;--bad:#ff8e6d;--bad-bg:#ff8e6d1a;--bad-border:#d8674a;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 14px #00000059;--shadow-lg:0 10px 28px #00000080;color:var(--text);background:var(--bg-page);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 5% 0%, var(--bg-page-glow-a), transparent 30%), radial-gradient(circle at 95% 20%, var(--bg-page-glow-b), transparent 35%), var(--bg-page);margin:0;transition:background .25s,color .25s}#root{min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}input,button,textarea,select{font:inherit;color:inherit}.page{flex-direction:column;min-height:100vh;display:flex}.shell{flex:1;width:100%;max-width:1220px;margin:0 auto;padding:20px 18px 36px}.shell.loading{color:var(--text-soft);justify-content:center;align-items:center;font-size:16px;display:flex}.topbar{z-index:50;background:color-mix(in srgb, var(--bg-surface) 92%, transparent);-webkit-backdrop-filter:saturate(180%)blur(10px);backdrop-filter:saturate(180%)blur(10px);border-bottom:1px solid var(--border-soft);position:sticky;top:0}.topbar-inner{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px;width:100%;max-width:1220px;margin:0 auto;padding:10px 18px;display:grid}.brand{align-items:center;gap:10px;min-width:0;display:flex}.brand-logo{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#fff;letter-spacing:0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:17px;font-weight:700;display:inline-flex}.brand-text{min-width:0}.brand-text h1{color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:15px;font-weight:700;line-height:1.2;overflow:hidden}.brand-sub{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:11px;overflow:hidden}.nav-tabs{background:var(--bg-cell);border:1px solid var(--border-soft);border-radius:10px;gap:2px;padding:3px;display:inline-flex}.nav-tab{color:var(--text-soft);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:600;transition:background .15s,color .15s}.nav-tab:hover{background:var(--bg-chip-hover)}.nav-tab.active{background:var(--bg-surface);color:var(--accent);box-shadow:var(--shadow-sm)}.top-actions{align-items:center;gap:8px;display:inline-flex}.timer{background:var(--bg-cell);border:1px solid var(--border-soft);color:var(--text-soft);font-variant-numeric:tabular-nums;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;font-weight:600;display:inline-flex}.timer-dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 3px var(--accent-soft);border-radius:50%;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.icon-btn{border:1px solid var(--border-soft);background:var(--bg-surface);width:34px;height:34px;color:var(--text-soft);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:background .15s,border-color .15s;display:inline-flex}.icon-btn:hover{background:var(--bg-chip-hover);border-color:var(--border)}.user-chip{background:var(--bg-cell);border:1px solid var(--border-soft);color:var(--text-soft);border-radius:8px;align-items:center;gap:6px;max-width:230px;padding:4px 8px 4px 10px;font-size:12px;display:inline-flex}.user-chip.subtle{color:var(--text-muted)}.user-email{text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}.link-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 6px;font-size:12px}.link-btn:hover{background:var(--accent-soft)}.link-btn.danger{color:var(--bad)}.link-btn.danger:hover{background:var(--bad-bg)}.hero{background:var(--bg-surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:14px;padding:14px 18px;animation:.35s ease-out rise}.hero-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;display:grid}.meter-head{color:var(--text-soft);justify-content:space-between;margin-bottom:6px;font-size:13px;display:flex}.meter-track{background:var(--bg-cell);border-radius:999px;height:8px;overflow:hidden}.meter-fill{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--accent-strong));height:100%;transition:width .25s}.quick-stats{color:var(--text-soft);flex-wrap:wrap;justify-content:flex-end;gap:8px;font-size:12px;display:flex}.quick-stats span{background:var(--bg-cell);border:1px solid var(--border-soft);border-radius:999px;padding:4px 10px}.exam-layout{grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:16px;margin-top:16px;display:grid}.toolbar{flex-wrap:wrap;gap:6px;display:flex}.actions{gap:8px;display:flex}.chip,.btn{border:1px solid var(--border);background:var(--bg-chip);color:var(--text-soft);cursor:pointer;border-radius:8px;padding:7px 12px;font-size:13px;font-weight:600;transition:background .12s,border-color .12s,color .12s}.chip:hover,.btn:hover{background:var(--bg-chip-hover);border-color:var(--border-strong)}.chip.active,.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.btn.primary.tight{padding:7px 14px}.btn.primary.block,.chip.block{width:100%;display:block}.btn:disabled,.chip:disabled{cursor:not-allowed;opacity:.5}.question-wrap{background:var(--bg-surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:14px;padding:14px}.pager{color:var(--text-soft);justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;font-size:13px;display:flex}.question-list{gap:12px;margin:0 0 14px;padding-left:0;list-style:none;display:grid}.question-card{border:1px solid var(--border-soft);background:var(--bg-surface-soft);border-radius:12px;padding:16px 18px;transition:border-color .15s,background .15s}.question-card.ok{border-color:var(--ok-border);background:var(--ok-bg)}.question-card.bad{border-color:var(--bad-border);background:var(--bad-bg)}.q-tag{color:var(--text-muted);letter-spacing:.02em;margin:0 0 6px;font-size:12px;font-weight:600}.question-card h2{color:var(--text);margin:0;font-size:16px;font-weight:600;line-height:1.55}.options{gap:7px;margin-top:12px;display:grid}.option-row{border:1px solid var(--border-soft);background:var(--bg-surface);cursor:pointer;border-radius:8px;align-items:flex-start;gap:10px;padding:9px 12px;transition:background .12s,border-color .12s;display:flex}.option-row:hover{background:var(--bg-chip-hover);border-color:var(--border)}.option-row input{accent-color:var(--accent);margin-top:4px}.feedback{color:var(--text-soft);margin:12px 0 0;font-size:13px}.side-panel{gap:10px;display:grid;position:sticky;top:76px}.side-box{background:var(--bg-surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px;padding:12px 14px}.side-title{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:700}.result{background:var(--bg-surface-soft);border:1px solid var(--border-soft);color:var(--text-soft);border-radius:10px;margin-top:10px;padding:10px 12px;font-size:13px}.score{color:var(--accent);letter-spacing:-.01em;margin:0 0 4px;font-size:24px;font-weight:700}.save-line{color:var(--text-muted);margin:6px 0 0;font-size:12px}.answer-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;display:grid}.legend-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-bottom:10px;display:grid}.legend-item{color:var(--text-muted);align-items:center;gap:6px;font-size:11px;display:inline-flex}.legend-dot{border:1px solid var(--border);background:var(--bg-cell);border-radius:50%;width:10px;height:10px}.legend-dot.active{border-color:var(--accent);background:var(--bg-surface)}.legend-dot.answered{border-color:var(--accent);background:var(--accent-soft)}.legend-dot.ok{border-color:var(--ok-border);background:var(--ok-bg)}.legend-dot.bad{border-color:var(--bad-border);background:var(--bad-bg)}.answer-cell{border:1px solid var(--border-soft);background:var(--bg-cell);color:var(--text-soft);cursor:pointer;font-variant-numeric:tabular-nums;border-radius:6px;padding:6px 0;font-size:12px;font-weight:600;transition:transform 80ms,background .1s}.answer-cell:hover{transform:translateY(-1px)}.answer-cell.active{border-color:var(--accent);color:var(--accent)}.answer-cell.answered{background:var(--accent-soft);color:var(--accent)}.answer-cell.ok{border-color:var(--ok-border);background:var(--ok-bg);color:var(--ok)}.answer-cell.bad{border-color:var(--bad-border);background:var(--bad-bg);color:var(--bad)}.review-wrap,.history-wrap{gap:16px;display:grid}.review-summary{background:var(--bg-surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px;display:grid}.summary-block{border-right:1px solid var(--border-soft);padding:4px 12px}.summary-block:last-child{border-right:none}.summary-label{color:var(--text-muted);letter-spacing:.04em;margin:0;font-size:12px}.summary-value{color:var(--accent);font-variant-numeric:tabular-nums;margin:6px 0 2px;font-size:34px;font-weight:700;line-height:1}.summary-value.small{color:var(--text);font-size:26px}.summary-value .unit{color:var(--text-muted);margin:0 4px 0 1px;font-size:13px;font-weight:500}.summary-sub{color:var(--text-muted);margin:6px 0 0;font-size:12px}.review-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.review-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.review-card{background:var(--bg-surface);border:1px solid var(--border-soft);box-shadow:var(--shadow-sm);border-radius:12px;padding:16px 18px}.review-card.bad{border-left:4px solid var(--bad-border)}.review-card.ok{border-left:4px solid var(--ok-border)}.review-card.muted-card{border-left:4px solid var(--text-muted);background:var(--bg-surface-soft)}.review-card h3{color:var(--text);margin:6px 0 12px;font-size:15px;font-weight:600;line-height:1.6}.review-options{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.opt-pill{background:var(--bg-surface-soft);border:1px solid var(--border-soft);color:var(--text-soft);border-radius:6px;padding:5px 9px;font-size:12px}.opt-pill.correct{background:var(--ok-bg);border-color:var(--ok-border);color:var(--ok);font-weight:600}.opt-pill.wrong{background:var(--bad-bg);border-color:var(--bad-border);color:var(--bad);font-weight:600}.ok-num{color:var(--ok);font-weight:700}.bad-num{color:var(--bad);font-weight:700}.muted{color:var(--text-muted)}.history-table-wrap{background:var(--bg-surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:14px;overflow:hidden}.history-table{border-collapse:collapse;width:100%;font-size:13px}.history-table thead{background:var(--bg-surface-soft);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px}.history-table th,.history-table td{text-align:left;border-bottom:1px solid var(--border-soft);padding:11px 14px}.history-table tbody tr:last-child td{border-bottom:none}.history-table tbody tr:hover{background:var(--bg-surface-soft)}.score-pill{background:var(--accent-soft);color:var(--accent);font-variant-numeric:tabular-nums;border-radius:999px;padding:3px 10px;font-weight:700;display:inline-block}.empty-state{background:var(--bg-surface);border:1px dashed var(--border);text-align:center;color:var(--text-soft);border-radius:14px;padding:40px 24px}.empty-state.inline{padding:24px}.empty-state h3{color:var(--text);margin:0 0 8px;font-size:17px}.empty-state p{color:var(--text-soft);margin:0 0 14px}.empty-state .btn{margin-top:4px}.modal-mask{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a121e73;justify-content:center;align-items:center;padding:20px;animation:.18s ease-out fade;display:flex;position:fixed;inset:0}.modal-card{background:var(--bg-surface);border:1px solid var(--border);width:100%;max-width:380px;box-shadow:var(--shadow-lg);border-radius:14px;animation:.22s ease-out rise}.modal-head{justify-content:space-between;align-items:center;padding:14px 16px 8px;display:flex}.modal-head h3{color:var(--text);margin:0;font-size:16px}.modal-body{gap:12px;padding:4px 16px 18px;display:grid}.text-input{border:1px solid var(--border);background:var(--bg-input);width:100%;color:var(--text);border-radius:8px;outline:none;padding:10px 12px;font-size:14px;transition:border-color .12s,box-shadow .12s}.text-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.hint{color:var(--text-soft);margin:0;font-size:13px;line-height:1.5}.hint.subtle{color:var(--text-muted);font-size:12px}.error-line{color:var(--bad);margin:0;font-size:12px}.page-foot{border-top:1px solid var(--border-soft);color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;gap:6px;padding:14px 18px;font-size:12px;display:flex}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@media (width<=920px){.topbar-inner{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;gap:8px}.nav-tabs{grid-column:1/-1;justify-content:center;width:100%}.brand-sub{display:none}.exam-layout{grid-template-columns:minmax(0,1fr)}.side-panel{position:static}.answer-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.review-summary{grid-template-columns:1fr}.summary-block{border-right:none;border-bottom:1px solid var(--border-soft);padding:8px 0}.summary-block:last-child{border-bottom:none}.history-table th:nth-child(5),.history-table td:nth-child(5),.history-table th:nth-child(6),.history-table td:nth-child(6){display:none}}@media (width<=600px){.shell{padding:14px 12px 28px}.hero-row{grid-template-columns:1fr}.quick-stats{justify-content:flex-start}.top-actions .user-email{display:none}}