:root{--miss:#fb7185}.kq-card,.kq-why{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px;margin:18px 0 0}.kq-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 16px}.kq-ask{font-size:20px;line-height:1.3;margin:0}.kq-ask strong{color:var(--live);white-space:nowrap}.kq-streak{flex:0 0 auto;font-family:IBM Plex Mono,IBM Plex Mono Fallback,monospace;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}.kq-streak b{font-size:15px;letter-spacing:0;color:var(--text);margin-left:4px}.kq-slots{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;max-width:520px}.kq-slot{display:flex;flex-direction:column;gap:5px;min-width:0}.kq-note{font-family:IBM Plex Mono,IBM Plex Mono Fallback,monospace;font-weight:600;font-size:18px;line-height:32px;text-align:center;color:var(--text)}.kq-deg{font-family:IBM Plex Mono,IBM Plex Mono Fallback,monospace;font-size:11px;line-height:1.4;text-align:center;color:var(--dim)}.kq-slot.root .kq-note{color:var(--live)}.kq-root{flex:1 1 auto;display:flex;align-items:center;justify-content:center;border:1px dashed var(--line-strong);border-radius:9px;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}.kq-acc{position:relative;display:block}.kq-acc input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.kq-acc input:disabled{cursor:default}.kq-acc span{display:flex;align-items:center;justify-content:center;height:38px;background:var(--panel-3);border:1px solid var(--line-strong);border-radius:9px;color:var(--muted);font-size:22px;transition:background .12s,border-color .12s,color .12s}.kq-acc input:enabled:not(:checked):hover+span{color:var(--text);border-color:var(--muted)}.kq-acc input:checked+span{color:var(--live);border-color:var(--live);background:#22d3ee1a}.kq-acc input:focus-visible+span{outline:2px solid var(--live);outline-offset:2px}.kq-slot.ok .kq-note{color:var(--live)}.kq-slot.bad .kq-note{color:var(--miss);text-decoration:line-through;text-decoration-thickness:2px}.kq-slot.bad input:checked+span{color:var(--miss);border-color:var(--miss);background:#fb71851f}.kq-acc.want span{color:var(--seek);border-color:var(--seek);box-shadow:0 0 0 1px var(--seek)}.kq-btn{display:block;width:100%;max-width:520px;margin:16px 0 0;background:var(--live);border:1px solid var(--live);color:#04212a;font-family:inherit;font-size:15px;font-weight:600;padding:12px 16px;border-radius:10px;cursor:pointer}.kq-btn:hover{background:#4fe0f4}.kq-btn:disabled{opacity:.4;cursor:default;background:var(--live)}.kq-verdict{margin:12px 0 0;min-height:1.7em;font-size:15px;font-weight:600;line-height:1.5}.kq-verdict.ok{color:var(--live)}.kq-verdict.miss{color:var(--miss)}.kq-why{display:grid;gap:18px;align-items:start;border-color:#fb718540}.kq-why[hidden]{display:none}@media(min-width:720px){.kq-why{grid-template-columns:minmax(0,380px) minmax(0,1fr)}}.kq-fig{margin:0}.kq-fig svg{display:block;width:100%;max-width:380px;height:auto;margin:0 auto}.kq-scale{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:10px 0 0}.kq-scale .deg{font-size:14px;padding:2px 8px}.kq-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 14px;margin-top:8px;font-size:12px;line-height:1.5;color:var(--muted)}.kq-legend span{display:inline-flex;align-items:center;gap:6px}.kq-sw{display:inline-block;width:12px;height:12px;border-radius:3px}.kq-sw.key{background:var(--live)}.kq-sw.step,.kq-sw.seek,.kq-sw.miss{width:20px;border-radius:6px}.kq-sw.step{background:var(--panel-3);border:1px solid var(--line-strong)}.kq-sw.seek{background:#fbbf2424;border:1.5px solid var(--seek)}.kq-sw.miss{background:#fb718524;border:1.5px dashed var(--miss)}.kq-explain p{font-size:15.5px;line-height:1.65;margin:0 0 12px}.kq-why .kq-btn{margin-top:6px}.deg.miss{color:var(--miss);border-color:#fb718573}.kq-mnemonic b{color:var(--text);font-weight:700}#kqCircle text{font-family:Space Grotesk,Space Grotesk Fallback,system-ui,sans-serif;text-anchor:middle}.kq-out{fill:var(--panel-3);stroke:var(--panel);stroke-width:2}.kq-in{fill:var(--panel-2);stroke:var(--panel);stroke-width:2}.kq-maj{fill:var(--text);font-size:17px;font-weight:700}.kq-second{fill:var(--muted);font-size:9.5px;font-weight:600}.kq-min{fill:var(--muted);font-size:11px;font-weight:600}.kq-sup{font-size:68%}.kq-node.key .kq-out{fill:var(--live)}.kq-node.key .kq-maj,.kq-node.key .kq-second{fill:#04212a}#kqCircle .kq-step text{font-family:IBM Plex Mono,IBM Plex Mono Fallback,monospace}.kq-step rect{fill:var(--panel-3);stroke:var(--line-strong);stroke-width:1}.kq-step text{fill:var(--text);font-size:11.5px;font-weight:600}.kq-step.missed rect{fill:#fbbf2424;stroke:var(--seek);stroke-width:1.5}.kq-step.missed text{fill:var(--seek)}.kq-step.extra rect{fill:#fb718524;stroke:var(--miss);stroke-width:1.5;stroke-dasharray:3 2}.kq-step.extra text{fill:var(--miss)}.kq-centre-key{fill:var(--text);font-size:15px;font-weight:600}.kq-centre-sig{fill:var(--muted);font-size:10.5px}@media(max-width:560px){.kq-card,.kq-why{padding:14px 12px}.kq-ask{font-size:18px}.kq-slots{gap:5px}.kq-note{font-size:16px}}