@font-face{font-family:Manrope;src:url('/assets/hybrid/manrope-regular.ttf');font-weight:400;font-display:swap}@font-face{font-family:Plex;src:url('/assets/hybrid/mono.ttf');font-display:swap}
:root{color-scheme:dark;--ink:#efece2;--muted:#9eada4;--bg:#111b19;--mono:Plex,monospace;--warm:#d7b89f}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}body{background:var(--bg);color:var(--ink);font:14px/1.6 Manrope,Arial,sans-serif}p,h2{margin:0}button{font:inherit;cursor:pointer}button:focus-visible{outline:2px solid #c4d8b4;outline-offset:3px}[hidden]{display:none!important}.mono{font:8px/1.6 var(--mono);text-transform:uppercase;letter-spacing:.08em}
.story-visual{--focus-color:#bdd2bc;position:relative;height:100%;display:flex;flex-direction:column;isolation:isolate;padding:21px 22px 13px;border:1px solid #34483e;border-radius:17px;background:linear-gradient(155deg,#1a2b23b3,#101a17e6 64%);overflow:hidden}
.visual-top{display:flex;justify-content:space-between;gap:12px;color:#9bb1a0;flex:none}.visual-top #beat-number{color:#748f7b;white-space:nowrap}.view-status{display:flex;align-items:center;justify-content:space-between;padding:14px 0 0;gap:18px;flex:none;z-index:3;font:9px/1.4 var(--mono);color:#819989}.view-status #view-mode{display:flex;align-items:center;gap:7px}.view-status #view-mode::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--focus-color);box-shadow:0 0 10px color-mix(in srgb,var(--focus-color) 35%,transparent)}#view-scale{font-variant-numeric:tabular-nums;color:#adc0ad}
.brain-viewport{position:relative;flex:1;min-height:80px;margin:0 -15px;isolation:isolate;touch-action:pan-y}.brain-viewport::before{content:'';position:absolute;inset:4% 0 0;border-radius:50%;background:radial-gradient(ellipse at 50% 47%,color-mix(in srgb,var(--focus-color) 13%,transparent),transparent 64%);pointer-events:none;z-index:-1}.brain-viewport canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity 650ms ease}.brain-viewport.is-ready canvas{opacity:1}.brain-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:lighten;transition:opacity 450ms ease}.brain-viewport.is-ready .brain-fallback{opacity:0}.loading-label{position:absolute;left:0;right:0;bottom:20px;text-align:center;color:#a6bba8}
.visual-description{flex:none;padding:17px 0 0;min-height:165px;border-top:1px solid #35493b}.visual-description>.mono{color:#8caa91;font-size:8px}.visual-description h2{font-size:clamp(21px,4.9vw,31px);line-height:1.18;letter-spacing:-.035em;max-width:440px;margin-top:8px;color:#e5ecde;font-weight:400}.visual-description>p:last-child{color:#a3b49e;font-size:11px;line-height:1.8;margin-top:10px;max-width:480px}#focus-legend{display:flex;flex-wrap:wrap;gap:5px;margin-top:11px}#focus-legend:empty{display:none}.focus-legend-item{border:0;background:transparent;padding:4px 8px 4px 0;color:#94a990;display:flex;align-items:center;gap:6px;font-size:10px;line-height:1.5;text-align:left}.focus-legend-item::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--region-color);flex:none}.focus-legend-item[aria-pressed=true],.focus-legend-item:hover{color:var(--region-color)}.focus-reset{padding:6px 0 0;font-size:10px;color:#bcc9b3;background:none;border:0;flex-basis:100%;text-align:left;text-decoration:underline;text-underline-offset:3px}
.visual-bottom{display:flex;padding:13px 0 0;gap:12px;flex:none;min-height:40px;justify-content:flex-end;align-items:center}.visual-bottom button{background:none;border:0;font-size:10px;padding:5px 0;color:#a9bda3}.visual-bottom button:hover{color:#f1f5eb}.visual-bottom #context-toggle{margin-right:auto;background:#243a2d;border:1px solid #47644e;padding:7px 11px;border-radius:5px;color:#d2e1c8}.anatomy-note{margin-top:9px;padding-top:10px;border-top:1px solid #2a3e30;color:#839b86;font-size:7px;text-align:center;flex:none}
.brain-leaders{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;overflow:visible;stroke-width:1;opacity:.8}.brain-marker{position:absolute;top:0;left:0;opacity:0;z-index:2;pointer-events:none;will-change:transform}.brain-marker i{display:block;width:5px;height:5px;border-radius:50%;background:var(--region-color);box-shadow:0 0 0 4px color-mix(in srgb,var(--region-color) 10%,transparent)}.brain-marker span{position:absolute;left:28px;top:-10px;font-size:9px;letter-spacing:.01em;line-height:1.6;padding:4px 8px;white-space:nowrap;border:1px solid color-mix(in srgb,var(--region-color) 45%,transparent);border-radius:4px;color:var(--region-color);background:#101d18f5;box-shadow:0 4px 16px #00000022}.brain-marker.label-left span{left:auto;right:28px}
@media(max-height:640px){.story-visual{padding:13px 15px 10px}.visual-description{min-height:0;padding-top:12px}.visual-description h2{font-size:22px}.visual-description>p:last-child{font-size:10px;line-height:1.65}.visual-description>.mono{display:none}.visual-bottom{padding-top:8px}.anatomy-note{margin-top:6px;padding-top:6px}}
@media(max-height:340px){.story-visual{padding:8px 11px;border:0;border-radius:0}.visual-top .mono{font-size:6px}.view-status{position:absolute;left:12px;right:12px;top:29px;padding:0;font-size:7px;pointer-events:none}.brain-viewport{position:absolute;inset:34px 0 54px;margin:0;min-height:0}.visual-description{position:absolute;bottom:30px;left:12px;right:12px;padding:0;border:0;pointer-events:none}.visual-description h2{font-size:13px;margin:0}.visual-description>p:last-child,.visual-description>.mono,#focus-legend,.anatomy-note{display:none}.visual-bottom{position:absolute;bottom:4px;left:12px;right:12px;min-height:22px;padding:0;z-index:4}.visual-bottom button{font-size:8px}.visual-bottom #context-toggle{padding:4px 7px}.brain-marker span{font-size:7px;padding:3px 5px}}
@media(prefers-reduced-motion:reduce){*,*::before{transition:none!important;animation:none!important}}.story-visual[data-motion=paused] *, .story-visual[data-motion=paused] *::before{transition:none!important;animation:none!important}
.tour-guide{flex:none;padding:0 0 13px}.tour-guide>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px;font:8px/1.5 var(--mono);color:#a4bfa9}.tour-guide>div:first-child span:last-child{font-size:6px;letter-spacing:.12em;color:#789781}.tour-track{height:2px;background:#2a3e32;margin-top:9px;overflow:hidden}.tour-track i{display:block;height:100%;background:#b3d5ae;transform:scaleX(0);transform-origin:left;will-change:transform}
#tour-instruction{font-size:9px;line-height:1.7;color:#a4bfa7;margin-top:11px;flex:none}.tour-controls{display:flex;gap:5px;margin-top:10px;flex:none}.tour-controls button{flex:1;background:#1a2b22;border:1px solid #3a5342;color:#a3b8a5;font-size:9px;padding:7px 5px;border-radius:5px}.tour-controls button[aria-pressed=true]{background:#c0d2b6;border-color:#c0d2b6;color:#18281a}.story-visual[data-focus=true] .tour-controls{display:none}
.visual-description{min-height:130px}.visual-description h2{font-size:clamp(20px,4.5vw,28px)}
@media(max-height:670px){.visual-description{min-height:0}.visual-description h2{font-size:20px}.tour-guide{padding-bottom:9px}.tour-controls{margin-top:7px}.tour-controls button{padding:5px}.visual-top .mono{font-size:7px}.tour-guide>div:first-child{font-size:7px}#tour-instruction{font-size:8px;margin-top:7px}.anatomy-note{font-size:6px}}
@media(max-height:340px){.tour-guide{position:absolute;left:12px;right:12px;bottom:63px;padding:0;pointer-events:none}.tour-guide>div:first-child{font-size:6px}.tour-track{margin-top:4px;height:1px}.tour-guide>div:first-child span:last-child,.tour-controls,#tour-instruction{display:none}.visual-description{bottom:33px}.visual-description h2{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brain-viewport{bottom:81px}.view-status{font-size:6px}}