:root{--bg:#0a0d13;--panel:#10141d;--panel-2:#141a25;--elev:#1a212e;--line:#222a38;--line-strong:#2d3646;--ink:#e7ebf2;--ink-dim:#9aa4b4;--ink-faint:#626c7d;--accent:#5ac8fa;--accent-2:#8b7bf0;--good:#46d39a;--bad:#e8664f;--radius:10px;--radius-sm:7px;--shadow:0 8px 30px #00000073;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Helvetica Neue", sans-serif;--mono:"SF Mono", ui-monospace, "JetBrains Mono", "Cascadia Code", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:14px;line-height:1.45;overflow:hidden}.tnum{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.app{grid-template:"top top top"58px"left center right"1fr/300px 1fr 400px;height:100vh;display:grid}@media (width<=1200px){.app{grid-template-columns:264px 1fr 344px}}@media (width<=940px){.app{grid-template:"top"58px"center"58vh"left""right"/1fr;height:auto;min-height:100vh}body{overflow:auto}.left{border-right:0;border-top:1px solid var(--line)}.right{border-left:0;border-top:1px solid var(--line)}}.topbar{border-bottom:1px solid var(--line);background:linear-gradient(180deg, var(--panel-2), var(--panel));grid-area:top;align-items:center;gap:20px;padding:0 20px;display:flex}.left{border-right:1px solid var(--line);background:var(--panel);grid-area:left;overflow-y:auto}.center{flex-direction:column;grid-area:center;min-width:0;min-height:0;display:flex}.right{border-left:1px solid var(--line);background:var(--panel);grid-area:right;overflow-y:auto}.brand{align-items:baseline;gap:10px;display:flex}.brand h1{letter-spacing:.2px;margin:0;font-size:15px;font-weight:650}.brand .sub{color:var(--ink-faint);letter-spacing:.3px;font-size:12px}.spacer{flex:1}.badge{color:var(--ink-dim);border:1px solid var(--line-strong);letter-spacing:.4px;border-radius:999px;padding:3px 9px;font-size:11px}.badge b{color:var(--ink);font-weight:600}.seg{background:var(--elev);border:1px solid var(--line);border-radius:999px;padding:3px;display:inline-flex}.seg button{appearance:none;color:var(--ink-dim);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:5px 13px;font-size:12px;font-weight:550;transition:color .15s,background .15s}.seg button:hover{color:var(--ink)}.seg button[aria-pressed=true]{background:var(--accent);color:#05121b}.section{border-bottom:1px solid var(--line);padding:16px}.section h2{text-transform:uppercase;letter-spacing:1.1px;color:var(--ink-faint);margin:0 0 11px;font-size:10.5px;font-weight:700}.field label{color:var(--ink-dim);margin-bottom:5px;font-size:11px;display:block}select,.input{background:var(--elev);width:100%;color:var(--ink);border:1px solid var(--line-strong);border-radius:var(--radius-sm);font:inherit;padding:8px 10px;font-size:13px}select:focus,.input:focus{border-color:var(--accent);outline:none}.legend{flex-direction:column;gap:7px;display:flex}.legend .row{color:var(--ink-dim);align-items:center;gap:9px;font-size:12px;display:flex}.legend .row.click{cursor:pointer}.legend .row.click:hover{color:var(--ink)}.swatch{border-radius:3px;flex:none;width:12px;height:12px;box-shadow:inset 0 0 0 1px #ffffff14}.legend .count{color:var(--ink-faint);margin-left:auto;font-size:11px}.protolist{grid-template-columns:1fr 1fr;gap:7px;display:grid}.protochip{border-radius:var(--radius-sm);background:var(--elev);border:1px solid var(--line);cursor:pointer;align-items:center;gap:8px;padding:7px 9px;transition:border-color .15s,background .15s;display:flex}.protochip:hover{border-color:var(--line-strong);background:var(--panel-2)}.protochip.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.protochip .dot{border-radius:50%;flex:none;width:10px;height:10px}.protochip .pk{font-size:12px;font-weight:600}.protochip .pk small{color:var(--ink-faint);margin-left:3px;font-weight:500}.scatter-wrap{background:radial-gradient(120% 120% at 50% 30%, #0d1220 0%, var(--bg) 70%);flex:1;min-height:0;position:relative}.scatter-wrap canvas{display:block}.overlay{pointer-events:none;position:absolute;inset:0}.proto-marker{pointer-events:all;cursor:pointer}.scatter-label{color:var(--ink-dim);letter-spacing:.4px;text-transform:uppercase;pointer-events:none;font-size:11px;font-weight:600;position:absolute;top:14px;left:16px}.scatter-label span{text-transform:none;color:var(--ink-faint);letter-spacing:.2px;margin-top:2px;font-weight:400;display:block}.scatter-hint{color:var(--ink-faint);border:1px solid var(--line);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0d13b3;border-radius:8px;padding:6px 10px;font-size:11.5px;position:absolute;bottom:14px;left:16px}.tooltip{pointer-events:none;z-index:20;border:1px solid var(--line-strong);box-shadow:var(--shadow);white-space:nowrap;background:#10141df5;border-radius:8px;padding:8px 10px;font-size:11.5px;position:absolute;transform:translate(-50%,calc(-100% - 12px))}.tooltip .k{color:var(--ink-faint)}.tooltip .v{color:var(--ink);font-weight:600}.hypno{border-top:1px solid var(--line);background:var(--panel);flex-direction:column;height:156px;padding:12px 16px 10px;display:flex}.hypno .hd{align-items:baseline;gap:12px;margin-bottom:6px;display:flex}.hypno .hd h2{text-transform:uppercase;letter-spacing:1.1px;color:var(--ink-faint);margin:0;font-size:10.5px;font-weight:700}.hypno .hd .who{color:var(--ink-dim);font-size:12px}.hypno .hd .lg{color:var(--ink-dim);gap:14px;margin-left:auto;font-size:11px;display:flex}.hypno .hd .lg i{vertical-align:middle;border-top-style:solid;border-top-width:2px;width:14px;height:0;margin-right:5px;display:inline-block}.hypno canvas{cursor:crosshair;flex:1;width:100%}.rp{padding:16px}.rp .empty{color:var(--ink-faint);text-align:center;padding:40px 20px;font-size:13px;line-height:1.7}.card-head{align-items:center;gap:10px;margin-bottom:4px;display:flex}.card-head .pill{color:#05121b;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700}.card-head h3{margin:0;font-size:15px;font-weight:650}.muted{color:var(--ink-dim)}.faint{color:var(--ink-faint)}.kv{border-bottom:1px solid var(--line);justify-content:space-between;padding:4px 0;font-size:12.5px;display:flex}.kv .k{color:var(--ink-dim)}.kv .v{font-weight:600}.block{margin-top:18px}.block>h4{text-transform:uppercase;letter-spacing:1px;color:var(--ink-faint);margin:0 0 9px;font-size:10.5px;font-weight:700}.rule{flex-direction:column;gap:8px;display:flex}.rule .s{color:var(--ink);border-left:2px solid var(--line-strong);padding-left:12px;font-size:12.5px;line-height:1.5}.rule .s b{color:var(--accent);font-weight:600}.bars{flex-direction:column;gap:6px;display:flex}.bar{grid-template-columns:58px 1fr 46px;align-items:center;gap:8px;font-size:11.5px;display:grid}.bar .name{color:var(--ink-dim)}.bar .track{background:var(--elev);border-radius:4px;height:8px;position:relative;overflow:hidden}.bar .fill{border-radius:4px;position:absolute;top:0;bottom:0}.bar .fill.pos{background:var(--accent);left:50%}.bar .fill.neg{background:var(--ink-faint);right:50%}.bar .val{text-align:right;color:var(--ink)}.bar .center-tick{background:var(--line-strong);width:1px;position:absolute;top:-1px;bottom:-1px;left:50%}.prob{flex-direction:column;gap:6px;display:flex}.prob .row{grid-template-columns:34px 1fr 40px;align-items:center;gap:8px;font-size:12px;display:grid}.prob .track{background:#ffffff17;border-radius:5px;height:16px;display:block;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f}.prob .fill{border-radius:5px;min-width:2px;height:100%;display:block}.prob .row.pred .track{box-shadow:inset 0 0 0 1px #ffffff38}.prob .row.truth .name{font-weight:700}.prob .val{text-align:right}canvas.plot{border-radius:var(--radius-sm);background:var(--panel-2);width:100%;display:block}.channels{flex-direction:column;gap:10px;display:flex}.chan h5{color:var(--ink-dim);margin:0 0 3px;font-size:11px;font-weight:600}.match-line{align-items:center;gap:8px;margin:4px 0 2px;font-size:12.5px;display:flex}.dist-chip{font-family:var(--mono);color:var(--ink-dim);background:var(--elev);border-radius:6px;padding:2px 7px;font-size:11px}.loader{color:var(--ink-faint);padding:8px 0;font-size:12px}.appmsg{color:var(--ink-dim);place-items:center;display:grid;position:absolute;inset:0}.tour-btn{appearance:none;border:1px solid var(--accent);color:var(--accent);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:6px 13px;font-size:12px;font-weight:600;transition:background .15s,color .15s}.tour-btn:hover{background:#5ac8fa1f}.tour-btn.on{background:var(--accent);color:#05121b}.story{z-index:50;background:linear-gradient(180deg, var(--elev), var(--panel-2));border:1px solid var(--line-strong);border-radius:var(--radius);width:min(680px,100vw - 40px);box-shadow:var(--shadow);padding:16px 18px 14px;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.story-top{align-items:baseline;gap:10px;display:flex}.story-tag{text-transform:uppercase;letter-spacing:1px;color:#05121b;background:var(--accent);border-radius:999px;padding:2px 8px;font-size:10.5px;font-weight:700}.story-title{color:var(--ink);font-size:15px;font-weight:650}.story-x{appearance:none;color:var(--ink-faint);cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:15px}.story-x:hover{color:var(--ink)}.story-body{color:var(--ink-dim);margin:9px 0 12px;font-size:13px;line-height:1.62}.story-body b{color:var(--ink);font-weight:600}.story-nav{align-items:center;display:flex}.story-dots{gap:7px;display:flex}.story-dots .dot{background:var(--line-strong);cursor:pointer;border-radius:50%;width:8px;height:8px;transition:background .15s}.story-dots .dot.on{background:var(--accent)}.story-btns{gap:8px;margin-left:auto;display:flex}.story-btns button{appearance:none;border:1px solid var(--line-strong);background:var(--elev);color:var(--ink-dim);border-radius:var(--radius-sm);font:inherit;cursor:pointer;padding:7px 14px;font-size:12.5px}.story-btns button:hover:not(:disabled){color:var(--ink);border-color:var(--accent)}.story-btns button:disabled{opacity:.4;cursor:default}.story-btns .primary{background:var(--accent);color:#05121b;border-color:var(--accent);font-weight:600}.claimtag{align-items:center;gap:7px;margin:0 0 8px;display:inline-flex}.ct-tag{text-transform:uppercase;letter-spacing:.8px;color:var(--accent-2);border:1px solid var(--accent-2);border-radius:999px;padding:1px 7px;font-size:9.5px;font-weight:700}.ct-title{color:var(--ink-dim);font-size:11.5px;font-style:italic}.plausible{border-radius:var(--radius-sm);border:1px solid var(--line);align-items:flex-start;gap:8px;margin:8px 0 2px;padding:8px 10px;font-size:11.5px;line-height:1.5;display:flex}.plausible.ok{background:#46d39a17;border-color:#46d39a66}.plausible.off{background:#e8664f17;border-color:#e8664f66}.plausible .pl-dot{border-radius:50%;flex:none;width:9px;height:9px;margin-top:3px}.plausible.ok .pl-dot{background:var(--good)}.plausible.off .pl-dot{background:var(--bad)}.plausible .pl-txt{color:var(--ink-dim)}.plausible .pl-txt b{color:var(--ink)}.protogram{border-top:1px solid var(--line);background:var(--panel);flex-direction:column;height:74px;padding:10px 16px 8px;display:flex}.protogram .hd{align-items:baseline;gap:12px;margin-bottom:5px;display:flex}.protogram .hd h2{text-transform:uppercase;letter-spacing:1.1px;color:var(--ink-faint);margin:0;font-size:10.5px;font-weight:700}.protogram .hd .who{font-size:11.5px}.protogram canvas{cursor:crosshair;flex:1;width:100%}.pg-lg{flex-wrap:wrap;gap:5px;margin-left:auto;display:flex}.pgchip{appearance:none;border:1px solid var(--line);background:var(--elev);color:var(--ink-dim);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:4px;padding:1px 7px 1px 4px;font-size:10.5px;display:inline-flex}.pgchip:hover{color:var(--ink);border-color:var(--line-strong)}.pgchip i{border-radius:2px;width:9px;height:9px;display:inline-block}