.qn{--qn-bg:#07101c;--qn-ink:#e9eef3;--qn-dim:#8ea0b3;--qn-line:#e9eef324;--qn-orange:#ff5a28;--qn-orange-2:#e14a17;--qn-green:#35d39a;--qn-panel:#09121eb8;background:var(--qn-bg);color:var(--qn-ink);font-family:var(--font-sans);min-height:100vh}.qn-canvas{z-index:0;width:100%;height:100lvh;position:fixed;inset:0}.qn-header{inset-inline:0;z-index:40;font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;background:linear-gradient(#07101ceb,#07101c00);justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.25rem;font-size:.7rem;display:flex;position:fixed;top:0}.qn-brand{color:var(--qn-ink);align-items:center;gap:.6rem;text-decoration:none;display:inline-flex}.qn-brand-mark{border:2px solid var(--qn-orange);width:1.5rem;height:1.5rem;color:var(--qn-orange);place-items:center;font-weight:700;display:inline-grid}.qn-net{border:1px solid var(--qn-line);color:var(--qn-green);border-radius:999px;align-items:center;gap:.5rem;padding:.35rem .8rem;display:inline-flex}.qn-net[data-state=degraded]{color:var(--qn-orange)}.qn-net:before{content:"";background:currentColor;border-radius:999px;width:.45rem;height:.45rem;box-shadow:0 0 10px}.qn-lang{border:1px solid var(--qn-line);display:inline-flex}.qn-lang button{color:var(--qn-dim);cursor:pointer;padding:.35rem .7rem}.qn-lang button[aria-pressed=true]{color:var(--qn-ink);background:#ff5a282e}.qn-btn{border:1px solid var(--qn-orange);background:var(--qn-orange-2);color:#fff;font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.4rem;font-size:.74rem;text-decoration:none;transition:background .15s,transform .15s;display:inline-flex}.qn-btn:hover{background:var(--qn-orange);transform:translateY(-1px)}.qn-btn.ghost{color:var(--qn-orange);background:0 0}.qn-btn.ghost:hover{background:#ff5a281f}.qn-main{z-index:10;position:relative}.qn-chapter{grid-template-columns:minmax(0,1fr);align-items:safe center;min-height:100vh;padding:6rem 1.25rem 4rem;display:grid;position:relative}.qn-dock{border:1px solid var(--qn-line);background:var(--qn-panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:100%;min-width:0;max-width:34rem;padding:1.6rem 1.7rem}.qn-dock.right{justify-self:end}.qn-dock.center{text-align:center;justify-self:center}.qn-dock.wide{max-width:58rem}.qn-eyebrow{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--qn-orange);font-size:.68rem}.qn-eyebrow:before{content:"▸"}.qn-h1{font-family:var(--font-poster);letter-spacing:.01em;text-transform:uppercase;margin-top:.9rem;font-size:clamp(2.6rem,6.4vw,5.2rem);line-height:.95}.qn-h2{font-family:var(--font-poster);letter-spacing:.01em;text-transform:uppercase;margin-top:.8rem;font-size:clamp(1.9rem,4vw,3.1rem);line-height:1}.qn-lede{color:var(--qn-dim);margin-top:1rem;font-size:1.02rem;line-height:1.6}.qn-ctas{flex-wrap:wrap;gap:.75rem;margin-top:1.4rem;display:flex}.qn-chips{flex-wrap:wrap;gap:.6rem;margin-top:1.4rem;display:flex}.qn-chip{border:1px solid var(--qn-line);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--qn-dim);padding:.6rem .8rem;font-size:.66rem}.qn-chip b{color:var(--qn-ink);letter-spacing:.06em;font-size:.86rem;display:block}.qn-note{font-family:var(--font-mono);letter-spacing:.1em;color:var(--qn-dim);margin-top:1rem;font-size:.66rem;line-height:1.6}.qn-controls{flex-wrap:wrap;gap:.5rem;margin-top:1.2rem;display:flex}.qn-seg{border:1px solid var(--qn-line);display:inline-flex}.qn-seg button{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--qn-dim);cursor:pointer;padding:.55rem .85rem;font-size:.66rem}.qn-seg button[aria-pressed=true]{color:var(--qn-ink);box-shadow:inset 0 -2px 0 var(--qn-green);background:#35d39a24}.qn-seg.warm button[aria-pressed=true]{box-shadow:inset 0 -2px 0 var(--qn-orange);background:#ff5a2829}.qn-status{border-top:1px solid var(--qn-line);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--qn-dim);margin-top:1.2rem;padding-top:1rem;font-size:.68rem}.qn-status b{font-family:var(--font-poster);letter-spacing:.02em;color:var(--qn-green);margin-top:.3rem;font-size:2.6rem;line-height:1;display:block}.qn-status[data-state=degraded] b{color:var(--qn-orange)}.qn-callouts{gap:.75rem;margin-top:1.2rem;display:grid}.qn-callout{border-left:2px solid var(--qn-orange);padding-left:.9rem}.qn-callout h3{font-family:var(--font-display);font-size:1.02rem;font-weight:700}.qn-callout p{color:var(--qn-dim);margin-top:.2rem;font-size:.9rem;line-height:1.5}.qn-callout small{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--qn-orange);margin-top:.3rem;font-size:.62rem;display:block}.qn-spectrum{border:1px solid var(--qn-line);background:#04070f;height:22rem;margin-top:1.2rem;position:relative;overflow:hidden}.qn-spectrum canvas{width:100%;height:100%;display:block}.qn-decode{border:1px solid var(--qn-line);min-width:0;font-family:var(--font-mono);letter-spacing:.06em;background:#04070fe6;border-top:0;font-size:.64rem;overflow-x:auto}.qn-decode-head{border-bottom:1px solid var(--qn-line);color:var(--qn-orange);text-transform:uppercase;letter-spacing:.16em;justify-content:space-between;gap:1rem;padding:.5rem .8rem;font-size:.6rem;display:flex}.qn-decode-head span:last-child{color:var(--qn-dim)}.qn-decode-row{min-width:40rem;color:var(--qn-dim);white-space:nowrap;border-bottom:1px solid #e9eef30f;grid-template-columns:2.4rem 5.6rem 5rem 9.5rem 5rem 5.5rem 1fr auto;gap:.6rem;padding:.38rem .8rem;animation:.35s qn-row-in;display:grid}.qn-decode-row.muted{display:block}.qn-decode-row b{color:var(--qn-green)}.qn-decode-row[data-sos] b{color:var(--qn-orange)}.qn-decode-row[data-sos]{color:var(--qn-ink);background:#ff5a2814}.qn-decode-row span[data-f=pos]{color:#ffb070}.qn-decode-row span[data-f=typ]{color:var(--qn-green)}@keyframes qn-row-in{0%{opacity:0;transform:translateY(-4px)}}.qn-layers{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--qn-dim);gap:.35rem;margin-top:1rem;font-size:.64rem;display:grid}.qn-layers span:before{content:"";vertical-align:-1px;border-radius:999px;width:.7rem;height:.7rem;margin-right:.5rem;display:inline-block}.qn-layers span[data-l=cell]:before{background:#8fc3ff;box-shadow:0 0 8px #8fc3ff}.qn-layers span[data-l=q]:before{background:var(--qn-orange);box-shadow:0 0 8px var(--qn-orange)}.qn-layers b{color:var(--qn-ink);margin-left:.4rem}.qn-hops{counter-reset:hop;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;gap:.3rem;margin-top:1.2rem;font-size:.66rem;display:grid}.qn-hops li{border:1px solid var(--qn-line);color:var(--qn-dim);align-items:center;gap:.7rem;padding:.45rem .7rem;transition:color .2s,border-color .2s,background .2s;display:flex}.qn-hops li:before{counter-increment:hop;content:counter(hop, decimal-leading-zero);color:var(--qn-orange);opacity:.6}.qn-hops li[data-state=live]{color:var(--qn-ink);border-color:var(--qn-orange);background:#ff5a2824}.qn-hops li[data-state=done]{color:var(--qn-ink);border-color:#35d39a80}.qn-hops li[data-state=done]:after{content:"✓";color:var(--qn-green);margin-left:auto}.qn-hops li[data-fail="1"][data-state=done]:after{content:"✕";color:#ff7a5c}.qn-sheet{z-index:10;background:linear-gradient(to bottom, #07101c80, var(--qn-bg) 12rem);padding:4rem 1.25rem 6rem;position:relative}.qn-sheet-inner{gap:3rem;max-width:72rem;margin:0 auto;display:grid}.qn-block{border-top:1px solid var(--qn-line);gap:1.2rem;padding-top:2rem;display:grid}@media (min-width:900px){.qn-block{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:3rem}}.qn-cards{gap:.75rem;display:grid}.qn-card{border:1px solid var(--qn-line);background:#ffffff05;padding:1rem 1.1rem}.qn-card h3{font-family:var(--font-display);font-size:1rem;font-weight:700}.qn-card p{color:var(--qn-dim);margin-top:.35rem;font-size:.9rem;line-height:1.55}.qn-card .kv{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--qn-orange);margin-bottom:.4rem;font-size:.62rem;display:block}.qn-bytes{grid-template-columns:repeat(32,minmax(0,1fr));gap:2px;margin-top:1rem;display:grid}.qn-bytes span{border:1px solid var(--qn-line);background:#ffffff08;height:1.6rem}.qn-bytes span[data-f=pos]{border-color:var(--qn-orange);background:#ff5a2880}.qn-bytes span[data-f=typ]{border-color:var(--qn-green);background:#35d39a73}.qn-bytes span[data-f=dev]{background:#8ea0b359}.qn-bytes span[data-f=tim]{background:#8ea0b333}.qn-legend{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--qn-dim);flex-wrap:wrap;gap:1rem;margin-top:.6rem;font-size:.62rem;display:flex}.qn-legend i{vertical-align:-1px;width:.7rem;height:.7rem;margin-right:.35rem;display:inline-block}.qn-foot{z-index:10;border-top:1px solid var(--qn-line);font-family:var(--font-mono);letter-spacing:.12em;color:var(--qn-dim);text-transform:uppercase;background:var(--qn-bg);padding:1.5rem 1.25rem 2.5rem;font-size:.62rem;line-height:1.7;position:relative}.qn-engine{z-index:40;font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--qn-dim);border:1px solid var(--qn-line);background:#07101cd9;padding:.3rem .6rem;font-size:.6rem;position:fixed;bottom:.9rem;right:1rem}@media (max-width:1100px){.qn-header nav{display:none}}@media (orientation:portrait){.qn-chapter{align-items:safe end;padding-bottom:2.5rem}:is(.qn-chapter:has(.qn-dock.center),.qn-chapter:has(.qn-dock.wide)){align-items:safe center}}@media (max-width:720px){.qn-header{padding:.6rem .9rem;font-size:.62rem}.qn-header .qn-btn{display:none}.qn-brand span:last-child{white-space:nowrap}.qn-header .qn-net,.qn-header nav{display:none}.qn-chapter{padding-top:6.5rem}.qn-dock{padding:1.2rem}.qn-engine{display:none}}@media (prefers-reduced-motion:reduce){.qn-btn:hover{transform:none}}