:root{--bg:#0c0d0d;--panel:#111313;--line:#2a2d2d;--soft:#202323;--text:#eceee9;--muted:#858b88;--dim:#555b58;--male:#dce53b;--female:#60a9ff;--signal:#ef7c45;--mono:Consolas,monospace;--sans:Segoe UI,Arial,sans-serif}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{font-family:var(--mono);font-size:12px;letter-spacing:.02em;background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:32px 32px}button,input{font:inherit}button{color:inherit}.shell{min-height:100vh;display:flex;flex-direction:column}
.topbar{height:54px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:230px 1fr auto;align-items:center;padding:0 18px;background:rgba(12,13,13,.94);position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.brand{color:var(--text);text-decoration:none;display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.12em}.brand-logo{width:31px;height:31px;display:block;object-fit:contain}.topbar-center{text-align:center;color:var(--muted)}.slash{margin:0 12px;color:var(--dim)}.system-status{display:flex;gap:14px;align-items:center;color:var(--muted);font-size:10px}.system-status i{width:6px;height:6px;border-radius:50%;background:var(--male);box-shadow:0 0 0 3px rgba(220,229,59,.08)}.x-link{height:28px;padding:0 9px;border:1px solid var(--line);display:flex;align-items:center;gap:7px;color:var(--text);text-decoration:none;letter-spacing:.06em;transition:border-color .18s,background .18s}.x-link b{font:600 10px var(--sans)}.x-link:hover{border-color:var(--text);background:#191b1b}
.workspace{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 286px;grid-template-rows:minmax(540px,calc(100vh - 286px)) 194px}.hero-panel{min-width:0;padding:28px 28px 22px;border-right:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;gap:36px;align-items:flex-end}.eyebrow,.control-label{color:var(--muted);font-size:10px;letter-spacing:.12em;margin:0 0 13px}h1{margin:0;font-family:var(--sans);font-size:clamp(36px,4vw,64px);line-height:.88;letter-spacing:-.065em;font-weight:600}.experiment-copy{width:350px;color:#b2b7b3;line-height:1.6}.experiment-copy p{margin:0 0 14px}.legend{display:flex;gap:18px;font-size:9px;color:var(--muted)}.legend span:before{content:'';display:inline-block;width:14px;height:2px;margin-right:6px;vertical-align:middle}.male-key:before{background:var(--male)}.female-key:before{background:var(--female)}.signal-key:before{background:var(--signal)}
.comparison-stage{height:calc(100% - 118px);min-height:340px;margin-top:26px;border:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) 168px minmax(0,1fr);background:var(--panel);position:relative}.brain-column{min-width:0;display:grid;grid-template-rows:34px minmax(160px,1fr) 108px}.brain-column.male{border-right:1px solid var(--soft)}.brain-column.female{border-left:1px solid var(--soft)}.brain-meta{padding:0 12px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:9px;border-bottom:1px solid var(--soft)}.canvas-wrap{position:relative;min-width:0;overflow:hidden;background:radial-gradient(circle at 50% 48%,rgba(255,255,255,.025),transparent 58%)}.canvas-wrap:before,.canvas-wrap:after{content:'';position:absolute;pointer-events:none;background:var(--soft)}.canvas-wrap:before{left:50%;top:0;width:1px;height:100%}.canvas-wrap:after{top:50%;left:0;width:100%;height:1px}.canvas-wrap canvas{width:100%;height:100%;display:block;position:relative;z-index:1}.canvas-readout{position:absolute;left:12px;bottom:10px;z-index:2;display:flex;flex-direction:column}.canvas-readout strong{font-family:var(--sans);font-size:24px;font-weight:500;letter-spacing:-.03em}.canvas-readout span{color:var(--muted);font-size:8px;margin-top:2px}.male .canvas-readout strong{color:var(--male)}.female .canvas-readout strong{color:var(--female)}.comparison-column .canvas-readout{display:none}
.response-bars{padding:13px 12px 8px;border-top:1px solid var(--soft);display:grid;gap:9px}.response-bars div{display:grid;grid-template-columns:76px 1fr 24px;align-items:center;gap:9px;font-size:8px;color:var(--muted)}.response-bars b{height:2px;background:#2a2d2c}.response-bars i{height:100%;width:50%;display:block;transition:width .4s ease}.response-bars em{text-align:right;font-style:normal;color:#aeb3af}.male .response-bars i{background:var(--male)}.female .response-bars i{background:var(--female)}
.stimulus-core{position:relative;display:grid;place-items:center;align-content:center;gap:22px;background:#0f1111}.signal-node{width:86px;height:86px;border:1px solid var(--signal);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#111;box-shadow:inset 0 0 0 8px rgba(239,124,69,.025);position:relative;z-index:2}.signal-node:before{content:'';position:absolute;inset:8px;border:1px dotted var(--signal);opacity:.35;border-radius:50%}.signal-node span,.signal-node small{font-size:7px;color:var(--muted);position:relative}.signal-node strong{font-size:12px;color:var(--signal);margin:4px 0;position:relative}.signal-line{position:absolute;height:1px;background:var(--signal);opacity:.45;width:calc(50% + 66px);top:43%;overflow:hidden}.signal-line.left{right:50%}.signal-line.right{left:50%}.signal-line i{display:block;width:22px;height:1px;background:#fff;box-shadow:0 0 7px var(--signal);animation:flow 1.7s linear infinite}.signal-line.left i{animation-direction:reverse}@keyframes flow{from{transform:translateX(-25px)}to{transform:translateX(190px)}}.delta-card{text-align:center;display:flex;flex-direction:column}.delta-card span,.delta-card small{font-size:7px;color:var(--muted)}.delta-card strong{font-family:var(--sans);font-size:26px;font-weight:500;letter-spacing:-.03em;margin:3px 0}.axis{position:absolute;left:50%;transform:translateX(-50%);color:var(--dim);font-size:8px;white-space:nowrap}.axis.top{top:13px}.axis.bottom{bottom:12px}.axis.bottom b{color:var(--muted);font-weight:400}
.control-panel{grid-row:1/span 2;grid-column:2;background:var(--panel);display:flex;flex-direction:column}.control-head,.data-head{height:40px;min-height:40px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 14px;color:#abb0ac;font-size:9px}.run-state{color:var(--male)}.control-section{padding:19px 14px;border-bottom:1px solid var(--line);position:relative}.segmented{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.segmented button{border:0;border-right:1px solid var(--line);height:33px;background:transparent;font-size:8px;color:var(--muted);cursor:pointer}.segmented button:last-child{border-right:0}.segmented button.active{background:var(--text);color:var(--bg)}.field-row{display:flex;justify-content:space-between;margin-top:19px;color:var(--muted);font-size:9px}.field-row output{color:var(--text)}.range{margin:12px 0 0;width:100%;height:2px;appearance:none;background:linear-gradient(to right,var(--signal) 42%,var(--line) 42%);outline:0}.range::-webkit-slider-thumb{appearance:none;width:8px;height:16px;background:var(--text);cursor:ew-resize}
.select-field{width:100%;border:1px solid var(--line);background:transparent;height:48px;display:flex;justify-content:space-between;align-items:center;text-align:left;padding:0 11px;cursor:pointer}.select-field small{display:block;color:var(--dim);font-size:7px;margin-bottom:4px}.select-field strong{font-size:10px;font-weight:500}.target-options{position:absolute;top:88px;left:14px;right:14px;z-index:5;border:1px solid var(--line);background:#171919}.target-options button{width:100%;display:block;border:0;border-bottom:1px solid var(--line);text-align:left;padding:11px;background:transparent;color:var(--muted);cursor:pointer}.target-options button:hover{color:var(--text);background:#1c1f1f}
.switch-section{display:flex;align-items:center;justify-content:space-between}.switch-section .control-label{margin-bottom:5px;display:block}.switch-section p{color:var(--dim);margin:0;font-size:8px}.switch{width:38px;height:20px;padding:2px;border:1px solid var(--line);background:transparent;cursor:pointer}.switch i{width:14px;height:14px;display:block;background:var(--muted);transition:.2s}.switch[aria-checked=true] i{transform:translateX(17px);background:var(--signal)}.compact-stats{flex:1}.compact-stats dl{margin:0}.compact-stats dl div{display:flex;justify-content:space-between;border-bottom:1px solid var(--soft);padding:10px 0;font-size:8px}.compact-stats dt{color:var(--dim)}.compact-stats dd{margin:0;color:#adb2ae}.primary-action{margin:14px;height:46px;border:1px solid var(--text);background:var(--text);color:var(--bg);display:flex;justify-content:space-between;align-items:center;padding:0 14px;cursor:pointer;font-weight:700}.primary-action span:last-child{font-size:8px;opacity:.5;font-weight:400}.primary-action.paused{background:transparent;color:var(--text)}
.data-panel{min-width:0;border-right:1px solid var(--line);border-top:1px solid var(--line);display:flex;flex-direction:column}.data-head>div{display:flex;gap:20px}.muted{color:var(--dim)}.trace-legend{gap:5px!important}.trace-legend span,.event-log>li>span{width:17px;height:17px;display:grid;place-items:center;font-size:8px;border:1px solid}.trace-m,.event-m{color:var(--male);border-color:var(--male)!important}.trace-f,.event-f{color:var(--female);border-color:var(--female)!important}.event-i{color:var(--signal);border-color:var(--signal)!important}#traceChart{width:100%;flex:1;min-height:0;display:block}.event-panel{border-top:1px solid var(--line);display:none}.data-head button{background:transparent;border:0;color:var(--dim);font-size:8px;cursor:pointer}.event-log{list-style:none;margin:0;padding:0;overflow:auto}.event-log li{display:grid;grid-template-columns:70px 22px 1fr;gap:8px;align-items:center;padding:9px 14px;border-bottom:1px solid var(--soft);font-size:8px}.event-log time{color:var(--dim)}.event-log p{margin:0;color:var(--muted)}
.interactive{cursor:grab}.interactive:active{cursor:grabbing}
.fact-rows{padding:10px 12px;border-top:1px solid var(--soft);display:grid}.fact-rows div{display:flex;justify-content:space-between;align-items:center;min-height:28px;border-bottom:1px solid var(--soft);font-size:8px}.fact-rows div:last-child{border:0}.fact-rows span{color:var(--dim)}.fact-rows strong{font-weight:400;color:#b8bdb9}.male .fact-rows strong{color:var(--male)}.comparison-column .fact-rows strong{color:var(--female)}
.layer-tabs{grid-template-columns:repeat(4,1fr)}.projection-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.projection-grid button{height:32px;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:8px;cursor:pointer}.projection-grid button.active{color:var(--bg);background:var(--text)}.not-run{color:var(--signal)!important}.ca-box{margin-top:13px;border:1px solid var(--line);background:#0d0f0f;padding:10px}.ca-box>span{display:block;color:var(--dim);font-size:7px;letter-spacing:.1em;margin-bottom:8px}.ca-box>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}.ca-box strong{min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--signal);font-size:9px;font-weight:500}.ca-box button{height:24px;padding:0 8px;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:7px}.ca-box button:disabled{cursor:not-allowed;opacity:.35}
.data-spine{position:absolute;top:26px;bottom:26px;width:1px;background:linear-gradient(transparent,var(--male),var(--female),transparent);opacity:.5}.stimulus-core .signal-node{border-radius:2px;border-color:var(--line);width:110px;height:72px;box-shadow:none}.stimulus-core .signal-node:before{display:none}.stimulus-core .signal-node strong{color:var(--text)}
.compact-stats{padding-top:15px;padding-bottom:12px}.compact-stats dl div{padding:8px 0}
.footer{min-height:33px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 18px;color:var(--dim);font-size:7px}.footer p{margin:0;text-align:center}.footer span:last-child{text-align:right}
@media(max-width:900px){.topbar{grid-template-columns:1fr auto}.topbar-center{display:none}.workspace{display:block}.hero-panel{border-right:0;padding:22px 14px}.section-head{align-items:flex-start}.comparison-stage{height:560px;grid-template-columns:1fr 110px 1fr}.control-panel{border-top:1px solid var(--line)}.compact-stats{min-height:150px}.data-panel{height:210px}.event-panel{display:block;height:220px}}
@media(max-width:620px){.topbar{padding:0 12px}.system-status span:nth-child(2),.experiment-copy,.footer p{display:none}.section-head{display:block}h1{font-size:42px}.comparison-stage{height:auto;min-height:0;display:grid;grid-template-columns:1fr}.brain-column{height:410px}.stimulus-core{height:180px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.signal-line{display:none}.brain-column.male,.brain-column.female{border:0}.footer{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.system-status{gap:8px}.x-link{width:29px;padding:0;justify-content:center}.x-link span{display:none}#clock{font-size:8px}}