:root{--pop-ground:var(--ink-900);--pop-crowd-lo:#0c1624;--pop-crowd-mid:#2b4a74;--pop-crowd-hi:#bcd4f3;--pop-point:#d3dbe4;--pop-point-dim:#5d6876;--pop-hi:#f3f6fa}.pop-explorer{padding:0}.pop-controls{gap:var(--s-3);padding:var(--s-5) clamp(var(--s-4), 2.4vw, var(--s-6)) var(--s-4);border-bottom:1px solid var(--hairline);display:grid}.pop-group{align-items:center;gap:var(--s-2);flex-wrap:wrap;display:flex}.pop-group-l{font-family:var(--font-mono);font-size:var(--t-1);letter-spacing:.12em;text-transform:uppercase;color:var(--text-lo);min-width:9.5em}.pop-chip{border:1px solid var(--hairline-strong);border-radius:var(--r-md);color:var(--text-mid);font-family:var(--font-body,inherit);font-size:var(--t-2);cursor:pointer;transition:border-color var(--dur-fast), background var(--dur-fast), color var(--dur-fast);background:0 0;align-items:center;gap:6px;padding:5px 10px;line-height:1.2;display:inline-flex}.pop-chip:hover{border-color:var(--silver-deep);color:var(--text-hi)}.pop-chip .n{color:var(--text-faint);font-size:var(--t-1)}.pop-chip .glyph{font-size:12px}.pop-chip[aria-pressed=true]{border-color:var(--silver);background:var(--silver-dim);color:var(--text-hi)}.pop-chip[aria-pressed=true] .n{color:var(--text-mid)}.pop-chip[aria-pressed=true]:before{content:"✓";font-size:var(--t-1);color:var(--silver-bright)}.pop-bar-row{justify-content:space-between;align-items:flex-start;gap:var(--s-3);flex-wrap:wrap;display:flex}.pop-said{flex:32ch;min-width:0}.pop-status{font-size:var(--t-1);color:var(--text-lo);margin:0}.pop-legend{font-size:var(--t-2);color:var(--text-mid);margin:2px 0 0}.pop-legend b{color:var(--text-hi);font-weight:600}.pop-tools{gap:var(--s-2);flex-wrap:wrap;display:flex}.pop-grid{gap:var(--s-5);padding:var(--s-5) clamp(var(--s-3), 2.4vw, var(--s-6));grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.pop-cell{min-width:0;margin:0}.pop-cap{justify-content:space-between;align-items:baseline;gap:var(--s-2);padding:0 2px var(--s-2);flex-wrap:wrap;display:flex}.pop-cap .t{font-family:var(--font-display);color:var(--text-hi);font-weight:600;font-size:var(--t-4)}.pop-cap .s{font-size:var(--t-1);color:var(--text-lo)}.pop-stage{position:relative}.pop-stage canvas.pop-base{pointer-events:none;width:100%;display:block}.pop-ovl{cursor:crosshair;touch-action:pan-y;width:100%;position:absolute;inset:0}.pop-hint-touch{display:none}@media (hover:none){.pop-hint-pointer{display:none}.pop-hint-touch{display:inline}}.pop-ovl.on-point{cursor:pointer}.pop-tip{left:var(--tx,0);top:var(--ty,0);pointer-events:none;z-index:5;background:var(--ink-700);border:1px solid var(--hairline-strong);border-radius:var(--r-md);max-width:320px;font-family:var(--font-mono);font-size:var(--t-1);color:var(--text-hi);white-space:nowrap;opacity:0;transition:opacity var(--dur-fast);padding:6px 9px;position:absolute}.pop-tip.on{opacity:1}.pop-note{margin:var(--s-1) 2px 0;font-size:var(--t-1);color:var(--text-faint);min-height:1.5em;line-height:1.5}.pop-crowd{color:var(--text-faint);display:block}.pop-key{gap:var(--s-2) var(--s-5);padding:0 clamp(var(--s-3), 2.4vw, var(--s-6)) var(--s-4);font-size:var(--t-1);color:var(--text-lo);font-family:var(--font-mono);flex-wrap:wrap;display:flex}.pop-key-i{align-items:center;gap:var(--s-2);display:inline-flex}.pop-ramp{border:1px solid var(--hairline);background:linear-gradient(90deg, var(--pop-crowd-lo), var(--pop-crowd-mid), var(--pop-crowd-hi));width:64px;height:9px}.pop-dot{background:var(--pop-point);width:5px;height:5px}.pop-dot.hi{background:var(--pop-hi);width:6px;height:6px}.pop-dot.dim{background:var(--pop-point-dim)}.pop-detail{border-top:1px solid var(--hairline);padding:var(--s-5) clamp(var(--s-4), 2.4vw, var(--s-6));min-height:120px}.pop-hint{color:var(--text-mid);font-size:var(--t-2);max-width:72ch;margin:0}.pop-sel{gap:clamp(var(--s-4), 3vw, var(--s-10));grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.pop-sel-head{align-items:baseline;gap:var(--s-2);margin-bottom:var(--s-3);display:flex}.pop-sel-head .n{font-size:var(--t-6);color:var(--text-hi);line-height:1}.pop-sel-head .k{font-family:var(--font-mono);font-size:var(--t-1);color:var(--text-lo);text-transform:uppercase;letter-spacing:.13em}.pop-sub{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.13em;color:var(--silver-deep);margin:var(--s-3) 0 var(--s-2);font-size:10.5px}.pop-break,.pop-svb,.pop-exs{margin:0;padding:0;list-style:none}.pop-break li{align-items:center;gap:var(--s-2);font-size:var(--t-2);color:var(--text-mid);grid-template-columns:9.5em minmax(0,1fr) 5.5em 3em;padding:2px 0;display:grid}.pop-bar{background:var(--ink-700);height:7px;box-shadow:inset 0 0 0 1px var(--hairline)}.pop-bar-f{height:100%;width:var(--w,0%);background:var(--silver);display:block}.pop-bn{text-align:right;color:var(--text-hi);font-size:var(--t-1)}.pop-bp{text-align:right;color:var(--text-faint);font-size:var(--t-1)}.pop-stats{gap:var(--s-2);margin-top:var(--s-4);grid-template-columns:repeat(auto-fit,minmax(118px,1fr));display:grid}.pop-stat{background:var(--ink-800);border:1px solid var(--hairline);border-radius:var(--r-md);padding:var(--s-2) var(--s-3)}.pop-stat-l{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.11em;color:var(--text-lo);margin-bottom:4px;font-size:9.5px}.pop-stat-v{font-size:var(--t-4);color:var(--text-hi)}.pop-stat-v .u{font-size:var(--t-1);color:var(--text-lo)}.pop-stat-s{color:var(--text-faint);margin-top:2px;font-size:10.5px}.pop-svb{gap:4px var(--s-4);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.pop-svb li{align-items:center;gap:var(--s-2);font-size:var(--t-2);color:var(--text-mid);grid-template-columns:1.2em minmax(0,1fr) auto;display:grid}.pop-svb li .mono{color:var(--text-hi);font-size:var(--t-1)}.pop-svb .glyph.hollow{border:1px solid var(--text-faint);width:.8em;height:.8em}.pop-exs{gap:var(--s-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.pop-ex{gap:2px var(--s-2);padding:var(--s-2) var(--s-3);border:1px solid var(--hairline);border-radius:var(--r-md);background:var(--ink-800);transition:border-color var(--dur-fast), background var(--dur-fast);grid-template-columns:auto 1fr;display:grid;position:relative}.pop-ex:hover,.pop-ex:focus-visible{border-color:var(--silver-deep);background:var(--ink-750)}.pop-ex-t{font-family:var(--font-display);color:var(--text-hi);font-weight:600;font-size:var(--t-3);text-decoration:underline;-webkit-text-decoration-color:var(--silver-dim);text-decoration-color:var(--silver-dim);text-underline-offset:3px}.pop-ex:hover .pop-ex-t,.pop-ex:focus-visible .pop-ex-t{-webkit-text-decoration-color:var(--accent-bright);text-decoration-color:var(--accent-bright)}.pop-ex:after{content:"→";right:var(--s-3);bottom:var(--s-2);color:var(--text-faint);font-size:var(--t-1);position:absolute}.pop-ex:hover:after,.pop-ex:focus-visible:after{color:var(--accent-bright)}.pop-ex-p{color:var(--text-mid);font-size:var(--t-1);place-self:center end}.pop-ex-id{color:var(--text-faint);font-size:var(--t-1);grid-column:1/-1;padding-right:1.4em}.pop-snippet{border-top:1px solid var(--hairline);padding:var(--s-3) clamp(var(--s-4), 2.4vw, var(--s-6))}.pop-snippet summary{cursor:pointer;font-size:var(--t-2);color:var(--text-mid)}.pop-snippet pre{margin:var(--s-3) 0 0;white-space:pre;font-size:12.5px}.pop-explorer>.table-view{padding:0 clamp(var(--s-4), 2.4vw, var(--s-6)) var(--s-4)}.pop-foot{margin-top:var(--s-4);color:var(--text-faint);max-width:92ch;font-size:11.5px;line-height:1.65}.pop-foot code{color:var(--text-lo);font-family:var(--font-mono)}.xpl-cta{justify-content:space-between;align-items:center;gap:var(--s-6);margin-top:var(--s-8);padding:var(--s-5) clamp(var(--s-4), 3vw, var(--s-8));border:1px solid var(--hairline);border-radius:var(--r-lg);background:var(--panel);background-image:radial-gradient(620px 200px at 100% 0%, color-mix(in srgb, var(--accent) 13%, transparent), transparent 70%);transition:transform .2s var(--ease-out), border-color .2s;flex-wrap:wrap;display:flex}.xpl-cta:hover{border-color:var(--accent-deep);transform:translateY(-3px)}.xpl-cta-text{max-width:60ch}.xpl-cta-text h2{color:var(--text-hi);margin:6px 0 8px;font-size:clamp(20px,2.6vw,26px)}.xpl-cta-text .sec-lede{margin:0;font-size:14.5px}.xpl-cta-go{flex:none}@media (width<=860px){.pop-grid,.pop-sel{grid-template-columns:minmax(0,1fr)}}@media (width<=560px){.pop-group-l{min-width:100%}.pop-break li{grid-template-columns:7.5em minmax(0,1fr) 4.5em 2.5em}.pop-exs{grid-template-columns:minmax(0,1fr)}.xpl-cta-go{text-align:center;width:100%}.pop-tip{white-space:normal;max-width:240px}}