.qin-page{gap:16px;width:min(1120px,100% - 32px);margin:0 auto;padding-bottom:clamp(24px,5vw,48px);display:grid}.qin-kicker{color:var(--accent);font:850 .66rem/1.2 var(--font-geist-mono), monospace;letter-spacing:.07em;margin:0}.qin-hero{grid-template-columns:minmax(0,2.1fr) minmax(200px,1fr);align-items:center;gap:18px;padding:clamp(18px,3vw,28px);display:grid}.qin-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}.qin-hero p{color:var(--muted);word-break:keep-all;margin:0;line-height:1.6}.qin-hero p b{color:var(--foreground)}.qin-hero code{border:1px solid var(--border-strong);background:var(--surface-1);color:var(--foreground);font:700 .86em/1 var(--font-geist-mono), monospace;padding:1px 6px}.qin-hero-answer{border:var(--pixel) solid var(--border-strong);background:var(--surface-1);align-content:center;gap:6px;padding:14px 16px;display:grid}.qin-hero-answer>span{color:var(--accent);font:800 .62rem/1 var(--font-geist-mono), monospace;letter-spacing:.06em}.qin-hero-answer>strong{color:var(--foreground);font-size:1rem;line-height:1.4}.qin-demo{padding:clamp(16px,3vw,26px)}.qin-demo-head h2{word-break:keep-all;margin:6px 0 0;font-size:clamp(1.05rem,2.6vw,1.35rem);line-height:1.3}.qin-controls{flex-wrap:wrap;gap:10px;margin:18px 0 16px;display:flex}.qin-ztoggle{border:var(--pixel) solid var(--border-strong);background:var(--surface-2);min-height:46px;color:var(--foreground);cursor:pointer;flex:160px;padding:12px 16px;font-size:.95rem;font-weight:800}.qin-ztoggle:hover{border-color:var(--accent)}.qin-ztoggle.is-on{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 16%, var(--surface-2));color:var(--foreground)}.qin-measure{border:var(--pixel) solid var(--accent);background:var(--accent);min-height:46px;color:var(--accent-contrast);cursor:pointer;flex:160px;padding:12px 16px;font-size:.95rem;font-weight:800}.qin-measure:hover{filter:brightness(1.06)}.qin-ztoggle:focus-visible,.qin-measure:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 45%, transparent);outline-offset:2px}.qin-circuit{border:var(--pixel) solid var(--border-strong);background:var(--surface-1);font:800 1.05rem/1 var(--font-geist-mono), monospace;color:var(--foreground);flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;padding:14px 12px;display:flex}.qin-seg{color:var(--muted)}.qin-measure-tag{color:var(--foreground)}.qin-zslot{border:1px dashed var(--border-strong);width:26px;height:26px;color:var(--muted);place-items:center;display:inline-grid}.qin-zslot.is-on{border-style:solid;border-color:var(--accent);background:var(--accent);color:var(--accent-contrast)}.qin-mid{text-align:center;color:var(--muted);margin:14px 0;font-size:.9rem}.qin-midket{color:var(--accent);font-size:1.05rem}.qin-mid small{color:var(--muted);font-size:.78rem}.qin-bars{grid-template-columns:1fr 1fr;align-items:end;gap:clamp(16px,6vw,64px);margin-top:6px;padding:0 clamp(8px,4vw,40px);display:grid}.qin-bar-col{justify-items:center;gap:6px;display:grid}.qin-bar-track{border:1px solid var(--border-strong);background:var(--surface-1);align-items:flex-end;width:min(110px,28vw);height:150px;display:flex}.qin-bar{background:var(--muted);width:100%;min-height:2px;transition:height .35s}.qin-bar.is-hit{background:var(--accent)}.qin-bar-pct{color:var(--foreground);font:900 1.15rem/1 var(--font-geist-mono), monospace}.qin-bar-label{color:var(--foreground);font-size:.82rem}.qin-bar-count{color:var(--muted);font-size:.68rem}.qin-caption{color:var(--foreground);text-align:center;word-break:keep-all;margin:14px 0 0;font-size:.9rem;line-height:1.55}.qin-wrap{padding:clamp(16px,3vw,26px)}.qin-wrap h2{margin:0 0 8px;font-size:1.15rem}.qin-wrap p{color:var(--muted);word-break:keep-all;margin:0 0 8px;line-height:1.6}.qin-wrap p:last-child{margin-bottom:0}.qin-wrap b{color:var(--foreground)}.qin-scope b{color:var(--accent)}.qin-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}.qin-limit b{color:var(--foreground)}@media (max-width:720px){.qin-hero{grid-template-columns:1fr}}@media (max-width:480px){.qin-page{width:min(100% - 24px,1120px)}.qin-bar-track{height:130px}}