*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:#8fdbe3}body{background:radial-gradient(circle at 28% 20%,rgba(239,255,255,.68),transparent 38%),linear-gradient(145deg,#b8edf0,#69c4d2 70%,#4da9ba)}canvas{position:fixed;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;touch-action:none;opacity:0;transition:opacity 1.1s ease}body.loaded canvas{opacity:1}body>.lil-gui{--background-color:rgba(13,66,79,.66);--widget-color:rgba(216,248,250,.15);--hover-color:rgba(230,253,255,.24);--focus-color:rgba(230,253,255,.28);--text-color:rgba(245,255,255,.94);--number-color:#d8fbff;--string-color:#d8fbff;position:fixed!important;top:14px!important;right:14px!important;left:auto!important;z-index:30;width:min(280px,calc(100vw - 28px))!important;border:1px solid rgba(255,255,255,.24);border-radius:14px;overflow:hidden;box-shadow:0 16px 44px #052f3d3d,inset 0 1px #ffffff38;backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%);opacity:.38;transition:opacity .28s ease,box-shadow .28s ease}body>.lil-gui:hover,body>.lil-gui:focus-within{opacity:.96;box-shadow:0 18px 52px #052f3d52,inset 0 1px #ffffff47}:fullscreen body>.lil-gui{display:none!important}:-webkit-full-screen body>.lil-gui{display:none!important}#loading{position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 42%,rgba(235,255,255,.3),transparent 34%),linear-gradient(145deg,#b1ebeff7,#41a5bbf7);opacity:1;visibility:visible;transition:opacity .95s ease .18s,visibility 0s linear 1.15s}body.loaded #loading{opacity:0;visibility:hidden}.water-glass{position:relative;width:clamp(108px,15vmin,170px);aspect-ratio:1;overflow:hidden;border-radius:30%;border:1px solid rgba(255,255,255,.58);background:linear-gradient(145deg,#fff3,#ffffff0e);box-shadow:inset 0 1px #ffffffb8,inset 0 -18px 40px #13768f21,0 24px 70px #0e667d38;-webkit-backdrop-filter:blur(18px) saturate(135%);backdrop-filter:blur(18px) saturate(135%)}.wave{position:absolute;left:-45%;width:190%;height:62%;border-radius:43%;background:#e0fdff4a;border:1px solid rgba(255,255,255,.52);transform-origin:center}.wave-one{bottom:-28%;animation:roll 3.8s linear infinite}.wave-two{bottom:-18%;opacity:.56;animation:roll-reverse 5.2s linear infinite}.wave-three{bottom:-37%;opacity:.35;animation:roll 6.4s linear infinite}.glint{position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;background:linear-gradient(115deg,transparent 36%,rgba(255,255,255,.62) 48%,transparent 59%);animation:shimmer 2.7s ease-in-out infinite}@keyframes roll{to{transform:rotate(360deg)}}@keyframes roll-reverse{to{transform:rotate(-360deg)}}@keyframes shimmer{0%,22%{transform:translate(-55%)}70%,to{transform:translate(55%)}}@media(prefers-reduced-motion:reduce){.wave,.glint{animation:none}canvas,#loading{transition-duration:.25s}}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 58%,rgba(26,111,126,.08) 100%);mix-blend-mode:multiply}