.qco-page{gap:16px;width:min(1120px,100% - 32px);margin:0 auto;padding-bottom:clamp(24px,5vw,48px);display:grid}.qco-kicker{color:var(--accent);font:850 .66rem/1.2 var(--font-geist-mono), monospace;letter-spacing:.07em;margin:0}.qco-hero{grid-template-columns:minmax(0,2.1fr) minmax(200px,1fr);align-items:center;gap:18px;padding:clamp(18px,3vw,28px);display:grid}.qco-hero h1{letter-spacing:-.01em;word-break:keep-all;margin:10px 0 8px;font-size:clamp(1.35rem,3.4vw,1.9rem);line-height:1.25}.qco-hero p{color:var(--muted);word-break:keep-all;margin:0;line-height:1.6}.qco-hero p b{color:var(--foreground)}.qco-hero-answer{border:var(--pixel) solid var(--border-strong);background:var(--surface-1);align-content:center;gap:6px;padding:14px 16px;display:grid}.qco-hero-answer>span{color:var(--accent);font:800 .62rem/1 var(--font-geist-mono), monospace;letter-spacing:.06em}.qco-hero-answer>strong{color:var(--foreground);font-size:1rem;line-height:1.4}.qco-demo{padding:clamp(16px,3vw,26px)}.qco-demo-head h2{flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0 0;font-size:clamp(1.05rem,2.6vw,1.35rem);line-height:1.3;display:flex}.qco-circuit{border:1px solid var(--border-strong);background:var(--surface-1);color:var(--foreground);font:800 .92rem/1 var(--font-geist-mono), monospace;align-items:center;gap:.3em;padding:4px 10px;display:inline-flex}.qco-controls{flex-wrap:wrap;align-items:flex-end;gap:12px;margin:18px 0;display:flex}.qco-shots{gap:6px;display:grid}.qco-shots>span{color:var(--muted);font:750 .66rem/1 var(--font-geist-mono), monospace;letter-spacing:.05em}.qco-shot-buttons{gap:6px;display:inline-flex}.qco-shot{border:var(--pixel) solid var(--border-strong);background:var(--surface-2);min-width:56px;color:var(--foreground);font:700 .85rem/1 var(--font-geist-mono), monospace;cursor:pointer;padding:9px 10px}.qco-shot:hover,.qco-shot:focus-visible{border-color:var(--accent)}.qco-shot.is-selected{border-color:var(--accent);background:var(--accent);color:var(--accent-contrast)}.qco-measure{border:var(--pixel) solid var(--accent);background:var(--accent);min-height:44px;color:var(--accent-contrast);cursor:pointer;flex:140px;padding:12px 18px;font-size:1rem;font-weight:800}.qco-measure:hover{filter:brightness(1.06)}.qco-measure:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 45%, transparent);outline-offset:2px}.qco-chart{margin-top:6px}.qco-empty{border:1px dashed var(--border-strong);color:var(--muted);text-align:center;word-break:keep-all;margin:0;padding:24px 14px;line-height:1.6}.qco-empty b{color:var(--foreground)}.qco-bars{grid-template-columns:1fr 1fr;align-items:end;gap:clamp(16px,6vw,64px);padding:0 clamp(8px,4vw,40px);display:grid}.qco-bar-col{justify-items:center;gap:6px;display:grid}.qco-bar-track{border:1px solid var(--border-strong);background:var(--surface-1);align-items:flex-end;width:min(120px,30vw);height:180px;display:flex;position:relative}.qco-bar-track:before{content:"";border-top:1px dashed var(--muted);opacity:.7;position:absolute;top:50%;left:0;right:0}.qco-bar{width:100%;min-height:2px;transition:height .35s}.qco-bar.is-0{background:var(--muted)}.qco-bar.is-1{background:var(--accent)}.qco-bar-pct{color:var(--foreground);font:900 1.15rem/1 var(--font-geist-mono), monospace}.qco-bar-label{color:var(--foreground);font-size:.82rem}.qco-bar-count{color:var(--muted);font-size:.68rem}.qco-theory-note{color:var(--muted);text-align:center;letter-spacing:.02em;margin:10px 0 0;font-size:.68rem}.qco-caption{color:var(--foreground);text-align:center;word-break:keep-all;margin:12px 0 0;font-size:.9rem;line-height:1.5}.qco-limit{border-left:3px solid var(--border-strong);color:var(--muted);word-break:keep-all;margin:0;padding:12px 14px;font-size:.8rem;line-height:1.6}.qco-limit b{color:var(--foreground)}@media (max-width:720px){.qco-hero{grid-template-columns:1fr}}@media (max-width:480px){.qco-page{width:min(100% - 24px,1120px)}.qco-controls{align-items:stretch}.qco-shots{justify-items:start}.qco-bar-track{height:150px}}