:root{color-scheme:dark;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#edf0e4;background:#111714;font-synthesis:none;--muted:#a1b0a3;--line:#354239;--lime:#d4ed9e}*{box-sizing:border-box}body{margin:0}button{font:inherit}main{min-height:100svh;max-width:1800px;margin:auto;padding:30px 38px 20px;display:flex;flex-direction:column}.masthead{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 0 27px}.identity{display:flex;align-items:center;gap:19px;font-size:22px;font-weight:750;letter-spacing:.06em}.identity-divider{font-weight:300;color:#647564}.identity span:last-child,.edition,.eyebrow,.scene-caption,.live-label,.transcript-footer,footer span:last-child{font-family:"SFMono-Regular",Consolas,monospace;font-size:12px;font-weight:400;letter-spacing:.09em}.identity span:last-child{color:#c2ccb9;font-size:13px}.edition{color:var(--muted)}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,350px);gap:18px;flex:1;min-height:650px}.conversation{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#1a251e}.scene-frame{position:relative;min-height:500px;flex:1;background:#293b30;isolation:isolate}.scene-heading{position:absolute;top:30px;left:30px;z-index:1;pointer-events:none}.eyebrow{color:#c4d3b8}h1{font-size:clamp(32px,3.2vw,54px);font-weight:450;letter-spacing:-.055em;line-height:1.08;margin:12px 0}#fly-scene{display:block;width:100%;height:100%;position:absolute;inset:0;cursor:grab;touch-action:pan-y}#fly-scene:active{cursor:grabbing}.scene-caption{position:absolute;bottom:22px;left:28px;right:28px;display:flex;justify-content:space-between;gap:16px;pointer-events:none;color:#c5d3bb;font-size:12px}.scene-fallback{position:absolute;top:48%;left:10%;right:10%;text-align:center;line-height:1.7;color:#e1e9d4}.call-dock{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:22px;padding:25px 28px;border-top:1px solid #4b5e493f;min-height:117px}.call-status{display:flex;align-items:flex-start;gap:13px;flex:1;min-width:190px}.status-light{flex:none;width:8px;height:8px;border-radius:50%;background:#7f9280;margin-top:7px}.status-light[data-state="listening"],.status-light[data-state="speaking"]{background:var(--lime);box-shadow:0 0 13px #d4ed9e60}.status-light[data-state="thinking"],.status-light[data-state="transcribing"]{background:#e3c77e}#status{font-size:16px;font-weight:500;margin:0;line-height:1.45}.hint{font-size:14px;line-height:1.5;color:var(--muted);margin:5px 0 0}#call{display:inline-flex;align-items:center;justify-content:center;gap:11px;background:var(--lime);color:#223022;min-height:51px;padding:14px 21px;border:1px solid transparent;border-radius:9px;cursor:pointer;font-size:14px;font-weight:650;white-space:nowrap;transition:background .2s,transform .2s}#call:hover:not(:disabled){background:#e3ffb3;transform:translateY(-1px)}#call:focus-visible{outline:3px solid #fff;outline-offset:4px}#call:disabled{opacity:.5;cursor:wait}#call[data-active="true"]{background:#3b2d29;border-color:#8c5a49;color:#f5cbb9}.button-icon{width:19px;height:19px;display:inline-flex}.button-icon svg{width:100%;height:100%;transition:transform .25s}#call[data-active="true"] .button-icon svg{transform:rotate(135deg)}.error{flex-basis:100%;color:#ffc4b6;font-size:14px;margin:0;line-height:1.5}.transcript-panel{border:1px solid var(--line);border-radius:16px;background:#17201b;display:flex;flex-direction:column;min-width:0;overflow:hidden}.transcript-heading{padding:24px 24px 23px;display:flex;justify-content:space-between;align-items:center;gap:14px;border-bottom:1px solid var(--line)}h2{font-size:16px;font-weight:500;letter-spacing:-.02em;margin:0}.live-label{font-size:12px;color:#9baa98;letter-spacing:.07em}.live-label[data-active="true"]{color:var(--lime)}.transcript-body{position:relative;flex:1;min-height:400px}.transcript-empty{padding:48px 27px;position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.empty-mark{font-family:Georgia,serif;font-size:100px;height:66px;color:#8aa075;line-height:1}.transcript-empty h3{font-family:Georgia,"Times New Roman",serif;font-size:32px;line-height:1.12;font-weight:400;letter-spacing:-.03em;margin:20px 0 15px}.transcript-empty p{font-size:14px;line-height:1.7;color:var(--muted);max-width:230px;margin:0}.transcript{position:absolute;inset:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#596b52 transparent;padding:25px}.turn{font-size:16px;line-height:1.65;display:flex;flex-direction:column;gap:7px;padding-bottom:22px;margin:0 0 22px;border-bottom:1px solid #344135;overflow-wrap:anywhere}.turn:last-child{border-bottom:0;margin-bottom:0}.turn strong{font-family:"SFMono-Regular",Consolas,monospace;font-weight:400;font-size:12px;letter-spacing:.12em;color:#d4ed9e}.turn.user strong{color:#a1b0a3}.turn span{white-space:pre-wrap}.transcript-footer{padding:18px 24px;border-top:1px solid var(--line);color:#91a18e;display:flex;justify-content:space-between;gap:15px;font-size:12px}.transcript-footer span:last-child{letter-spacing:0}footer{display:flex;justify-content:space-between;gap:20px;color:#91a18e;font-size:12px;line-height:1.6;padding-top:20px}footer span:last-child{font-size:12px}[hidden]{display:none!important}@media(min-width:1000px){.workspace{min-height:min(750px,calc(100svh - 139px))}}@media(max-width:1100px){main{padding:24px}.workspace{grid-template-columns:minmax(0,1fr) 310px}.call-dock{padding:22px;gap:18px}.scene-heading{left:24px}.scene-caption{font-size:12px}}@media(max-width:800px){.workspace{grid-template-columns:1fr;min-height:0}.scene-frame{min-height:470px}.transcript-body{min-height:340px}.transcript-empty{padding:26px}.transcript-empty h3 br{display:none}.empty-mark{height:40px;font-size:70px}.transcript-empty h3{font-size:28px}.transcript-empty p{max-width:100%}.transcript-heading{padding:20px 24px}.edition{display:none}footer{flex-direction:column;gap:5px}.call-dock{flex-wrap:wrap}}@media(max-width:480px){main{padding:20px 14px 16px}.masthead{padding:0 4px 20px}.identity{font-size:20px;gap:13px}.identity span:last-child{font-size:12px}.scene-frame{min-height:430px}.scene-heading{top:24px;left:20px}.eyebrow{font-size:12px}h1{font-size:36px}.scene-caption{left:20px;right:20px;font-size:12px;gap:8px;flex-wrap:wrap}.call-dock{padding:21px 20px;gap:19px}#call{width:100%;min-height:52px}.transcript-panel,.conversation{border-radius:12px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* Live scientific display, separate from the conversational character. */
.workspace{grid-template-columns:minmax(0,1.25fr) minmax(350px,1fr);align-items:stretch}
.neural-panel{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#14211c;min-width:0;display:flex;flex-direction:column}
.neural-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:23px 20px 0}.neural-heading .eyebrow{font-size:12px;color:#a1b99c}.neural-heading h2{font-size:22px;margin-top:7px;letter-spacing:-.035em}.neural-subtitle{font-size:14px;line-height:1.6;color:#b4c5b1;padding:0 20px;margin:13px 0 8px}.neural-subtitle span{display:block;font-size:12px;color:#899e8b}.neural-canvas{display:block;width:100%;height:300px;min-height:250px;flex:1;background:#101e1a;outline-offset:-3px;cursor:crosshair}.neural-canvas:focus-visible{outline:2px solid var(--lime)}.neural-legend{display:flex;flex-wrap:wrap;gap:8px 12px;padding:13px 20px 15px;font-size:12px;color:#c1cdbc;line-height:1.4}.neural-legend span{display:inline-flex;align-items:center;gap:5px}.neural-legend span::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--role-color)}.neural-legend .stim-legend::before{background:transparent;border:1px solid #fff2bb;width:8px;height:8px}.neural-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border-top:1px solid var(--line);padding:15px 20px}.neural-stats strong{display:block;font-family:"SFMono-Regular",Consolas,monospace;font-size:19px;font-weight:400;color:#dce9cd;white-space:nowrap}.neural-stats span{display:block;font-size:12px;line-height:1.4;color:#9baf9c;margin-top:5px}.neuron-inspector{padding:14px 20px;background:#1b2c23;border-top:1px solid #354239;min-height:96px}.neuron-inspector>div{display:flex;justify-content:space-between;gap:12px;align-items:center}.neuron-inspector strong{font-size:14px;font-weight:500;overflow-wrap:anywhere}.neuron-inspector [data-neural="cell-rate"]{font-family:Consolas,monospace;font-size:14px;white-space:nowrap;color:var(--lime)}.neuron-inspector p{font-size:12px;color:#a6b8a4;line-height:1.6;margin:7px 0 0;overflow-wrap:anywhere}.neural-controls{padding:14px 20px;display:grid;gap:10px}.neural-control-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.neural-controls button,.neural-controls select{font:inherit;font-size:14px;min-height:36px;border:1px solid #52614d;border-radius:6px;background:#223426;color:#e5edda;padding:7px 11px;cursor:pointer}.neural-controls button:hover:not(:disabled){background:#314936}.neural-controls button:disabled{opacity:.4;cursor:default}.neural-controls button:focus-visible,.neural-controls select:focus-visible,.neural-explainer summary:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.auto-pulses{font-size:13px;display:flex;align-items:center;gap:5px;margin-left:auto;color:#c2cfb8}.auto-pulses input{accent-color:#badc8c;width:15px;height:15px}.neural-control-row select{min-width:0;flex:1}.neural-explainer{padding:15px 20px;border-top:1px solid var(--line);font-size:14px;line-height:1.6;color:#a6b8a4}.neural-explainer summary{cursor:pointer;color:#d3e0c9}.neural-explainer p{margin:12px 0}.neural-explainer a{color:#d4ed9e}.neural-error{margin:0;padding:0 20px 15px;font-size:14px;line-height:1.5;color:#ffc4b6}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1250px){.workspace{grid-template-columns:minmax(0,1.25fr) minmax(310px,1fr)}.transcript-panel{grid-column:1/-1}.transcript-body{min-height:260px}.transcript-empty{padding:26px}.transcript-empty h3 br{display:none}.transcript-empty h3{font-size:28px}.transcript-empty p{max-width:none}.empty-mark{height:32px;font-size:64px}.neural-canvas{height:290px}.scene-heading .eyebrow{max-width:240px;display:block;line-height:1.5}}
@media(max-width:800px){.workspace{grid-template-columns:1fr}.neural-panel{grid-column:auto}.transcript-panel{grid-column:auto}.neural-canvas{height:350px;flex:none}.neural-heading,.neural-subtitle,.neural-legend,.neural-stats,.neuron-inspector,.neural-controls,.neural-explainer{padding-left:20px;padding-right:20px}.neural-panel{border-radius:12px}}

.neural-input{display:flex;align-items:center;gap:16px;padding:7px 20px 15px;color:#d4ed9e;font-size:13px}.neural-input span{flex:1}.neural-input meter{width:95px;height:8px;accent-color:#d4ed9e}.neural-heading .eyebrow{display:block;line-height:1.5;max-width:220px}
#call[data-active="true"]:hover:not(:disabled){background:#4b3630;color:#f5cbb9}

/* Graph controls and neuron details stay with the anatomy. */
.neural-viewport{position:relative;flex:1;min-height:360px;background:#07151d;overflow:hidden}
.neural-viewport .neural-canvas{position:absolute;inset:0;width:100%;height:100%;min-height:0;cursor:grab;touch-action:none}
.neural-viewport .neural-canvas:active{cursor:grabbing}
.graph-gesture{position:absolute;left:16px;bottom:18px;color:#97acb3;font-size:12px;pointer-events:none}
.graph-zoom{position:absolute;right:12px;bottom:10px;display:flex;align-items:center;border:1px solid #3c555d;border-radius:9px;background:#0b1d25ed;overflow:hidden}
.graph-zoom button{border:0;background:transparent;color:#e8f0e7;width:36px;height:36px;font-size:22px;cursor:pointer}
.graph-zoom button:hover{background:#29434a}.graph-zoom button:focus-visible{outline:2px solid var(--lime);outline-offset:-3px}
.graph-zoom output{font-size:12px;color:#b4c6cb;min-width:42px;text-align:center}
.graph-neuron{position:absolute;z-index:2;width:235px;max-width:calc(100% - 20px);padding:11px 13px;border:1px solid #516871;border-radius:8px;background:#0b1b24f2;color:#e9f1eb;font-size:13px;pointer-events:none;box-shadow:0 5px 18px #0004}
.graph-neuron[hidden]{display:none}.graph-neuron strong{font-size:14px}.graph-neuron span{float:right;color:var(--lime);font-family:monospace}.graph-neuron p{margin:7px 0 0;color:#b4c6cb;line-height:1.4;overflow-wrap:anywhere}
@media(max-width:800px){.neural-viewport{flex:none;height:390px;min-height:0}.graph-gesture{bottom:55px;font-size:12px}.graph-zoom button{width:40px;height:40px}}

.project-source{margin:0;padding:15px 20px;border-top:1px solid var(--line);font-size:.875rem;line-height:1.6}.project-source a{color:var(--muted);text-decoration:none}.project-source a span+span{margin-left:4px}.project-source a:hover{color:var(--lime);text-decoration:underline;text-underline-offset:4px}.project-source a:focus-visible{outline:2px solid var(--lime);outline-offset:4px;border-radius:2px}

.hint:empty{display:none}