@layer text{.wiggle,.wiggle-rotate{perspective:100px;transform-style:preserve-3d}.content{display:grid;place-items: center;min-height:100%;padding:2rem 0}.block{backdrop-filter:blur(3px);background-color:#000c;border-radius:1rem;max-inline-size:min(60ch,80%);margin:0 auto;padding:1rem}.headline{text-align:center;letter-spacing:.5em;margin:0}.intro{margin:1.25rem 0 0}.word{display:inline-block;cursor:default}.letter-wrap{position:relative;display:inline-block;perspective:200px;transform-style:preserve-3d}.letter{display:inline-block;transform-origin:center;transform-style:preserve-3d;backface-visibility:hidden;transform:translate(0,0)rotateX(0)rotateY(0)rotate(0)}.letter-main{position:relative;z-index:1}.letter-shadow{position:absolute;z-index:0;color:#ffffff59;pointer-events:none;filter:blur(.4px);user-select:none;inset:0}.controls{position:fixed;z-index:20;display:flex;gap:.5rem;top:1rem;right:1rem}.motion-toggle,.audio-toggle{display:grid;color:#ffffffe6;font:inherit;cursor:pointer;backdrop-filter:blur(4px);background:#00000073;border:1px solid #ffffff40;border-radius:.6rem;place-items: center;block-size:2.4rem;inline-size:2.4rem;padding:0}.motion-toggle-icon,.audio-toggle-icon{block-size:1.1rem;inline-size:1.1rem}.audio-toggle-icon{grid-area:1/1}.audio-toggle[aria-pressed=true] .audio-icon-off,.audio-toggle[aria-pressed=false] .audio-icon-on{display:none}.motion-toggle[aria-pressed=false],.audio-toggle[aria-pressed=false]{color:#afafafe6}.motion-toggle:hover,.audio-toggle:hover{background:#0009}.motion-toggle:focus-visible{outline:2px solid #ffffffb3;outline-offset:2px}.audio-toggle:focus-visible{outline:2px solid #ffffffb3;outline-offset:2px}}@layer base{*,*:before,*:after{box-sizing:border-box}html,body{color:#fff;color:color(display-p3 1 1 1);color:lab(100% 0 0);letter-spacing:.2em;background-color:#0000;height:100%;margin:0;font-family:monospace;font-size:18px;line-height:1.667}body.bg-fallback{background:radial-gradient(120vmax 80vmax at 70% 15%,#3d842c4d,#0000 55%),radial-gradient(80vmax 60vmax at 20% 75%,#1e523140,#0000 60%),#020906}body.bg-fallback canvas{display:none}}canvas{display:block;position:fixed;z-index:-9999;width:100%;height:100%;top:0;left:0}