:root{--bg:#020617;--panel:#0a0f1ef2;--border:#ffffff47;--text:#e2e8f0;--muted:#94a3b8;--accent:#60a5fa;--gold:#fbbf24;--good:#4ade80;--bad:#f87171;--ctl-border:#fff6;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}html,body,#root{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);margin:0}.mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ui-ctl{font:inherit;cursor:pointer;border-radius:4px;transition:background .12s,border-color .12s}.ui-ctl:hover{border-color:var(--accent)}.ui-ctl:focus-visible,input[type=range]:focus-visible,select:focus-visible,input[type=checkbox]:focus-visible{outline:2px solid var(--gold);outline-offset:2px}input[type=range]{accent-color:var(--accent)}.ui-ghost{color:var(--text);border:1px solid var(--ctl-border);background:0 0;min-height:28px;padding:4px 12px;font-size:12px}.ui-ghost[aria-pressed=true]{background:var(--accent);color:#0b1220;border-color:var(--accent)}.ui-close{min-height:0;padding:0 6px;line-height:20px}.ui-seg{min-height:28px;color:var(--text);border:1px solid var(--ctl-border);background:0 0;padding:3px 9px;font-size:12px}.ui-seg[aria-pressed=true]{background:var(--accent);color:#0b1220;border-color:var(--accent)}.ui-chip{--chip:148, 163, 184;min-height:28px;color:var(--text);background:rgba(var(--chip), .18);border:1px solid rgb(var(--chip));padding:3px 9px;font-size:12px}.ui-chip[aria-pressed=false]{color:var(--muted);background:0 0;border-style:dashed}.ui-toggle{border:1px solid #0000;align-items:center;gap:6px;min-height:28px;padding:3px 4px;font-size:12px;display:inline-flex}.ui-toggle input{width:14px;height:14px;margin:0}.ui-select{font:inherit;max-width:100%;min-height:28px;color:var(--text);background:var(--bg);border:1px solid var(--ctl-border);border-radius:4px;padding:3px 6px;font-size:12px}.ui-card{text-align:left;width:100%;color:var(--text);border:1px solid var(--border);background:0 0;border-left-width:3px;padding:10px 12px;display:block}.ui-card[aria-pressed=true]{border-color:var(--accent);background:#ffffff12}.ui-panel{width:var(--panel-w,auto);box-sizing:border-box;flex:0 auto;max-width:100%;min-height:0;overflow-y:auto}.app-shell{flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.app-header{z-index:20;background:var(--panel);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;display:flex;position:relative}.app-title{margin:0;font-size:15px;font-weight:700}.app-subtitle{color:var(--muted);font-size:12px}.app-body{flex:1;min-height:0;display:flex}.app-main{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.scenario-rail{background:var(--panel);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:8px;width:232px;padding:12px;display:flex;overflow-y:auto}.rail-live{flex-direction:column;gap:6px;margin-top:auto;display:flex}.story-caption{background:var(--panel);border-bottom:1px solid var(--border);align-items:flex-start;gap:24px;padding:8px 16px;display:flex}.story-text{flex:1;min-width:0}.story-stats{text-align:right;white-space:nowrap}.story-hidden{justify-content:flex-end;align-items:center;gap:6px;margin-top:4px;display:flex}.app-viz{flex:1;width:100%;position:relative;overflow:hidden}.viz-canvas{width:100%;height:100%;position:relative;overflow:hidden}.viz-canvas:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}.viz-dock-left,.viz-dock-right{z-index:10;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:absolute}.viz-dock-left{max-height:calc(100% - 52px);top:14px;left:14px}.viz-dock-right{justify-content:space-between;align-items:flex-end;top:14px;bottom:12px;right:14px}.viz-dock-left>*,.viz-dock-right>*{pointer-events:auto}.viz-dock-bottom{margin-top:auto}@media (width<=1000px){.app-body{flex-direction:column}.scenario-rail{border-right:none;border-bottom:1px solid var(--border);flex-direction:row;width:auto;overflow:auto hidden}.scenario-rail>*{flex:0 0 200px;margin-top:0}.app-viz{min-height:320px}}@media (width<=720px){.app-shell{width:100%;height:auto;min-height:100dvh;overflow:visible}.app-subtitle{display:none}.story-caption{flex-direction:column;gap:6px}.story-text{flex:none;width:100%}.story-stats{text-align:left;white-space:normal;flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.story-hidden{flex-wrap:wrap;justify-content:flex-start;margin-top:0}.app-viz{flex-direction:column;flex:none;height:auto;display:flex;overflow:visible}.viz-canvas{flex:none;height:min(70vh,560px);min-height:320px}.viz-dock-left,.viz-dock-right{pointer-events:auto;align-items:stretch;max-height:none;padding:10px 14px 0;position:static}.viz-dock-bottom{margin-top:0}.viz-hint{display:none}.ui-panel{width:auto;max-height:none;overflow-y:visible}.ui-seg,.ui-chip,.ui-ghost,.ui-toggle,.ui-select{min-height:36px}.ui-close{min-width:28px;min-height:28px}}@media (prefers-reduced-motion:reduce){.ui-ctl{transition:none}}