@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600&family=Manrope:wght@400;500;700&display=swap";:root{--ink-0:#d8f6ff;--ink-1:#7aa2b2;--ink-2:#4f7382;--line:#8ed6e63d;--panel:#05101dc7;--panel-accent:#2385a040;--button-bg:#07192abd;--button-border:#6acbea75;--button-active:#57d5f838;--backdrop-top:#00030a;--backdrop-mid:#010915;--backdrop-bottom:#00050d}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--ink-0);background:radial-gradient(1200px 520px at 18% 6%, #0828425c, transparent 72%), radial-gradient(1000px 580px at 86% 90%, #041a2f57, transparent 68%), linear-gradient(170deg, var(--backdrop-top), var(--backdrop-mid) 54%, var(--backdrop-bottom));font-family:Manrope,Avenir Next,Segoe UI,sans-serif}#app{min-height:100svh}.aquarium-app{background:linear-gradient(#6cb3d21a,#6cb3d205);grid-template-columns:minmax(220px,280px) 1fr;gap:1px;min-height:100svh;display:grid}.exhibit-panel{border-right:1px solid var(--line);background:linear-gradient(205deg,#031322fa,#010b15f7);flex-direction:column;gap:1rem;padding:2rem 1.15rem;display:flex}.panel-label{text-transform:uppercase;letter-spacing:.2em;color:var(--ink-1);margin:0;font-size:.71rem}.exhibit-button{border:1px solid var(--button-border);background:var(--button-bg);color:var(--ink-0);text-align:left;border-radius:.95rem;padding:.8rem .9rem;font:500 .94rem/1.35 Manrope,Avenir Next,sans-serif;transition:transform .22s,border-color .22s,background-color .22s}.exhibit-button.active{background:var(--button-active);box-shadow:0 0 0 1px #7ae7ff66,0 0 22px #3ecbff3d}.exhibit-button:hover{border-color:#97eaffcc;transform:translate(3px)}.panel-note{color:var(--ink-2);margin:0;font-size:.84rem}.stage-wrap{isolation:isolate;min-height:100svh;display:grid;position:relative;overflow:hidden}.stage-wrap:before,.stage-wrap:after{content:"";pointer-events:none;position:absolute;inset:0}.stage-wrap:before{z-index:1;background-image:radial-gradient(circle at 30% 22%,#3a86b612,#0000 44%)}.stage-wrap:after{mix-blend-mode:screen;opacity:.25;z-index:1;background:repeating-linear-gradient(110deg,#5ca6d607,#5ca6d607 1px,#0000 1px 34px)}.stage-header{z-index:2;border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);border-radius:1rem;max-width:min(560px,100% - 2rem);padding:.95rem 1.15rem;animation:.9s both reveal;position:absolute;top:1.4rem;left:1.8rem}.stage-header h1{letter-spacing:.02em;margin:0;font:600 clamp(1.7rem,2vw,2.5rem)/.95 Cormorant Garamond,Georgia,serif}.stage-header p{color:var(--ink-1);margin:.48rem 0 0;font-size:clamp(.9rem,1.6vw,1rem)}#jellyfish-canvas{width:100%;height:100%;animation:1.1s both reveal;display:block}@keyframes reveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=820px){.aquarium-app{grid-template-rows:auto 1fr;grid-template-columns:1fr}.exhibit-panel{border-right:none;border-bottom:1px solid var(--line);gap:.7rem;padding:1rem}.exhibit-button:hover{transform:none}.stage-wrap{min-height:calc(100svh - 130px)}.stage-header{max-width:calc(100% - 2rem);padding:.8rem .9rem;top:.9rem;left:1rem}}