.life-lab{position:relative;isolation:isolate;background:radial-gradient(ellipse at 12% 28%,#0c203288,transparent 42%),radial-gradient(ellipse at 90% 68%,#171e3080,transparent 40%),#05090e}.life-dust{position:fixed;inset:0;width:100vw;height:100vh;z-index:-1;pointer-events:none;opacity:.8}.system-heading{position:relative}.system-heading:after{content:'';width:110px;height:1px;position:absolute;bottom:-12px;left:0;background:linear-gradient(90deg,#a9d4e9,transparent);box-shadow:0 0 14px #99cdfa44}.system-panel{background:#09131deb;box-shadow:inset 0 1px #89bbd311,0 18px 60px #0002}.reactive-surface{position:relative;--pointer-x:50%;--pointer-y:50%;transition:border-color .35s,box-shadow .35s}.reactive-surface:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(280px circle at var(--pointer-x) var(--pointer-y),#8dc5f00d,transparent 70%);opacity:0;transition:opacity .3s;z-index:0}.reactive-surface:hover:before{opacity:1}.system-panel:hover{border-color:#628faa80;box-shadow:inset 0 1px #a9d7f129,0 18px 60px #0003}.reactive-surface>*{position:relative}.sensory-empty{padding-top:6px}.sensory-empty .listening-lines{display:none}.sensory-field{display:block;width:100%;height:195px;pointer-events:none;margin:0 0 15px;mask-image:linear-gradient(transparent,#000 10%,#000 88%,transparent)}.sensory-panel{background:radial-gradient(ellipse at 50% 45%,#102a3b88,transparent 65%),#09131deb}.receptor-header>span:last-child{position:relative;padding-left:15px}.receptor-header>span:last-child:before{content:'';position:absolute;left:0;top:8px;width:4px;height:4px;background:#93b9cd;box-shadow:0 0 10px #93b9cd77;animation:receptorWait 3s ease-in-out infinite}.metabolic-source{background:radial-gradient(ellipse at 0 100%,#163a4d66,transparent 80%)}.metabolic-source b{text-shadow:0 0 35px #83c7e32b}.metabolic-lane{background:linear-gradient(90deg,#7babc007,transparent);overflow:hidden}.lane-route{position:relative;padding-bottom:14px}.lane-route:after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:#41677e55}.lane-route:before{content:'';position:absolute;bottom:0;left:0;width:35%;height:2px;background:linear-gradient(90deg,transparent,#b5e4fa,transparent);box-shadow:0 0 15px #92d9ff55;animation:energyRoute 4.5s linear infinite;z-index:1}.metabolic-lane:nth-child(2) .lane-route:before{animation-delay:-2.25s}.lane-route>div{position:relative}.lane-route>div:before{content:'';display:block;width:4px;height:4px;border:1px solid #7fb2cd;position:absolute;bottom:-17px;left:1px;z-index:2;background:#09151f;animation:synapseGlow 4.5s ease-in-out infinite}.lane-route>div:nth-of-type(2):before{animation-delay:1.5s}.lane-route>div:nth-of-type(3):before{animation-delay:3s}.memory-chamber{background:radial-gradient(ellipse at 50% 28%,#14354c55,transparent 65%)}.memory-field{position:relative;border-block:1px solid #365b732e;background:linear-gradient(90deg,transparent,#62abd908,transparent);margin:18px 0 8px;overflow:hidden}.memory-particles{display:block;width:100%;height:118px;pointer-events:none}.memory-field-label{position:absolute;bottom:7px;left:10px;font:10px Consolas,monospace;letter-spacing:.09em;color:#678aa2;pointer-events:none}.memory-rail{height:24px;margin:20px 0}.memory-readout strong{transition:color .5s,text-shadow .5s}.memory-chamber:not(.dormant) .memory-readout strong{text-shadow:0 0 24px #8dc5f02b}.memory-chamber.dormant .memory-field{border-color:#45556555}.organism-journal{display:flex;flex-direction:column;background:linear-gradient(160deg,#09223419,transparent)}#event-log{flex:1;min-height:245px;max-height:470px}.journal-row{animation:recordArrives .55s ease both}.journal-row:first-child{border-left:2px solid #8cbed4;padding-left:10px;background:linear-gradient(90deg,#71a8c00d,transparent)}.journal-empty{position:relative}.journal-empty:after{content:'';height:1px;width:100%;position:absolute;bottom:20%;left:0;background:linear-gradient(90deg,transparent,#84b6d433,transparent);transform-origin:center;animation:archiveListen 5s ease-in-out infinite}.vital>strong{text-shadow:0 0 24px #8bc7e21c}.vital-entry button,.memory-actions button{transition:background .25s,box-shadow .25s,border-color .25s}.vital-entry button:hover,.memory-actions button:hover{box-shadow:0 0 22px #84b9d413;border-color:#9bc5de}.paused .life-lab *,.effects-offscreen *{animation-play-state:paused!important}
@keyframes energyRoute{0%{transform:translateX(-110%);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translateX(295%);opacity:0}}@keyframes synapseGlow{0%,75%,100%{box-shadow:0 0 0 transparent;background:#09151f}25%,40%{box-shadow:0 0 15px #a2dffc;background:#d0efff}}@keyframes receptorWait{50%{opacity:.3;box-shadow:0 0 3px #93b9cd22}}@keyframes recordArrives{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes archiveListen{50%{transform:scaleX(.45);opacity:.35}}
@media(max-width:800px){.sensory-field{height:160px!important}.memory-particles{height:100px!important}.lane-route{padding-bottom:17px}.memory-readout{margin-block:20px}.reactive-surface:before{display:none}.life-dust{opacity:.5}}
@media(prefers-reduced-motion:reduce){.life-lab *,.life-lab *:before,.life-lab *:after{animation:none!important;transition:none!important}}
