.pond-layer{pointer-events:none;position:absolute;inset:0;overflow:hidden;container-type:inline-size}.pond-leaf{left:0;top:var(--y);opacity:.7;animation:pond-drift var(--dur) linear var(--delay) infinite;position:absolute}.pond-line{color:var(--fg);animation:1.4s ease-in forwards pond-drop;position:absolute;top:0}.pond-cast{border:1px solid var(--border);color:var(--fg);font-family:var(--font-mono,ui-monospace, monospace);cursor:pointer;background:0 0;margin-top:.75rem;padding:.25rem .75rem;font-size:.875rem}.pond-cast:hover:not(:disabled){border-color:var(--accent)}.pond-cast:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pond-cast:disabled{color:var(--muted);cursor:default}.pond-result{min-height:1.5rem;font-family:var(--font-mono,ui-monospace, monospace);margin-top:.5rem;font-size:.875rem}@keyframes pond-drift{0%{transform:translate(-3ch)}25%{transform:translate(25cqw,.3em)}50%{transform:translate(50cqw,-.2em)}75%{transform:translate(75cqw,.25em)}to{transform:translate(100cqw)}}@keyframes pond-drop{0%{opacity:0;transform:translateY(-1.5em)}20%{opacity:1}to{opacity:1;transform:translateY(3.2em)}}