:root{--bg:#fafaf9;--fg:#1c1917;--muted:#78716c;--border:#e7e5e4;--panel:#fff;--accent:#e11d48;--go:#15803d;--go-hover:#166534;--on-go:#fff;--agree:#22c55e;--disagree:#ef4444;color:var(--fg);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:ui-sans-serif,system-ui,-apple-system,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0c0a09;--fg:#f5f5f4;--muted:#a8a29e;--border:#292524;--panel:#1c1917;--accent:#fb7185;--go:#22c55e;--go-hover:#4ade80;--on-go:#052e16;--agree:#50ff8c;--disagree:#ff503c}}*{box-sizing:border-box}body{background:var(--bg);margin:0}main{max-width:1280px;margin:0 auto;padding:24px 16px}.status{color:var(--muted);padding:48px}h1{margin:0 0 8px;font-size:1.6rem}h2{margin:16px 0 6px;font-size:.85rem}.muted{color:var(--muted)}.num{font-variant-numeric:tabular-nums}.page-header p{color:var(--muted);max-width:80ch;margin:0 0 12px;line-height:1.5}.swatch{vertical-align:baseline;border-radius:2px;width:10px;height:10px;display:inline-block}.controls{flex-direction:column;gap:6px;margin:12px 0;display:flex}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;font-size:.85rem;display:flex}.control-label{min-width:4.5em;font-weight:600}.toolbar .control-label+.segmented,.toolbar .control-label+button{margin-left:0}.toolbar *+.control-label{min-width:0;margin-left:12px}button{font:inherit;border:1px solid var(--border);background:var(--panel);color:var(--fg);cursor:pointer;border-radius:6px;padding:4px 12px}button:hover:not(:disabled){border-color:var(--accent)}button.start{background:var(--go);border-color:var(--go);color:var(--on-go)}button.start:hover{background:var(--go-hover);border-color:var(--go-hover)}.play-labels{justify-items:center;display:inline-grid}.play-labels>span{grid-area:1/1}.play-labels>.hidden{visibility:hidden}.segmented{border:1px solid var(--border);border-radius:6px;display:inline-flex;overflow:hidden}.segmented button{border:0;border-radius:0}.segmented button+button{border-left:1px solid var(--border)}.segmented button.on{background:var(--fg);color:var(--bg)}.segmented.digits button{font-variant-numeric:tabular-nums;box-shadow:inset 0 -3px 0 var(--digit);padding:4px 9px}.segmented.digits button:not(.on){color:var(--muted);box-shadow:none}.slider,.check{color:var(--muted);align-items:center;gap:6px;display:inline-flex}.slider input{width:110px}.stage{flex-wrap:wrap;align-items:stretch;gap:16px;display:flex}.viz{border:1px solid var(--border);background:#0f0f0e;border-radius:8px;flex:520px;min-width:0;height:min(72vh,760px);min-height:380px;position:relative;overflow:hidden}.viz-canvas{touch-action:none;position:absolute;inset:0}.viz-canvas canvas{width:100%;height:100%;display:block}.viz-controls{pointer-events:none;flex-wrap:wrap;gap:8px;display:flex;position:absolute;top:10px;left:10px;right:10px}.viz-controls .segmented{pointer-events:auto;border-color:#c8c6be2e}.viz-controls button{letter-spacing:.06em;color:#c8c6bebf;background:#0f0f0ebf;border-color:#c8c6be2e;padding:4px 10px;font-family:DM Mono,ui-monospace,Courier New,monospace;font-size:11px}.viz-controls .segmented button.on{color:#e8e6de;background:#c8c6be29}.viz-hint{letter-spacing:.08em;color:#c8c6be73;pointer-events:none;font-family:DM Mono,ui-monospace,monospace;font-size:11px;position:absolute;bottom:8px;right:10px}.sidebar{flex:0 300px;min-width:260px;font-size:.85rem}.sidebar h2:first-of-type{margin-top:12px}.digit-preview{min-height:128px;color:var(--accent);align-items:flex-start;gap:12px;display:flex}.digit-preview canvas{width:126px;height:126px;image-rendering:pixelated;border:1px solid var(--border);background:#000;flex-shrink:0}.digit-info{color:var(--fg);flex-direction:column;flex:1;gap:6px;display:flex}.valence-meter{color:var(--muted);align-items:center;gap:4px;font-size:.7rem;display:flex}.valence-track{background:linear-gradient(to right, var(--disagree), var(--border) 50%, var(--agree));border-radius:5px;flex:1;height:10px;position:relative}.valence-zero{background:var(--muted);width:1px;position:absolute;top:-2px;bottom:-2px;left:50%}.valence-mark{background:var(--fg);border-radius:2px;width:4px;height:16px;margin-left:-2px;position:absolute;top:-3px}.group-legend{gap:2px;max-height:220px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.group-legend li{grid-template-columns:12px 2.5em 2.5em 1fr;align-items:center;gap:6px;display:grid}.group-name{font-weight:600}.group-mean{background:var(--border);border-radius:4px;height:8px;position:relative;overflow:hidden}.group-mean-zero{background:var(--muted);width:1px;position:absolute;top:0;bottom:0;left:50%}.group-mean-bar{position:absolute;top:0;bottom:0}.style-grid{grid-template-columns:auto repeat(4,1fr);align-items:center;gap:3px;display:grid}.style-grid button{padding:2px 4px;font-size:.75rem}.style-grid button.on{background:var(--fg);color:var(--bg)}.style-grid input{width:100%;min-width:0}.style-head{color:var(--muted);text-align:center;font-size:.75rem}.matrix-section{margin-top:20px}.matrix-section p{margin:0 0 8px;font-size:.85rem}.transport{flex-direction:column;gap:6px;margin-bottom:6px;display:flex}.readout{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.8rem}.scrubber{width:calc(100% - 12px);accent-color:var(--accent);margin:0 0 0 12px}.matrix{align-items:flex-start;gap:4px;display:flex}.matrix-strip{image-rendering:pixelated;flex-shrink:0;display:block}.matrix-image{cursor:pointer;color:var(--accent);background:#000;position:relative}.matrix-image canvas{image-rendering:pixelated;display:block;position:absolute;top:0;left:0}@media (width<=560px){.viz-controls button{letter-spacing:.02em;padding:4px 6px;font-size:10px}.viz{height:70vh;min-height:320px}}