.qbt-page{gap:16px;width:min(1120px,100% - 32px);margin:0 auto;padding-bottom:clamp(24px,5vw,48px);display:grid}.qbt-kicker{color:var(--accent);font:850 .66rem/1.2 var(--font-geist-mono), monospace;letter-spacing:.07em;margin:0}.qbt-hero{grid-template-columns:minmax(0,2.1fr) minmax(200px,1fr);align-items:center;gap:18px;padding:clamp(18px,3vw,28px);display:grid}.qbt-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}.qbt-hero p{color:var(--muted);word-break:keep-all;margin:0;line-height:1.6}.qbt-hero p b{color:var(--foreground)}.qbt-hero-answer{border:var(--pixel) solid var(--border-strong);background:var(--surface-1);align-content:center;gap:6px;padding:14px 16px;display:grid}.qbt-hero-answer>span{color:var(--accent);font:800 .62rem/1 var(--font-geist-mono), monospace;letter-spacing:.06em}.qbt-hero-answer>strong{color:var(--foreground);font-size:1rem;line-height:1.4}.qbt-demo{padding:clamp(16px,3vw,26px)}.qbt-demo-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.qbt-demo-head h2{word-break:keep-all;margin:6px 0 0;font-size:clamp(1.05rem,2.6vw,1.35rem);line-height:1.3}.qbt-reset{border:var(--pixel) solid var(--border-strong);background:var(--surface-2);color:var(--foreground);cursor:pointer;flex:none;padding:8px 12px;font-size:.78rem}.qbt-reset:hover,.qbt-reset:focus-visible{border-color:var(--accent)}.qbt-legend{grid-template-columns:1fr 1fr;gap:8px;margin:18px 0 4px;display:grid}.qbt-legend>div{border:1px dashed var(--border-strong);background:var(--surface-1);gap:4px;padding:10px 12px;display:grid}.qbt-legend span{color:var(--muted);letter-spacing:.04em;font-size:.66rem}.qbt-legend code{color:var(--foreground);font:800 .95rem/1 var(--font-geist-mono), monospace;letter-spacing:.02em}.qbt-states{grid-template-columns:1fr 1fr;gap:12px;margin:14px 0;display:grid}.qbt-state{border:var(--pixel) solid var(--border-strong);background:var(--surface-2);text-align:center;justify-items:center;gap:8px;padding:18px 12px;display:grid}.qbt-state-label{color:var(--muted);font:750 .68rem/1 var(--font-geist-mono), monospace;letter-spacing:.05em}.qbt-value{font:900 clamp(2.6rem, 9vw, 3.6rem)/1 var(--font-geist-mono), monospace;transition:color .15s}.qbt-value.is-zero{color:var(--muted)}.qbt-value.is-one{color:var(--accent)}.qbt-state small{color:var(--muted);word-break:keep-all;font-size:.64rem;line-height:1.3}.qbt-flip{border:var(--pixel) solid var(--accent);background:var(--accent);width:100%;color:var(--accent-contrast);cursor:pointer;padding:14px;font-size:1rem;font-weight:800}.qbt-flip:hover{filter:brightness(1.06)}.qbt-flip:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 45%, transparent);outline-offset:2px}.qbt-takeaway{color:var(--foreground);text-align:center;word-break:keep-all;margin:14px 0 0;font-size:.92rem;line-height:1.5}.qbt-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}.qbt-limit b{color:var(--foreground)}@media (max-width:720px){.qbt-hero{grid-template-columns:1fr}}@media (max-width:480px){.qbt-page{width:min(100% - 24px,1120px)}.qbt-legend{grid-template-columns:1fr}.qbt-legend code{font-size:.88rem}.qbt-states{gap:8px}.qbt-state{padding:14px 8px}}