.qcr{--qcr-ink:var(--ink,#0a0a0a);--qcr-muted:var(--muted,#5a5a5c);--qcr-line:var(--line,#0a0a0a1c);--qcr-paper:var(--paper-2,#f0eee9);--qcr-white:var(--white,#fff);--qcr-green:#15915a;--qcr-green-2:#1aa363;border:1px solid var(--qcr-line);background:var(--qcr-white);border-radius:16px;margin:20px 0 24px;scroll-margin-top:88px;overflow:hidden}.qcr-hero{background:linear-gradient(#fdeee6,#fbf7f0);padding:26px 28px 22px;position:relative;overflow:hidden}.qcr[data-accent=gold] .qcr-hero,.qcr[data-accent=silver] .qcr-hero{background:#e8f7ee}.qcr[data-accent=bronze] .qcr-hero{background:#fbf3e8}.qcr-hero-grid{z-index:2;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:20px;display:grid;position:relative}.qcr-kicker{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.14em;text-transform:uppercase;color:var(--qcr-muted);margin:0;font-size:11px;font-weight:700}.qcr-scoreline{color:var(--qcr-ink);margin:8px 0 0;font-size:16px;font-weight:700}.qcr-score{font-family:var(--font-display,inherit);letter-spacing:-.02em;color:var(--qcr-green);margin:0;font-size:52px;font-weight:800;line-height:1.02}.qcr[data-accent=bronze] .qcr-score{color:#c77d2e}.qcr[data-accent=base] .qcr-score{color:var(--orange,#e85d04)}.qcr-headline{font-family:var(--font-display,inherit);color:var(--qcr-ink);margin:10px 0 0;font-size:19px;font-weight:800}.qcr-sub{color:var(--qcr-muted);max-width:38ch;margin:6px 0 0;font-size:14px;line-height:1.5}.qcr-trophy-wrap{justify-content:center;align-items:center;width:210px;height:196px;display:flex}.qcr-trophy{object-fit:contain;filter:drop-shadow(0 8px 14px #0000001f);width:auto;max-width:100%;height:auto;max-height:100%}.qcr-stats{flex-direction:column;gap:12px;display:flex}.qcr-stat{background:var(--qcr-white);border:1px solid var(--qcr-line);border-radius:12px;align-items:center;gap:10px;min-width:150px;padding:12px 14px;display:flex;box-shadow:0 2px 8px #0000000a}.qcr-stat img{object-fit:contain;width:30px;height:30px}.qcr-stat-text{flex-direction:column;display:flex}.qcr-stat-label{color:var(--qcr-muted);font-size:12px}.qcr-stat-val{color:var(--qcr-ink);font-size:18px;font-weight:800}.qcr-confetti{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.qcr-confetti-piece{object-fit:contain;will-change:transform, opacity;animation-name:qcr-confetti-blast;animation-timing-function:cubic-bezier(.16,.7,.3,1);animation-iteration-count:1;animation-fill-mode:forwards;position:absolute;top:30%;left:46%}@keyframes qcr-confetti-blast{0%{opacity:0;transform:translate(0,0)rotate(0)scale(.3)}12%{opacity:1}72%{opacity:1}to{transform:translate3d(var(--qcr-dx,0), var(--qcr-dy,0), 0) rotate(var(--qcr-rot,360deg)) scale(1);opacity:0}}.qcr-cta-row{flex-wrap:wrap;gap:12px;padding:18px 28px 0;display:flex}.qcr-cta-primary,.qcr-cta-secondary{border:1px solid var(--orange,#f30);clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);background:var(--orange,#f30);color:#fff;min-height:46px;font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border-radius:0;justify-content:center;align-items:center;gap:10px;padding:13px 24px;font-size:12px;font-weight:700;line-height:1;text-decoration:none;transition:transform .22s,background .22s,border-color .22s;display:inline-flex}.qcr-cta-primary img{object-fit:contain;width:18px;height:18px}.qcr-cta-label{line-height:1}.qcr-cta-chevron{opacity:.95;font-size:15px;font-weight:700;line-height:1}.qcr-cta-primary:hover,.qcr-cta-secondary:hover{background:var(--ink,#0a0a0a);border-color:var(--ink,#0a0a0a);color:#fff;transform:translateY(-1px)}.qcr-cta-primary:active,.qcr-cta-secondary:active{transform:translateY(1px)}.qcr-cta-primary:focus-visible,.qcr-cta-secondary:focus-visible{outline-offset:2px;outline:3px solid #ef6c0073}.qcr-cta-note{color:var(--qcr-muted);margin:12px 28px 0;font-size:12px}.qcr-breakdown{gap:12px;padding:20px 28px 4px;display:grid}.qcr-q{background:var(--qcr-white);border:1px solid var(--qcr-line);border-left:3px solid var(--qcr-green);border-radius:12px;grid-template-columns:minmax(0,1fr) minmax(0,.62fr);gap:16px;padding:16px 18px;display:grid}.qcr-q.is-wrong{border-left-color:#c0392b}.qcr-q-head{align-items:center;gap:8px;margin-bottom:8px;display:flex}.qcr-q-mark{object-fit:contain;flex:none;width:22px;height:22px}.qcr-q-x{display:inline-flex}.qcr-q-label{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.08em;text-transform:uppercase;color:var(--qcr-muted);font-size:10px;font-weight:700}.qcr-q-stem{color:var(--qcr-ink);margin:0 0 8px;font-size:11px;line-height:1.5}.qcr-q-your{color:var(--qcr-muted);margin:0 0 4px;font-size:10.5px}.qcr-q-correct{color:var(--qcr-ink);margin:0;font-size:10.5px;line-height:1.5}.qcr-q-correct strong{color:var(--qcr-green)}.qcr-q-why{color:var(--qcr-muted);background:#f2faf5;border:1px solid #15915a2e;border-radius:10px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:10.5px;line-height:1.5;display:flex}.qcr-q-why img{object-fit:contain;flex:none;width:20px;height:20px;margin-top:1px}.qcr-footer{color:var(--qcr-ink);align-items:center;gap:8px;margin:0;padding:16px 28px 22px;font-size:13px;font-weight:600;display:flex}.qcr-footer img{object-fit:contain;width:20px;height:20px}@media (max-width:768px){.qcr-hero{padding:20px 16px 18px}.qcr-hero-grid{grid-template-columns:1fr auto;gap:14px}.qcr-score{font-size:42px}.qcr-headline{font-size:17px}.qcr-trophy-wrap{width:128px;height:120px}.qcr-stats{flex-direction:row;grid-column:1/-1}.qcr-stat{flex:1;min-width:0}.qcr-cta-row{padding:16px 16px 0}.qcr-cta-primary,.qcr-cta-secondary{flex:1;justify-content:center}.qcr-cta-note{margin:10px 16px 0}.qcr-breakdown{padding:16px 16px 4px}.qcr-q{grid-template-columns:1fr;gap:10px}.qcr-footer{padding:14px 16px 20px}}@media (prefers-reduced-motion:reduce){.qcr-confetti{display:none}}