@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600&family=Manrope:wght@400;600;800&display=swap');
:root{--bg:#02090d;--glass:rgba(3,17,23,.78);--line:rgba(85,242,255,.32);--cyan:#58f4ff;--pink:#ff4b9b;--text:#d7f8fa;--muted:#78a2aa;--green:#b9ff4a}
.synapse-card .brain-stage{position:relative;aspect-ratio:16/9;overflow:hidden;background:#000;border:1px solid rgba(85,242,255,.13)}.synapse-card .brain-stage img,.synapse-card .brain-stage canvas{position:absolute;inset:0;width:100%;height:100%}.synapse-card .brain-stage img{object-fit:cover;filter:saturate(.72) brightness(.52) contrast(1.28)}.synapse-card .brain-stage #synapses{height:100%;background:transparent;border:0;mix-blend-mode:screen}.synapse-card .synapse-legend{grid-template-columns:repeat(2,1fr);gap:4px 10px;text-align:left}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:'IBM Plex Mono',monospace;overflow-x:hidden}body:after{content:'';position:fixed;inset:0;pointer-events:none;z-index:20;background:repeating-linear-gradient(0deg,rgba(255,255,255,.015),rgba(255,255,255,.015) 1px,transparent 1px,transparent 3px);mix-blend-mode:screen}#world{position:fixed;inset:0;width:100%;height:100%;z-index:0}.topbar{position:relative;z-index:5;height:68px;display:flex;align-items:center;gap:30px;padding:0 3vw;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(2,9,13,.95),rgba(2,9,13,.45))}.brand{font:800 21px Manrope,sans-serif;letter-spacing:.07em;text-decoration:none;color:var(--text)}.brand span{color:var(--cyan)}.custody{margin:auto;font-size:10px;letter-spacing:.12em}.custody i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 13px var(--green);margin-right:9px;animation:pulse 1.4s infinite}.clock{display:grid;text-align:right}.clock span{font-size:8px;color:var(--muted)}.clock b{font-size:12px;color:var(--cyan)}main{position:relative;z-index:2;min-height:calc(100vh - 112px);padding:4vh 3vw;pointer-events:none}.claim{max-width:680px;text-shadow:0 2px 18px #000}.claim>p:first-child{color:var(--cyan);font-size:9px;letter-spacing:.18em}.claim h1{font:800 clamp(32px,4.4vw,70px)/.93 Manrope,sans-serif;letter-spacing:-.055em;margin:12px 0}.claim h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px var(--text)}.subtitle{max-width:520px;color:#a5c9ce;font-size:11px;line-height:1.6;text-transform:uppercase}.hud-panel{position:absolute;background:linear-gradient(135deg,var(--glass),rgba(3,10,14,.55));border:1px solid var(--line);box-shadow:0 12px 50px rgba(0,0,0,.34),inset 0 0 30px rgba(63,230,255,.025);backdrop-filter:blur(10px);padding:13px;pointer-events:auto}.hud-panel:before{content:'';position:absolute;left:-1px;top:-1px;width:18px;height:2px;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.panel-head{display:flex;justify-content:space-between;gap:18px;padding-bottom:9px;margin-bottom:10px;border-bottom:1px solid rgba(85,242,255,.17);font-size:8px;letter-spacing:.12em;color:var(--cyan)}.subject-card{top:32vh;left:3vw;width:255px}.subject-card dl{margin:0}.subject-card dl div{display:flex;justify-content:space-between;margin:8px 0;font-size:9px}.subject-card dt{color:var(--muted)}.subject-card dd{margin:0}.good{color:var(--green)}.brain-card{left:3vw;bottom:3vh;width:min(510px,44vw)}#raster{width:100%;height:82px;border-bottom:1px solid rgba(85,242,255,.15);background:rgba(0,0,0,.22)}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px 18px;margin-top:12px}.metric-grid label{display:grid;grid-template-columns:1fr 40px;font-size:8px;color:var(--muted)}.metric-grid output{text-align:right;color:var(--text)}meter{grid-column:1/-1;width:100%;height:4px;margin-top:4px;accent-color:var(--cyan)}meter::-webkit-meter-bar{background:#10272d;border:0;border-radius:0}meter::-webkit-meter-optimum-value{background:var(--cyan);box-shadow:0 0 8px rgba(88,244,255,.45)}.brain-legend{display:flex;gap:12px;flex-wrap:wrap;margin-top:11px;font-size:7px;color:#628890}.observer-screen{right:3vw;top:3vh;width:min(340px,29vw)}.video-stage{position:relative;height:min(34vh,310px);min-height:210px;background:#000;border:1px solid rgba(85,242,255,.25);overflow:hidden}.video-stage:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(88,244,255,.05),transparent 20%,transparent 80%,rgba(88,244,255,.05))}#stimulus{display:block;width:100%;height:100%;object-fit:contain;background:#000}.video-reticle{position:absolute;inset:10px;pointer-events:none}.video-reticle i{position:absolute;width:18px;height:18px;border-color:rgba(88,244,255,.65);border-style:solid}.video-reticle i:nth-child(1){left:0;top:0;border-width:1px 0 0 1px}.video-reticle i:nth-child(2){right:0;top:0;border-width:1px 1px 0 0}.video-reticle i:nth-child(3){left:0;bottom:0;border-width:0 0 1px 1px}.video-reticle i:nth-child(4){right:0;bottom:0;border-width:0 1px 1px 0}.live-badge{position:absolute;top:13px;left:15px;color:#ff86bb;font-size:7px;letter-spacing:.12em}.screen-copy{display:flex;flex-direction:column;gap:4px;margin:10px 0 8px}.screen-copy span{font:600 11px Manrope,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.screen-copy small{font-size:7px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feed-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.feed-actions button{min-width:0;border:1px solid var(--line);color:var(--text);background:rgba(9,30,36,.8);padding:9px 6px;font:600 7px 'IBM Plex Mono';letter-spacing:.05em;cursor:pointer}.feed-actions button:hover{border-color:var(--cyan);box-shadow:0 0 15px rgba(88,244,255,.15)}.feed-actions .primary{background:var(--cyan);color:#031014;border-color:var(--cyan)}.synapse-card{right:3vw;bottom:3vh;width:min(340px,29vw)}#synapses{display:block;width:100%;height:112px;background:radial-gradient(ellipse at center,rgba(14,58,68,.35),rgba(0,0,0,.32));border-bottom:1px solid rgba(85,242,255,.13)}.synapse-legend{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:8px;color:#628890;font-size:6px;text-align:center}.system-message{position:absolute;right:3vw;top:0;margin:0;color:var(--muted);font-size:8px;letter-spacing:.08em;transform:translateY(-150%)}.heart{position:fixed;z-index:10;right:9vw;top:28vh;font:140px/1 Manrope,sans-serif;color:var(--pink);filter:drop-shadow(0 0 32px var(--pink));opacity:0;transform:scale(.1) rotate(-10deg);pointer-events:none}.heart.show{animation:heart 1.6s cubic-bezier(.16,.9,.3,1)}.like-notice{position:fixed;z-index:11;left:50%;top:14%;transform:translate(-50%,-20px);opacity:0;border:1px solid var(--pink);background:rgba(32,2,19,.86);color:#ffd4e8;padding:12px 18px;font-size:9px;letter-spacing:.13em}.like-notice.show{animation:notice 2.7s ease}.glitch{animation:glitch .15s steps(2) 3}footer{position:relative;z-index:4;height:44px;border-top:1px solid var(--line);padding:0 3vw;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#567d84;background:rgba(2,9,13,.84);font-size:7px;letter-spacing:.08em}
@keyframes pulse{50%{opacity:.25}}@keyframes heart{0%{opacity:0;transform:scale(.1) rotate(-10deg)}16%{opacity:1;transform:scale(1.25) rotate(4deg)}35%{transform:scale(.88)}60%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.8)}}@keyframes notice{0%,100%{opacity:0;transform:translate(-50%,-20px)}12%,75%{opacity:1;transform:translate(-50%,0)}}@keyframes glitch{50%{transform:translateX(3px);filter:hue-rotate(60deg)}}
@media(max-width:850px){.claim h1{font-size:36px}.subject-card{top:27vh}.brain-card{width:55vw}.observer-screen,.synapse-card{width:31vw}.heart{right:10vw}.custody{display:none}}@media(max-width:640px){body{overflow:auto}.topbar{height:58px}.clock{margin-left:auto}.claim{padding-bottom:48vh}.claim h1{font-size:31px}.subtitle{font-size:9px}.hud-panel{position:relative;inset:auto!important;width:100%;margin-top:12px}.subject-card{display:none}.brain-card{margin-top:0}.video-stage{height:58vh}.synapse-card{margin-bottom:20px}#synapses{height:150px}main{min-height:1100px}footer{height:auto;padding:14px 3vw;display:grid}.heart{right:30%;top:40%}.system-message{top:29vh;left:3vw;right:auto;transform:none}}