body{margin:0;background-color:#000;overflow:hidden;color:#fff;font-family:Inter,sans-serif}canvas{display:block}#ui{position:absolute;top:20px;left:20px;z-index:100;pointer-events:none}#ui *{pointer-events:auto}h1{font-size:1.5rem;font-weight:300;text-transform:uppercase;letter-spacing:.5rem;margin-bottom:20px;background:linear-gradient(to right,#fff,#555);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}button{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff;padding:10px 20px;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s}button:hover{background:#fff3;border-color:#fff}.audio-control{position:fixed;top:20px;right:20px;z-index:1000;padding:10px 15px;background:#0009;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:5px;cursor:pointer;font-family:sans-serif;transition:background .3s}.audio-control:hover{background:#fff3}