:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f0e7cd;font-size:14px;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#03050d}canvas{display:block;width:100%;height:100%;touch-action:none}#error{position:fixed;inset:40% 15% auto;padding:30px;background:#0b353d;border-radius:12px;line-height:1.8}#error[hidden]{display:none}
:root .back-to-labs{position:fixed;top:max(20px,env(safe-area-inset-top));left:max(20px,env(safe-area-inset-left));z-index:2;display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:10px 15px;border:1px solid #ae4dff55;border-radius:12px;background:#070b18dc;backdrop-filter:blur(22px);color:#f0e7cd;font-size:14px;text-decoration:none;box-shadow:0 8px 30px #00000055}.back-to-labs span{color:#16e0a0}.back-to-labs:hover{background:#351357e8}.back-to-labs:focus-visible{outline:2px solid #70ebcb;outline-offset:3px}@media(max-width:500px){:root .back-to-labs{top:max(16px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left))}}

.signal-gear{position:fixed;top:max(20px,env(safe-area-inset-top));right:max(20px,env(safe-area-inset-right));z-index:3;width:46px;height:46px;display:grid;place-items:center;border:1px solid #ae4dff66;border-radius:50%;background:#070b18dc;box-shadow:0 0 20px #ae4dff25,inset 0 0 14px #16e0a015;cursor:pointer;backdrop-filter:blur(18px)}.signal-gear svg{width:26px;height:26px;filter:drop-shadow(0 0 5px #ae4dff88);transition:transform .4s}.signal-gear:hover svg{transform:rotate(45deg)}.signal-gear:hover{box-shadow:0 0 22px #16e0a040}
#signal-options{position:fixed;inset:80px 20px auto auto;margin:0;width:min(380px,calc(100vw - 32px));max-height:calc(100dvh - 100px);overflow:auto;border:1px solid #ae4dff55;border-radius:24px;padding:30px;background:radial-gradient(ellipse at 0 0,#35135770,transparent 65%),radial-gradient(ellipse at 100% 100%,#073c3250,transparent 70%),#070b18f5;color:#f0e7cd;box-shadow:0 24px 90px #0009;backdrop-filter:blur(25px)}#signal-options::backdrop{background:#03050d50;backdrop-filter:blur(3px)}#signal-form label{font-size:14px;color:#ece7d9}#signal-message{display:block;margin-top:14px;width:100%;resize:vertical;min-height:110px;max-height:220px;border:1px solid #ae4dff45;border-radius:12px;padding:13px;background:#03050da6;color:#f0e7cd;font:14px/1.6 system-ui;caret-color:#16e0a0}.slider-label{display:flex;justify-content:space-between;align-items:center;margin-top:28px}.slider-label output{color:#70ebcb;font-size:12px;font-variant-numeric:tabular-nums}#signal-speed{appearance:none;width:100%;height:24px;margin:12px 0 0;background:linear-gradient(90deg,#ae4dff,#16e0a0) center/100% 5px no-repeat;cursor:pointer}#signal-speed::-webkit-slider-thumb{appearance:none;width:19px;height:19px;border-radius:50%;border:2px solid #d8ffe9;background:#16e0a0;box-shadow:0 0 12px #16e0a088}#signal-speed::-moz-range-thumb{width:16px;height:16px;border-radius:50%;border:2px solid #d8ffe9;background:#16e0a0;box-shadow:0 0 12px #16e0a088}.signal-medallion{--proximity:0;position:relative;display:grid;place-items:center;margin:26px auto 0;width:68px;height:68px;border-radius:50%;border:1px solid #ae4dff99;color:#70ebcb;background:radial-gradient(circle at 25% 20%,#6820b480,#073c3280 75%);cursor:pointer;box-shadow:0 0 calc(8px + 30px * var(--proximity)) #ae4dff65,inset 0 0 calc(5px + 20px * var(--proximity)) #16e0a035;transition:box-shadow .1s,transform .12s}.signal-medallion svg{width:38px;height:38px;filter:drop-shadow(0 0 5px #16e0a099)}.signal-medallion::after{content:"";position:absolute;inset:-1px;border:1px solid #70ebcb;border-radius:50%;opacity:0;pointer-events:none}.signal-medallion.pulsing::after{animation:medallion-pulse .42s ease-out}.signal-medallion.pulsing{transform:scale(.93);color:#e3fff6}.signal-medallion:focus-visible{--proximity:1}@keyframes medallion-pulse{from{transform:scale(1);opacity:1}to{transform:scale(1.65);opacity:0}}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #70ebcb;outline-offset:4px}@media(max-width:500px){.signal-gear{top:16px;right:16px}#signal-options{top:76px;right:16px;padding:25px;max-height:calc(100dvh - 92px)}}@media(prefers-reduced-motion:reduce){.signal-gear svg{transition:none}.signal-medallion.pulsing::after{animation:none}.signal-medallion.pulsing{box-shadow:0 0 25px #16e0a099}}

.sound-toggle{position:fixed;z-index:3;top:max(20px,env(safe-area-inset-top));right:max(78px,calc(env(safe-area-inset-right) + 58px));width:46px;height:46px;display:grid;place-items:center;border:1px solid #ae4dff55;border-radius:50%;background:#070b18dc;color:#70ebcb;cursor:pointer;box-shadow:0 0 16px #ae4dff20;backdrop-filter:blur(18px)}.sound-toggle svg{width:23px;height:23px}.sound-toggle:hover{box-shadow:0 0 22px #16e0a040}.sound-off{display:none}.sound-toggle[aria-pressed=false]{color:#bba5d0}.sound-toggle[aria-pressed=false] .sound-off{display:block}.sound-toggle[aria-pressed=false] .sound-waves{display:none}@media(max-width:500px){.sound-toggle{top:16px;right:74px}}

[hidden]{display:none!important}.mode-switch{display:flex;gap:5px;margin-bottom:24px;padding:4px;border:1px solid #ae4dff44;border-radius:30px;background:#03050d80}.mode-switch button{flex:1;border:0;border-radius:24px;background:transparent;color:#bba5d0;padding:10px;cursor:pointer;font:inherit}.mode-switch button[aria-pressed=true]{background:linear-gradient(110deg,#6820b466,#073c32);color:#e3fff6;box-shadow:0 0 15px #ae4dff22}.track-picker{display:block;position:relative;padding:14px;text-align:center;border:1px solid #ae4dff88;border-radius:12px;color:#70ebcb;background:#35135750;cursor:pointer}.track-picker input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.track-picker:focus-within{outline:2px solid #70ebcb;outline-offset:3px}#track-name{margin:14px 0;font-size:12px;overflow-wrap:anywhere;color:#bba5d0}#music-player{display:block;width:100%;height:40px}#music-intensity{appearance:none;width:100%;height:24px;margin-top:12px;background:linear-gradient(90deg,#ae4dff,#16e0a0) center/100% 5px no-repeat;cursor:pointer}#music-intensity::-webkit-slider-thumb{appearance:none;width:19px;height:19px;border-radius:50%;border:2px solid #d8ffe9;background:#16e0a0;box-shadow:0 0 12px #16e0a088}#music-intensity::-moz-range-thumb{width:16px;height:16px;border-radius:50%;border:2px solid #d8ffe9;background:#16e0a0}#music-error{color:#efb4db;font-size:13px;line-height:1.5;margin-top:16px}

#music-tempo{display:block;color:#70ebcb;font-size:12px;text-align:right;margin-bottom:10px;font-variant-numeric:tabular-nums}#music-tempo:empty{display:none}