.qc{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--text:#ececec;--secondary:#b4b4b4;--muted:#8f8f8f;--body-soft:#d0d0d0;--border:#3a3a3a;--disabled-chip-border:#4a4a4a;--badge-text:#c5aaff;--badge-bg:#6d6ae829;--badge-border:#9b6bff73;--chip-border:#6d6ae8;--accent:#9b6bff;--success:#22c55e;--success-label:#4ade80;--tick-stroke:#0b0d12;--danger:#ef4444;--danger-label:#f87171;--ring:#6d6ae840;color:var(--text);text-align:left;font:15px/1.6 ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}.qc *,.qc :before,.qc :after{box-sizing:border-box}.qc p{margin:0}.qc button,.qc summary{font-family:inherit}.qc button{cursor:pointer;color:var(--text);border:1px solid var(--border);text-align:left;background:0 0;border-radius:10px;padding:9px 16px;font-size:14px;font-weight:600;line-height:1.5;transition:border-color .15s}.qc button:focus-visible,.qc summary:focus-visible{outline:2px solid var(--chip-border);outline-offset:3px}.qc button:disabled{cursor:default}.qc .qc-card{border:1px solid var(--border);overflow-wrap:anywhere;background:0 0;border-radius:18px;flex-direction:column;gap:18px;padding:16px;display:flex}.qc .chip{border:1px solid var(--badge-border);background:var(--badge-bg);color:var(--badge-text);border-radius:999px;align-self:flex-start;align-items:center;gap:6px;padding:5px 11px;font-size:12px;font-weight:600;line-height:1.5;display:inline-flex}.qc .icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:14px;height:14px;display:block}.qc .chip .icon{width:12px;height:12px}.qc .options,.qc .sections{flex-direction:column;gap:8px;display:flex}.qc .selection{color:var(--secondary);font-size:13px}.qc .option{border-radius:12px;flex-wrap:wrap;align-items:center;gap:2px 14px;width:100%;padding:12px 14px;font-weight:400;display:flex}.qc .option-text{flex:calc(100% - 42px);min-width:0}.qc .letter-chip{border:1.5px solid var(--chip-border);width:28px;height:28px;color:var(--badge-text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;line-height:1;display:flex}.qc .option:not(:disabled):hover,.qc .option:not(:disabled):focus-visible{border-color:var(--chip-border);box-shadow:0 0 0 3px var(--ring)}.qc .option:disabled{color:var(--secondary)}.qc .option:disabled .letter-chip{border-color:var(--disabled-chip-border);color:var(--muted)}.qc .option.correct,.qc .option.incorrect{color:var(--text);border-width:1.5px}.qc .option.correct{border-color:var(--success)}.qc .option.incorrect{border-color:var(--danger)}.qc .option.correct .letter-chip{border-color:var(--success);background:var(--success);color:var(--tick-stroke)}.qc .option.incorrect .letter-chip{border-color:var(--danger);background:var(--danger);color:#fff}.qc .answer-label{text-align:left;margin-left:42px;font-size:12px;font-weight:600;line-height:1.5}.qc .correct .answer-label{color:var(--success-label)}.qc .incorrect .answer-label{color:var(--danger-label)}.qc .letter-chip .icon,.qc .result-icon .icon{stroke-width:3px}.qc .result{align-items:center;gap:12px;display:flex}.qc .result-icon{border:1.5px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.qc .result.good .result-icon{color:var(--success)}.qc .result.bad .result-icon{color:var(--danger)}.qc .result-copy{flex-direction:column;gap:2px;display:flex}.qc .result-title{font-size:16px;font-weight:700}.qc .result-copy p{color:var(--secondary);font-size:13px}.qc details{border:1px solid var(--border);border-radius:12px}.qc summary{cursor:pointer;align-items:center;gap:10px;padding:13px 16px;font-size:14px;font-weight:600;line-height:1.5;list-style:none;display:flex}.qc summary::-webkit-details-marker{display:none}.qc summary::marker{content:""}.qc .chevron{color:var(--accent);stroke-width:2.5px;transition:transform .15s}.qc details[open]>summary .chevron{transform:rotate(90deg)}.qc .body{color:var(--body-soft);flex-direction:column;gap:10px;padding:0 16px 16px 40px;font-size:14px;line-height:1.6;display:flex}.qc .body strong{color:var(--text)}.qc .row{border-top:1px solid var(--border);gap:10px;padding:10px 0;display:flex}.qc .row .letter-chip{width:24px;height:24px;font-size:12px}.qc .row-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.qc .row-option{color:var(--text);font-weight:600}.qc .row-reason{color:var(--body-soft);font-size:13px;line-height:1.5}.qc .lead{font-weight:600}.qc .progress{color:var(--secondary);font-size:13px}.qc .primary{color:#fff;background:#5b5fe3;border-color:#5b5fe3;width:100%;padding:12px 20px}.qc .footer-row{flex-direction:column;align-items:stretch;gap:12px;display:flex}.qc footer{color:var(--muted);font-size:12px}@media (prefers-reduced-motion:reduce){.qc button,.qc .chevron{transition:none}}.qc{--c1:#f6c453;--c2:#5fd3c4;--c3:#f08fb5}.qc .qc-card{background:#0d0d16b8}.qc .qc-progress{justify-content:space-between;align-items:center;gap:12px;display:flex}.qc .progress:focus-visible,.qc .result:focus-visible{outline:2px solid var(--chip-border);outline-offset:4px;border-radius:6px}.qc .progress:focus,.qc .result:focus{outline:none}.qc .qc-dots{gap:5px;display:inline-flex}.qc .qc-dots i{background:var(--border);border-radius:2px;width:18px;height:3px}.qc .qc-dots i.done{background:var(--chip-border)}.qc .qc-dots i.now{background:var(--badge-text)}.qc .qc-question{flex-direction:column;gap:10px;display:flex}.qc mark{color:inherit;background:0 0;border-radius:4px;padding:1px 0;transition:box-shadow .15s}.qc mark.on{-webkit-box-decoration-break:clone;box-decoration-break:clone;margin:0 -3px;padding:1px 3px}.qc mark.c1.on{box-shadow:inset 0 -.55em color-mix(in srgb, var(--c1) 45%, transparent)}.qc mark.c2.on{box-shadow:inset 0 -.55em color-mix(in srgb, var(--c2) 45%, transparent)}.qc mark.c3.on{box-shadow:inset 0 -.55em color-mix(in srgb, var(--c3) 45%, transparent)}.qc .qc-clues{gap:16px;padding-top:4px;padding-left:16px}.qc .qc-clue{grid-template-columns:auto 1fr;align-items:start;gap:5px 8px;display:grid}.qc .qc-clue>span:first-child{grid-column:1/-1;padding-left:3px}.qc details,.qc .result,.qc .progress,.qc .qc-take,.qc .qc-locked{scroll-margin-top:92px}.qc .qc-clue mark{color:var(--text);-webkit-box-decoration-break:clone;box-decoration-break:clone;margin:0}.qc .qc-arrow{color:var(--muted)}.qc .qc-take{border:1px solid var(--border);border-radius:12px;padding:13px 16px 15px}.qc .qc-take h3{margin:0 0 8px;font-size:14px;font-weight:600;line-height:1.5}.qc .qc-take p{border-left:3px solid var(--accent);color:var(--text);padding-left:11px;font-size:15px;font-weight:600;line-height:1.5}.qc .qc-plan{flex-direction:column;gap:8px;display:flex}.qc .qc-locked{border:1px dashed var(--border);color:var(--secondary);border-radius:12px;align-items:center;gap:12px;padding:11px 14px;font-size:14px;line-height:1.45;text-decoration:none;transition:border-color .15s,color .15s;display:flex}.qc .qc-locked:hover{border-color:var(--badge-border);color:var(--text)}.qc .qc-locked:focus-visible{outline:2px solid var(--chip-border);outline-offset:3px}.qc .qc-locked span{flex:1;min-width:0}.qc .qc-locked img{border:1px solid var(--border);object-fit:cover;border-radius:8px;flex-shrink:0;width:40px;height:40px}.qc .qc-locked em{border:1px solid var(--badge-border);background:var(--badge-bg);color:var(--badge-text);white-space:nowrap;border-radius:999px;flex-shrink:0;padding:3px 9px;font-size:11px;font-style:normal;font-weight:600;line-height:1.5}.qc .qc-endline{font-family:var(--display);letter-spacing:-.03em;color:#f5f7ff;text-wrap:balance;padding:6px 0 2px;font-size:26px;font-weight:500;line-height:1.15}.qc .qc-endline span{color:#c4a9f4;background:linear-gradient(120deg,#e9dcff,#b28bea 70%,#8076ed);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;padding-bottom:.08em;display:block}.qc .qc-endform{flex-direction:column;gap:10px;display:flex}.qc .qc-endform .field{border-radius:12px;padding:13px 18px;font-size:16px;font-weight:400}.qc .qc-endform .pill{text-align:center;color:#fff;background:linear-gradient(120deg,#7660d0,#8d5bdb);border:1px solid #c9a6ff54;border-radius:999px;width:100%;padding:14px 24px;font-size:15px;font-weight:650}.qc .qc-error{color:var(--danger-label);font-size:13px}.qc .qc-again{text-align:center;margin-top:14px}.qc .qc-again button{color:#d7c6f4;text-underline-offset:5px;border:0;padding:6px 8px;font-size:13px;font-weight:400;-webkit-text-decoration:underline #d7c6f44d;text-decoration:underline #d7c6f44d}@media (prefers-reduced-motion:reduce){.qc mark,.qc .qc-locked{transition:none}}
