/* Quiz styles — rely on the page's :root tokens */
.qz-wrap{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:32px;display:flex;flex-direction:column;gap:20px;max-width:900px;width:100%;margin:0 auto;scroll-margin-top:24px}
.qz-top{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-family:var(--mono);font-size:13px;font-weight:600;color:var(--label)}
.qz-count{color:var(--violet)}
.qz-bar{height:6px;background:var(--surface-2);border-radius:999px;overflow:hidden}
.qz-bar-fill{height:100%;background:var(--violet);border-radius:999px;transition:width .25s ease}
.qz-q{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;min-width:0}
.qz-prompt{font-family:var(--display);font-size:clamp(20px,2.2vw,26px);font-weight:600;line-height:1.3;color:var(--text);margin-bottom:12px;padding:0}
.qz-opt{display:flex;align-items:center;gap:14px;min-height:56px;padding:12px 16px;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:border-color .15s,background .15s}
.qz-opt:hover{border-color:#3A4150}
.qz-opt input{position:absolute;opacity:0;width:1px;height:1px}
.qz-opt:has(input:focus-visible){outline:2px solid var(--violet);outline-offset:2px}
.qz-opt:has(input:checked){border-color:var(--violet);background:var(--violet-t)}
.qz-letter{flex-shrink:0;width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:13px;font-weight:600;color:var(--muted);border:1px solid var(--border)}
.qz-opt:has(input:checked) .qz-letter{background:var(--violet);color:var(--bg);border-color:var(--violet)}
.qz-opt-text{font-size:16px;line-height:1.45;color:var(--text-2)}
.qz-dots{display:flex;flex-wrap:wrap;gap:6px}
.qz-dot{width:34px;height:34px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--label);font-family:var(--mono);font-size:12px;font-weight:600;cursor:pointer}
.qz-dot.is-done{background:var(--violet-t);color:var(--violet);border-color:transparent}
.qz-dot.is-current{border-color:var(--violet);color:var(--text)}
.qz-dot:focus-visible,.qz-btn:focus-visible{outline:2px solid var(--violet);outline-offset:2px}
.qz-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.qz-nav-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.qz-btn{min-height:44px;padding:10px 20px;border-radius:10px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-family:var(--body);font-size:15px;font-weight:600;cursor:pointer}
.qz-btn:hover:not(:disabled){background:#202533}
.qz-btn:disabled{opacity:.4;cursor:not-allowed}
.qz-ghost{background:transparent}
.qz-primary{background:var(--violet);border-color:var(--violet);color:var(--bg)}
.qz-primary:hover:not(:disabled){background:#C9AEFF}
.qz-hint{font-size:13px;color:var(--muted)}
.qz-result{display:flex;align-items:center;gap:28px;flex-wrap:wrap;padding-bottom:8px}
.qz-score{display:flex;flex-direction:column;align-items:center;justify-content:center;width:140px;height:140px;border-radius:50%;border:3px solid var(--violet);flex-shrink:0}
.qz-score-n{font-family:var(--display);font-size:36px;font-weight:700;line-height:1}
.qz-score-pct{font-family:var(--mono);font-size:14px;color:var(--muted);margin-top:6px}
.qz-msg{flex:1;min-width:240px;display:flex;flex-direction:column;gap:6px}
.qz-msg strong{font-family:var(--display);font-size:24px}
.qz-msg p{color:var(--text-2);font-size:16px}
.qz-filters{display:flex;gap:10px}
.qz-review{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.qz-item{border:1px solid var(--border);border-radius:14px;padding:18px 20px;display:flex;flex-direction:column;gap:10px;background:var(--surface-2)}
.qz-item.is-ko{border-color:rgba(255,122,122,.45)}
.qz-item-head{display:flex;gap:12px;align-items:flex-start}
.qz-badge{flex-shrink:0;font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 8px;border-radius:6px}
.is-ok .qz-badge{background:rgba(74,222,128,.15);color:#6EE7A0}
.is-ko .qz-badge{background:rgba(255,122,122,.15);color:#FF9C9C}
.qz-item-q{font-weight:600;font-size:16px;line-height:1.4;color:var(--text)}
.qz-line{font-size:15px;line-height:1.5;color:var(--text-2)}
.qz-yours{color:#FF9C9C}
.qz-right{color:#6EE7A0}
.qz-k{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--label);margin-right:8px}
.qz-explain{font-size:14px;line-height:1.55;color:var(--muted);border-top:1px solid var(--border);padding-top:10px}
@media (max-width:760px){
  .qz-wrap{padding:20px}
  .qz-result{gap:18px}
  .qz-score{width:110px;height:110px}
  .qz-score-n{font-size:28px}
}