.hi{font-weight:500;color:#64748b;font-size:.85em}
.tile .hi{display:block;font-size:13px}
.hero{padding:8px 0 4px}.hero h1{margin-bottom:8px}
.chips{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px}.chips li{background:#ecfdf5;color:#115e59;border-radius:999px;padding:4px 12px;font-size:14px}
.quiz{padding:18px;min-height:240px}
.qz-setup .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:12px 0}
.qz-setup label{display:block;font-weight:600;font-size:14px;margin-bottom:4px}
.qz-setup select{width:100%;font:inherit;padding:8px;border:1px solid var(--line);border-radius:8px;background:#fff}
.qz-meta{display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--mute);font-size:15px;margin:6px 0 12px}
.qz-top{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:12px;flex-wrap:wrap}
.qz-timer{font:700 20px/1 ui-monospace,Consolas,monospace;background:#0f172a;color:#fff;padding:8px 12px;border-radius:8px}
.qz-timer.low{background:#b91c1c}
.qz-body{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:18px}
@media(max-width:760px){.qz-body{grid-template-columns:1fr}}
.qz-q{font-size:18px;font-weight:600;margin:4px 0 12px}
.qz-sec{font-size:13px;color:var(--mute);text-transform:uppercase;letter-spacing:.04em}
.qz-opts{list-style:none;padding:0;margin:0 0 14px}
.qz-opts li{margin:8px 0}
.qz-opts button{width:100%;text-align:left;font:inherit;background:#fff;border:2px solid var(--line);border-radius:10px;padding:10px 12px;cursor:pointer;display:flex;gap:10px;align-items:flex-start;color:var(--ink)}
.qz-opts button:hover{border-color:#99f6e4}
.qz-opts button[aria-pressed=true]{border-color:var(--pri);background:#f0fdfa}
.qz-opts .k{flex:0 0 26px;height:26px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}
.qz-opts button[aria-pressed=true] .k{background:var(--pri);color:#fff}
.qz-act{display:flex;flex-wrap:wrap;gap:8px}
.btn.warn{background:#7c3aed}.btn.warn:hover{background:#6d28d9}
.btn.sub{background:#b91c1c}.btn.sub:hover{background:#991b1b}
.qz-pal h3{margin:0 0 8px;font-size:15px}
.qz-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.qz-grid button{font:600 14px/1 var(--sans);height:36px;border-radius:8px;border:1px solid #cbd5e1;background:#fff;cursor:pointer;color:var(--ink)}
.qz-grid .ans{background:#16a34a;color:#fff;border-color:#16a34a}
.qz-grid .nv{background:#fee2e2;border-color:#fca5a5}
.qz-grid .mr{background:#7c3aed;color:#fff;border-color:#7c3aed}
.qz-grid .mra{background:#7c3aed;color:#fff;box-shadow:inset 0 -5px 0 #22c55e}
.qz-grid .cur{outline:3px solid #0f172a;outline-offset:1px}
.qz-legend{font-size:12px;color:var(--mute);margin-top:8px;line-height:1.8}
.qz-legend i{display:inline-block;width:12px;height:12px;border-radius:3px;vertical-align:middle;margin-right:4px}
.qz-score{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin:12px 0}
.qz-score div{background:#f8fafc;border:1px solid var(--line);border-radius:10px;padding:10px;text-align:center}
.qz-score b{display:block;font-size:22px}
.qz-table{width:100%;border-collapse:collapse;font-size:15px;margin:8px 0 14px}
.qz-table th,.qz-table td{border-bottom:1px solid var(--line);padding:6px 8px;text-align:left}
.qz-bar{height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;min-width:60px}.qz-bar span{display:block;height:100%;background:var(--pri)}
.qz-rev{border:1px solid var(--line);border-radius:10px;padding:12px;margin:10px 0}
.qz-rev.ok{border-left:5px solid #16a34a}.qz-rev.bad{border-left:5px solid #dc2626}.qz-rev.na{border-left:5px solid #94a3b8}
.qz-rev ol{margin:6px 0;padding-left:22px}.qz-rev li.c{color:#047857;font-weight:700}.qz-rev li.w{color:#b91c1c;text-decoration:line-through}
.qz-rev .ex{background:#f8fafc;border-radius:8px;padding:8px 10px;font-size:15px;margin-top:6px}
.qz-filter{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}
.qz-filter button[aria-pressed=true]{background:var(--pri);color:#fff}
.hist-table{width:100%;border-collapse:collapse}.hist-table td,.hist-table th{padding:6px 8px;border-bottom:1px solid var(--line);text-align:left;font-size:15px}
body.qz-active .adst-native{display:none}