*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#050407}main{position:relative;width:100%;height:100%;height:100svh}canvas{display:block;width:100%;height:100%;outline:none;cursor:default;touch-action:manipulation}canvas:focus-visible{outline:1px solid #9a987655;outline-offset:-5px}.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
[hidden]{display:none!important}#pond{position:absolute;inset:0}#scene-switch{position:absolute;right:max(25px,env(safe-area-inset-right));bottom:max(25px,env(safe-area-inset-bottom));width:92px;height:42px;border:1px solid #ffffff1c;border-radius:28px;background:#111315b8;backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:space-around;padding:7px;color:#a9aaa5;cursor:pointer;z-index:2}#scene-switch svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;z-index:1;pointer-events:none}.switch-thumb{position:absolute;left:4px;top:4px;width:38px;height:32px;border-radius:20px;background:#ffffff12;transition:transform .35s ease}#scene-switch[aria-pressed=true] .switch-thumb{transform:translateX(44px)}#scene-switch:hover{border-color:#ffffff45}#scene-switch:focus-visible{outline:1px solid #c1c1af;outline-offset:4px}@media(prefers-reduced-motion:reduce){.switch-thumb{transition:none}}