:root{--bg:#0c0c12;--fg:#e6f1ff;--muted:#8a98a8;--pellet:#ffe082;--pac:#ffd54a }html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.retro-bio{position:relative;min-height:100vh;overflow-x:hidden;scroll-snap-type:y proximity}.retro-bio .header-spacer{height:20vh}.track{position:relative;height:var(--track-h, 200vh);margin-left:50%}.track:before{content:"";position:absolute;top:0;bottom:0;left:-2px;width:4px;background:radial-gradient(circle,var(--pellet) 2px,rgba(0,0,0,0) 3px);background-size:4px 36px;background-repeat:repeat-y;background-position:center 0}.marker{position:absolute;top:0;left:-14px;width:28px;height:28px;border-radius:50%;background:conic-gradient(from 0deg at 50% 50%,var(--pac) 0deg var(--mouthStart, 60deg),var(--bg) var(--mouthStart, 60deg) var(--mouthEnd, 120deg),var(--pac) var(--mouthEnd, 120deg) 360deg);transform:translateY(var(--markerY, 51px)) scale(var(--markerScale, 1.2));transform-origin:center;box-shadow:0 0 10px #ffd54a66;transition:transform .1s ease-out,filter .1s ease-out;z-index:3;animation:chompMouth .28s steps(2,end) infinite}.marker:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;pointer-events:none;background:conic-gradient(from 90deg at 50% 50%,transparent 0deg 50deg,rgba(255,240,140,.35) 50deg 58deg,transparent 58deg 122deg,rgba(255,240,140,.35) 122deg 130deg,transparent 130deg 360deg);animation:mouthGlow .6s ease-in-out infinite alternate}@keyframes mouthGlow{0%{opacity:.35;filter:drop-shadow(0 0 2px rgba(255,240,140,.25))}to{opacity:.6;filter:drop-shadow(0 0 4px rgba(255,240,140,.35))}}@keyframes chompMouth{0%,to{--mouthStart: 78deg;--mouthEnd: 102deg}50%{--mouthStart: 52deg;--mouthEnd: 128deg}}.marker.boost{--markerScale: 1.35;filter:drop-shadow(0 0 12px rgba(255,213,74,.6))}.node{position:relative;margin:35vh 0;scroll-snap-align:center}.node.right,.node.left{margin-left:30px}.power{position:absolute;left:0;width:10px;height:10px;border-radius:50%;background:var(--pellet);transform:translate(-50%,-50%) scale(1);box-shadow:0 0 #ffe082cc;transition:transform .12s ease-out,box-shadow .12s ease-out;z-index:2}.power.active{transform:translate(-50%,-50%) scale(1.6);box-shadow:0 0 10px 4px #ffe08273}.node .card{max-width:min(46vw,560px)}.node.right .card{margin-left:17px;margin-right:0}.node.left .card{margin-left:0;margin-right:24px;transform:translate(calc(-100% - 48px))}.node .card:before{content:"";position:absolute;top:39%;height:1px;background:#e6f1ff33;transform:translateY(-50%)}.node.right .card:before{left:-38px;width:40px;top:39%}.node.left .card:before{right:-40px;width:40px}.node .card{position:relative;margin-left:24px;padding:14px 16px;border:1px solid rgba(230,241,255,.15);border-radius:10px;background:#ffffff08}.node.active .card{border-color:#7dd3fc99;background:#7dd3fc14}.node.active .card a{color:#0ea5e9}.node .card h3{margin:0 0 6px;font-size:16px}.node .card .org{font-size:12px}.node .card a{color:#7dd3fc;text-decoration:none}.node .card a:hover{text-decoration:underline}@media (prefers-reduced-motion: reduce){.marker{transition:none;animation:none}.marker:before{animation:none}}@media (max-width: 820px){.node .card{max-width:min(90vw,560px)}.node.left .card{transform:none;margin-left:24px;margin-right:0}.node.left .card:before,.node.right .card:before{left:-40px;right:auto}}