@import url('https://fonts.googleapis.com/css2?family=Bangers&display=swap');
:root{--cyan:#8af5ef;--muted:#b0c8d2;--line:#85d8e333}body{background:radial-gradient(ellipse at 70% 35%,#143541 0%,#071924 45%,#030b13 90%)}header{border-bottom-color:#9de6f03d;box-shadow:0 1px 25px #55cfff0b;background:linear-gradient(90deg,#05131cf0,#102532d9)}.brandmark{box-shadow:inset 0 0 0 6px #0a171e,inset 0 0 0 7px var(--cyan),0 0 14px #8af5ef33}.eyebrow{color:#a5fff1}.topic-menu nav{border-color:#84e5e46b;background:#102532;max-height:75svh;overflow:auto}.return{padding:10px 15px;border:1px solid #82e5ec66;border-radius:5px;background:#12354555}.return:hover{background:#21556588}.topic-main{max-width:1500px}.topic-body{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(24px,5vw,80px)}.topic-body>div{min-width:0}.topic-body h1{font-size:clamp(38px,5.6vw,82px);overflow-wrap:break-word;text-shadow:0 0 40px #62ddeb1c}.topic-visual{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:25px;border:1px solid #75cddc25;border-radius:22px;background:radial-gradient(ellipse,#214b5b66,#0b1d2930 68%);box-shadow:inset 0 0 45px #53bad908}.topic-art{display:block;width:100%;max-width:440px;height:auto!important;max-height:55svh;aspect-ratio:auto;object-fit:contain;mix-blend-mode:normal}.coming{color:#b6cbd4}.topic-bottom{border-top:1px solid #8ce7e13b}.topic-bottom a{padding:12px;border-radius:5px}.topic-bottom a:hover{background:#31505e55}.topic-bottom small{color:#89dfe5}.topic-bottom .mono{font-size:11px}.science-hero{display:block;width:72px!important;height:auto!important;max-height:90px;object-fit:contain;opacity:.88;filter:drop-shadow(0 2px 4px #0005);pointer-events:none}.hero-spot{display:flex;margin-top:25px;min-height:84px;align-items:end}.hero-0{justify-content:flex-start}.hero-1{align-self:flex-end;justify-content:flex-end;margin-right:0}.hero-2{justify-content:center;max-width:280px}.hero-3{align-self:flex-start;margin-left:5px}.home-hero-slot{display:flex;align-items:end;justify-content:flex-start;max-width:1160px;margin:-15px auto 8px;padding-left:15px;pointer-events:none}.home-hero-slot .science-hero{width:61px!important;max-height:78px}.microscope-home{background:radial-gradient(ellipse at 46% 46%,#101d24,#02060a 69%)}.microscope-stage{padding-top:22px}.field-heading h1{font-family:'Bangers','Space Grotesk',sans-serif;font-size:42px;letter-spacing:.045em;font-weight:400;color:#d6fff5;text-shadow:2px 3px 0 #173546}.field-tools button{background:#11313a55;box-shadow:0 0 18px #83e8e911}.optics{border-color:#aff9f588;box-shadow:0 0 0 6px #172830aa,0 0 0 7px #9aeced44,0 0 0 16px #03080bcc,0 0 0 17px #649ca33c,0 0 50px #5bbac526}.lens-surface{background:radial-gradient(circle at 44% 40%,#edf9ec 0%,#d7efe5 34%,#b8dce0 61%,#749da9 81%,#365a6c 100%)}.lens-vignette{box-shadow:inset 0 0 33px 10px #132b4759,inset 0 0 8px 2px #0b173d77;background:radial-gradient(circle,transparent 61%,#27476511 81%,#07182699 100%)}.specimen{background:none!important;border:0!important;box-shadow:none!important;animation-name:specimen-float;cursor:pointer}.specimen img{mix-blend-mode:normal;filter:drop-shadow(1px 3px 3px #1d335928)}.specimen:hover img,.specimen:focus-visible img{filter:drop-shadow(0 0 7px #165e8999);scale:1.08}.specimen:focus-visible{outline:2px solid #153e68;outline-offset:4px}.ambient-cell{mix-blend-mode:normal;opacity:.57;filter:blur(.6px);animation:independent-drift var(--duration) ease-in-out infinite alternate;animation-delay:var(--delay)}.ambient-cell.depth-1{opacity:.35;filter:blur(1.9px);animation-duration:var(--duration)}.ambient-cell.depth-2{opacity:.23;filter:blur(3px);animation-duration:var(--duration)}.specimen.wbc{--float-x:-7px;--float-y:8px}.specimen.blast{--float-x:6px;--float-y:-5px}.specimen.sickle{--float-x:-9px;--float-y:-7px}.specimen.bacteria{--float-x:6px;--float-y:9px}.specimen.malaria{--float-x:-4px;--float-y:6px}.specimen-label{color:#f3ffff;border:1px solid #78d8e866;background:#061a2be8;box-shadow:0 4px 15px #0003}.virus-viewport{background:radial-gradient(circle,#373658,#111e32);box-shadow:0 0 0 5px #a995db12,0 0 25px #ad88ff19}.virus-viewport img,.tube-window>img{mix-blend-mode:normal}.satellite strong{color:#d3faf8}.welcome-layer{background:radial-gradient(ellipse,#02080cf5 4%,#02080cca 42%,#02080c45 83%)}.welcoming .microscope-stage{opacity:.85}.microscope-footer{color:#acc4cf}.particles .particle{background:#eaffff}.lens-surface .particle{background:#233f64;opacity:.25}.field-tools p{color:#b0c8d2}@keyframes independent-drift{0%{transform:translate(0,0) rotate(var(--turn))}50%{transform:translate(calc(var(--dx)*.4),var(--dy)) rotate(calc(var(--turn) + var(--spin)*.5))}100%{transform:translate(var(--dx),calc(var(--dy)*-.3)) rotate(calc(var(--turn) + var(--spin)))}}@keyframes specimen-float{0%{transform:translate(0,0) rotate(-3deg)}50%{transform:translate(var(--float-x,7px),var(--float-y,-6px)) rotate(2deg)}100%{transform:translate(calc(var(--float-x,7px)*-.6),calc(var(--float-y,-6px)*-.5)) rotate(5deg)}}@media(max-width:900px){.topic-body{gap:25px}.topic-visual{padding:18px}.topic-body h1{font-size:clamp(38px,6vw,60px)}.topic-bottom .mono{display:none}}@media(max-width:620px){header{flex-wrap:wrap;gap:12px}.brand{font-size:11px}.header-actions{margin-left:auto}.topic-main{padding:25px 6% 15px}.topic-body{grid-template-columns:1fr;gap:25px;padding:32px 0 25px}.topic-body h1{font-size:clamp(37px,10vw,55px);margin-top:18px}.topic-visual{width:100%;max-width:360px;justify-self:center;grid-row:auto;padding:18px}.topic-art{width:min(100%,260px);height:auto!important;max-height:320px;justify-self:auto}.science-hero{width:56px!important;max-height:72px}.hero-spot{margin-top:14px;min-height:62px}.topic-bottom{gap:12px;padding:12px 0}.topic-bottom a{font-size:13px;padding:8px 3px}.topic-bottom small{font-size:10px}.field-heading h1{font-size:36px}.optics{width:90vw}.lens-vignette{box-shadow:inset 0 0 18px 4px #17364c66}.specimen-label{font-size:11px}.home-hero-slot{margin:0 auto 8px;padding-left:8px}.home-hero-slot .science-hero{width:50px!important;max-height:65px}.welcome-layer{inset:65px 0 0}.topic-menu nav{right:0;max-width:85vw}.microscope-footer{font-size:10px}.instrument-rail{margin-top:28px}}@media(max-width:360px){.header-actions{width:100%;justify-content:space-between}.welcome-layer{inset:100px 0 0}.field-heading{flex-wrap:wrap}.field-tools{display:flex;gap:15px;align-items:center;text-align:left}.field-tools p{max-width:none;margin:0}}@media(prefers-reduced-motion:reduce){.ambient-cell,.specimen,.science-hero{animation:none!important}.specimen img{transition:none}}
