*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;background:#05090d;font:12px/1 ui-sans-serif,system-ui,sans-serif}#app{display:block;width:100%;height:100%;touch-action:none}#loading{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#05090d;color:#e9f0f694;letter-spacing:.04em;transition:opacity .45s ease}#loading.done{opacity:0;pointer-events:none}.loading-spinner{width:22px;height:22px;border:2px solid rgba(233,240,246,.16);border-top-color:#e9f0f6b8;border-radius:50%;animation:loading-spin .8s linear infinite}@keyframes loading-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.loading-spinner{animation:none}}#hint{position:fixed;left:50%;bottom:14px;transform:translate(-50%);color:#e9f0f673;pointer-events:none}#pipeline-steps{position:fixed;right:14px;bottom:60px;z-index:40;display:none;grid-template-columns:repeat(2,auto);gap:7px 12px;pointer-events:none;visibility:hidden;display:grid}#pipeline-steps.visible{visibility:visible}.pipeline-step{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.pipeline-step-label{color:#e9f0f699;font-size:10px;letter-spacing:.05em;text-transform:uppercase;text-shadow:0 1px 3px rgba(0,0,0,.9);white-space:nowrap}.pipeline-step-thumb{border:1px solid rgba(255,255,255,.22);border-radius:5px;box-shadow:0 3px 10px #0006}.effect-toggle{position:fixed;right:18px;bottom:18px;width:34px;height:34px;border:none;border-radius:50%;background:#ffffff0f;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#ffffff40;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .5s cubic-bezier(.16,1,.3,1),background .5s cubic-bezier(.16,1,.3,1);z-index:10}.effect-toggle:hover{color:#ffffff8c;background:#ffffff1a}.effect-toggle.active{color:#ffffffbf}.effect-toggle svg{width:16px;height:16px}.effect-toggle:after{content:"Water effect";position:absolute;bottom:calc(100% + 8px);right:0;padding:5px 10px;border-radius:6px;background:#ffffff1a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#ffffffb3;font-size:11px;font-weight:400;letter-spacing:.02em;white-space:nowrap;opacity:0;transform:translateY(4px);transition:all .3s cubic-bezier(.16,1,.3,1);pointer-events:none}.effect-toggle:hover:after{opacity:1;transform:translateY(0)}