:root{--font-display: "Avenir Next", "Segoe UI", "Trebuchet MS", "Helvetica Neue", sans-serif;--bg-1: #040814;--bg-2: #0b1730;--bg-3: #16365f;--bg-4: #7ccce2;--text-primary: #f4f7ff;--text-muted: rgba(244, 247, 255, .72);--panel: rgba(8, 15, 31, .48);--panel-border: rgba(255, 255, 255, .14);--button-bg: rgba(230, 236, 255, .14);--button-border: rgba(220, 229, 255, .28);--button-text: #f6fbff;--shadow-color: rgba(19, 42, 92, .35)}body[data-theme=aurora]{--bg-1: #04111c;--bg-2: #11344b;--bg-3: #0d615f;--bg-4: #7bf7cf;--text-primary: #effff8;--text-muted: rgba(239, 255, 248, .76);--panel: rgba(4, 24, 29, .5);--panel-border: rgba(170, 255, 240, .22);--button-bg: rgba(167, 255, 233, .16);--button-border: rgba(191, 255, 242, .3);--button-text: #effff8;--shadow-color: rgba(8, 92, 90, .28)}body[data-theme=sunset]{--bg-1: #180b24;--bg-2: #71335c;--bg-3: #ff8f5a;--bg-4: #ffd0a9;--text-primary: #fff1e8;--text-muted: rgba(255, 241, 232, .76);--panel: rgba(37, 15, 31, .48);--panel-border: rgba(255, 198, 164, .26);--button-bg: rgba(255, 203, 163, .15);--button-border: rgba(255, 213, 186, .3);--button-text: #fff4ee;--shadow-color: rgba(96, 32, 56, .34)}body[data-theme=nebula]{--bg-1: #090516;--bg-2: #17234f;--bg-3: #5a1d67;--bg-4: #ffaedf;--text-primary: #fff0fd;--text-muted: rgba(255, 240, 253, .76);--panel: rgba(23, 10, 40, .5);--panel-border: rgba(255, 170, 231, .2);--button-bg: rgba(210, 166, 255, .14);--button-border: rgba(237, 192, 255, .28);--button-text: #fff0fd;--shadow-color: rgba(76, 20, 88, .34)}body[data-theme=moonlight]{--bg-1: #09111d;--bg-2: #31435f;--bg-3: #90a3c2;--bg-4: #d8e5fb;--text-primary: #f5f8ff;--text-muted: rgba(245, 248, 255, .74);--panel: rgba(15, 22, 38, .48);--panel-border: rgba(208, 223, 244, .22);--button-bg: rgba(216, 228, 248, .14);--button-border: rgba(226, 235, 249, .3);--button-text: #f7fbff;--shadow-color: rgba(31, 47, 75, .3)}body[data-theme=polar]{--bg-1: #03101d;--bg-2: #17456b;--bg-3: #5fd8ff;--bg-4: #c4fbff;--text-primary: #ecfbff;--text-muted: rgba(236, 251, 255, .76);--panel: rgba(4, 24, 37, .5);--panel-border: rgba(169, 240, 255, .24);--button-bg: rgba(173, 244, 255, .16);--button-border: rgba(196, 248, 255, .3);--button-text: #ecfbff;--shadow-color: rgba(8, 63, 92, .3)}body[data-theme=ember]{--bg-1: #14050c;--bg-2: #4f1220;--bg-3: #ff9048;--bg-4: #ffd3a8;--text-primary: #fff1e4;--text-muted: rgba(255, 241, 228, .76);--panel: rgba(35, 8, 15, .5);--panel-border: rgba(255, 171, 116, .22);--button-bg: rgba(255, 171, 116, .15);--button-border: rgba(255, 195, 152, .28);--button-text: #fff6ee;--shadow-color: rgba(89, 23, 25, .34)}body[data-theme=dawn]{--bg-1: #24324f;--bg-2: #9ebce2;--bg-3: #ffd8bb;--bg-4: #fff5df;--text-primary: #fffdf8;--text-muted: rgba(255, 253, 248, .74);--panel: rgba(44, 53, 79, .42);--panel-border: rgba(255, 234, 214, .24);--button-bg: rgba(255, 225, 198, .18);--button-border: rgba(255, 238, 220, .3);--button-text: #fffdf8;--shadow-color: rgba(79, 84, 123, .28)}*{box-sizing:border-box}[hidden]{display:none!important}html,body{width:100%;height:100%;min-height:100dvh;margin:0}body[data-scene=aquarium]{--bg-1: #07283f;--bg-2: #0f6084;--bg-3: #62bfd8;--bg-4: #d4f6ff;--text-primary: #effdff;--text-muted: rgba(239, 253, 255, .76);--panel: rgba(6, 30, 43, .5);--panel-border: rgba(202, 242, 255, .24);--button-bg: rgba(214, 245, 255, .16);--button-border: rgba(229, 249, 255, .32);--button-text: #effdff;--shadow-color: rgba(7, 72, 102, .3)}body[data-scene=aquarium][data-preset=deep]{--bg-1: #041b2f;--bg-2: #165e89;--bg-3: #5fb8df;--bg-4: #cee8ff}body[data-scene=aquarium][data-preset=kelp]{--bg-1: #083534;--bg-2: #2d8d86;--bg-3: #98e0d1;--bg-4: #e2ffe6}body{overflow:hidden;font-family:var(--font-display);color:var(--text-primary);background:radial-gradient(circle at top,rgba(255,255,255,.08),transparent 34%),linear-gradient(165deg,var(--bg-3) 0%,var(--bg-2) 38%,var(--bg-1) 100%)}body:before,body:after{content:"";position:fixed;inset:0;pointer-events:none}body:before{background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.08),transparent 25%),radial-gradient(circle at 80% 10%,rgba(167,210,255,.08),transparent 24%),radial-gradient(circle at 30% 80%,rgba(145,255,232,.06),transparent 28%);opacity:.8}body[data-scene=aquarium]:before{background:radial-gradient(circle at 14% 18%,rgba(255,255,255,.16),transparent 22%),radial-gradient(circle at 78% 10%,rgba(182,249,255,.12),transparent 24%),radial-gradient(circle at 50% 100%,rgba(255,215,151,.12),transparent 28%)}body:after{background-image:radial-gradient(rgba(255,255,255,.14) .7px,transparent .7px);background-size:160px 160px;opacity:.25;mix-blend-mode:screen}body[data-scene=aquarium]:after{background-image:radial-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.08),transparent 24%);background-size:120px 120px,100% 100%;opacity:.34}.app-shell{position:relative;width:100vw;height:100dvh;min-height:100vh}.controls{position:fixed;top:0;right:0;display:flex;align-items:flex-start;flex-wrap:wrap;gap:.55rem;padding:1.25rem;z-index:2;backdrop-filter:blur(18px);background:var(--panel);border:1px solid var(--panel-border);box-shadow:0 24px 60px -32px var(--shadow-color);border-radius:18px;padding:.75rem}.scene-switcher__label{padding-left:.2rem;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.scene-toggle,.theme-toggle,.fullscreen-toggle{border:1px solid var(--button-border);background:var(--button-bg);color:var(--button-text);border-radius:999px;width:3rem;height:3rem;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease;position:relative}.scene-toggle:after,.theme-toggle:after,.fullscreen-toggle:after{content:attr(data-tooltip);position:absolute;right:0;top:calc(100% + .65rem);padding:.45rem .6rem;border-radius:10px;background:#050c18e6;color:var(--text-primary);font-size:.72rem;line-height:1;white-space:nowrap;border:1px solid var(--panel-border);box-shadow:0 18px 40px -24px var(--shadow-color);opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .16s ease,transform .16s ease}.scene-toggle:hover:after,.scene-toggle:focus-visible:after,.theme-toggle:hover:after,.theme-toggle:focus-visible:after,.fullscreen-toggle:hover:after,.fullscreen-toggle:focus-visible:after{opacity:1;transform:translateY(0)}.scene-toggle:focus-visible,.theme-toggle:focus-visible,.fullscreen-toggle:focus-visible,.theme-option:focus-visible,.scene-option:focus-visible,.preset-option:focus-visible{outline:2px solid color-mix(in srgb,var(--bg-4) 75%,white 25%);outline-offset:2px}.scene-toggle:hover,.theme-toggle:hover,.fullscreen-toggle:hover{transform:translateY(-1px)}.fullscreen-toggle[data-active=true]{background:#fff3}.fullscreen-toggle:active{transform:translateY(1px) scale(.99)}.fullscreen-toggle__icon{width:1.2rem;height:1.2rem;display:inline-flex}.fullscreen-toggle__icon--exit,.fullscreen-toggle[data-active=true] .fullscreen-toggle__icon--enter{display:none}.fullscreen-toggle[data-active=true] .fullscreen-toggle__icon--exit{display:inline-flex}.fullscreen-toggle__icon svg{width:100%;height:100%;fill:currentColor}.scene-toggle[aria-expanded=true],.theme-toggle[aria-expanded=true]{background:#fff3}.scene-toggle__icon,.theme-toggle__icon{width:1.25rem;height:1.25rem;display:inline-flex}.scene-toggle__icon svg,.theme-toggle__icon svg{width:100%;height:100%;fill:currentColor}.scene-toggle:active,.theme-toggle:active{transform:translateY(1px) scale(.99)}.scene-menu,.theme-menu{position:absolute;top:calc(100% - .1rem);min-width:11rem;max-height:min(70vh,26rem);overflow-y:auto;padding:.45rem;border-radius:16px;border:1px solid var(--panel-border);background:#060c19d6;backdrop-filter:blur(18px);box-shadow:0 24px 60px -32px var(--shadow-color)}.scene-menu{right:4.8rem}.theme-menu{right:1.25rem}.scene-option,.theme-option,.preset-option{width:100%;border:0;border-radius:12px;background:transparent;color:var(--text-primary);padding:.75rem .85rem;font:inherit;display:flex;align-items:center;gap:.7rem;text-align:left;cursor:pointer;transition:background .16s ease,color .16s ease}.scene-option__icon{width:1rem;height:1rem;flex:0 0 1rem;display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted)}.theme-option__swatch{width:1rem;height:1rem;flex:0 0 1rem;border-radius:999px;border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 0 0 1px #ffffff0f}.theme-option[data-theme=night] .theme-option__swatch{background:linear-gradient(135deg,#16365f,#09162b 45%,#030711)}.theme-option[data-theme=aurora] .theme-option__swatch{background:linear-gradient(135deg,#0d615f,#11344b 45%,#04111c)}.theme-option[data-theme=sunset] .theme-option__swatch{background:linear-gradient(135deg,#ff8f5a,#71335c 45%,#180b24)}.theme-option[data-theme=nebula] .theme-option__swatch{background:linear-gradient(135deg,#5a1d67,#17234f 45%,#090516)}.theme-option[data-theme=moonlight] .theme-option__swatch{background:linear-gradient(135deg,#90a3c2,#31435f 45%,#09111d)}.theme-option[data-theme=polar] .theme-option__swatch{background:linear-gradient(135deg,#5fd8ff,#17456b 45%,#03101d)}.theme-option[data-theme=ember] .theme-option__swatch{background:linear-gradient(135deg,#ff9048,#4f1220 45%,#14050c)}.theme-option[data-theme=dawn] .theme-option__swatch{background:linear-gradient(135deg,#ffd8bb,#9ebce2 45%,#24324f)}.preset-option__swatch--coral{background:linear-gradient(135deg,#7cd8ef,#2e9bc2 45%,#062a41)}.preset-option__swatch--deep{background:linear-gradient(135deg,#5fb8df,#165e89 45%,#041b2f)}.preset-option__swatch--kelp{background:linear-gradient(135deg,#98e0d1,#2d8d86 45%,#083534)}.scene-option:hover,.scene-option[data-active=true],.theme-option:hover,.theme-option[data-active=true],.preset-option:hover,.preset-option[data-active=true]{background:#ffffff1a}.stage{position:relative;width:100%;height:100%}#tapCanvas{display:block;width:100%;height:100%;transition:filter .26s ease}body[data-scene=aquarium] #tapCanvas{filter:saturate(1.05)}@media(max-width:720px){.controls{padding:1rem;max-width:calc(100vw - 1rem)}.scene-toggle:after,.theme-toggle:after,.fullscreen-toggle:after{display:none}.scene-menu{right:4.5rem}}