.molecule-shell{position:absolute;z-index:1;top:5%;right:1%;width:min(47vw,690px);height:88%;min-height:500px;pointer-events:none;isolation:isolate;filter:drop-shadow(0 35px 70px rgba(0,0,0,.22))}
.molecule-shell:before{content:"";position:absolute;z-index:-1;left:12%;top:7%;width:79%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 22%,rgba(208,255,242,.14),rgba(74,205,198,.08) 29%,rgba(6,48,65,.34) 61%,rgba(3,26,41,.02) 72%);box-shadow:inset 0 0 0 1px rgba(205,255,243,.16),inset 28px 36px 80px rgba(139,255,235,.07),inset -34px -37px 72px rgba(0,10,27,.3),0 25px 80px rgba(5,40,58,.19);backdrop-filter:blur(2px)}
.molecule-shell:after{content:"";position:absolute;z-index:3;left:12%;top:7%;width:79%;aspect-ratio:1;border-radius:50%;background:linear-gradient(126deg,rgba(233,255,250,.14),transparent 30%,transparent 72%,rgba(185,255,243,.06));border:1px solid rgba(193,255,244,.16);mask-image:linear-gradient(120deg,black 0%,transparent 34%,transparent 65%,black 100%)}
.molecule-shell canvas{position:absolute;inset:0;display:block;z-index:2;width:100%;height:100%;filter:drop-shadow(0 0 12px rgba(69,211,199,.15))}
.molecule-shell .molecule-glint{position:absolute;z-index:3;left:25%;top:17%;width:25%;height:8%;border-radius:50%;background:radial-gradient(ellipse,rgba(222,255,250,.25),transparent 70%);transform:rotate(-29deg);filter:blur(8px)}
@media(max-width:1050px){.molecule-shell{right:-4%;width:52vw;opacity:.82}}
@media(max-width:760px){.molecule-shell{top:6%;right:-25%;width:105vw;height:63%;min-height:0;opacity:.35;filter:none}.molecule-shell:before,.molecule-shell:after{left:21%;width:60%}}
@media(max-width:520px){.molecule-shell{top:13%;right:-50%;width:125vw;height:54%;opacity:.27}.molecule-shell:before,.molecule-shell:after{left:20%;width:61%}}
@media(prefers-reduced-motion:reduce){.molecule-shell{filter:none}}