@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:Space Grotesk,Arial,sans-serif;color:#eaeaf4;background:#05060b;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100svh;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.3;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #70f8d3;outline-offset:5px}#visualizer{position:fixed;inset:0;width:100%;height:100%;z-index:-2}.grain{position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at center,transparent 20%,#05060b99 100%)}header{position:fixed;top:0;left:0;right:0;padding:32px 42px;display:flex;justify-content:space-between;align-items:flex-start}.brand{font-size:23px;letter-spacing:5px;font-weight:700;color:#fff;text-decoration:none}.brand>span{font-weight:400;color:#90909e;margin-left:12px;letter-spacing:3px}.brand small{display:block;font-size:8px;font-weight:400;letter-spacing:3px;color:#676b80;margin-top:10px}.top-actions{display:flex;gap:12px;align-items:center}button{border:1px solid #ffffff1a;background:#11131b99;color:#c6c8d7;border-radius:8px;padding:10px 13px;transition:background .2s,border .2s}button:hover{background:#ffffff16;border-color:#ffffff42}#fullscreen{font-size:22px;padding:5px 12px}#toggle{font-size:11px}#status{font-size:9px;letter-spacing:1.7px;color:#8b8d9f;margin-right:18px}i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#6c7185;margin-right:7px}.playing i,.live-dot:before{background:#6cf2cb;box-shadow:0 0 10px #6cf2cb}.scene-caption{position:fixed;left:44px;bottom:350px;pointer-events:none}.scene-caption>span{color:#73e9cf;letter-spacing:3px;font-size:10px}h1{font-weight:400;letter-spacing:-1.5px;font-size:42px;margin:12px 0 8px}.scene-caption p{font-size:12px;letter-spacing:.8px;color:#9295a8;margin:0}#controls{position:fixed;bottom:54px;left:50%;transform:translate(-50%);width:min(850px,calc(100% - 48px));padding:23px 26px 15px;border:1px solid #ffffff19;border-radius:18px;background:linear-gradient(125deg,#141722d9,#0b0d15d9);box-shadow:0 20px 70px #0008;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);transition:opacity .3s,transform .3s}.panel-heading,.panel-footer{display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:9px;letter-spacing:2px;color:#979bab}.live-dot{font-size:8px;letter-spacing:1.5px;color:#74d9bd}.live-dot:before{content:"";display:inline-block;width:4px;height:4px;border-radius:100%;margin-right:6px}.modes{display:flex;gap:6px;margin:18px 0}.mode{flex:1;text-align:left;font-size:12px;padding:12px 14px;background:#ffffff03;white-space:nowrap}.mode>span{font-size:9px;color:#666d82;margin-right:10px}.mode.active{border-color:#71e2c85c;background:#67ebcd0d;color:#a5ffe4}.mode.active>span{color:#6dedca}.player{display:flex;align-items:center;gap:12px;padding:14px 0 8px;border-top:1px solid #ffffff0d}.upload{font-size:13px;color:#a6f4df;border-color:#6beac333;white-space:nowrap}.track{min-width:0;flex:1}.track strong{display:block;font-size:12px;font-weight:500;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.track>span{display:block;font-size:10px;color:#747b91;margin-top:5px}.play{border:0;background:#a9fce0;color:#09261f;width:40px;height:40px}.play:hover{background:#d0ffef}#restart{border:0;background:transparent;font-size:22px}.timeline{display:flex;align-items:center;gap:12px;color:#7b8195;font-size:9px;font-variant-numeric:tabular-nums;margin:7px 0 16px}.timeline input{flex:1}.settings{display:grid;grid-template-columns:1fr 1fr 1.1fr .8fr;gap:26px}.settings label{font-size:10px;color:#9a9eb0}.settings output{float:right;color:#ced1e1;font-size:9px}.settings input{display:block;width:100%;margin-top:12px}input[type=range]{appearance:none;height:3px;background:#343746;border-radius:6px;cursor:pointer;accent-color:#9ff4db}input[type=range]::-webkit-slider-thumb{appearance:none;width:9px;height:9px;border-radius:50%;background:#a3f4dc;box-shadow:0 0 7px #a3f4dc33}select{display:block;width:100%;margin-top:6px;padding:5px 7px;border:1px solid #ffffff1c;border-radius:5px;background:#141722;color:#d5d8e4;font-size:10px}.panel-footer{border-top:1px solid #ffffff0c;padding-top:12px;margin-top:18px;font-size:7px;letter-spacing:1px;color:#626a7f}.panel-footer i{width:4px;height:4px;background:#68b9a4}#energy{letter-spacing:1.5px;color:#829a9e}footer{position:fixed;bottom:20px;left:42px;right:42px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:2px;color:#4f566d}.controls-hidden #controls{opacity:0;pointer-events:none;transform:translate(-50%,30px)}.controls-hidden .scene-caption{bottom:70px}#drop-overlay{position:fixed;inset:18px;border:1px dashed #8ef1d0;border-radius:24px;background:#070e16ed;display:none;place-content:center;text-align:center;z-index:5;font-size:38px;color:#adffe3;pointer-events:none}#drop-overlay span{display:block;font-size:12px;letter-spacing:4px;margin-top:15px}#drop-overlay.visible{display:grid}#message{position:fixed;top:110px;left:50%;transform:translate(-50%);font-size:12px;background:#24202bef;border:1px solid #ad829b55;border-radius:10px;padding:14px 20px;max-width:90%;z-index:10}#message:empty{display:none}.no-webgl{background:radial-gradient(ellipse at center,#251644,#05060b 70%)}@media(min-width:1500px){.scene-caption{bottom:370px;left:7%}#controls{bottom:65px}}@media(max-width:700px){header{padding:22px}.brand{font-size:17px;letter-spacing:3px}.brand>span{display:block;margin:5px 0 0;font-size:10px;letter-spacing:5px}.brand small,#status{display:none}.top-actions{gap:6px}#controls{width:calc(100% - 24px);bottom:40px;padding:18px 16px 13px}.eyebrow{font-size:7px;letter-spacing:1px}.live-dot{font-size:7px}.modes{gap:4px;margin:14px 0}.mode{font-size:10px;padding:10px 5px;text-align:center}.mode>span{display:block;margin:0 0 4px;font-size:8px}.settings{grid-template-columns:1fr 1fr;gap:18px 22px}.track>span{font-size:8px}.track strong{font-size:11px}.upload{padding:10px}.upload span{display:none}.player{gap:8px}.scene-caption{left:24px;bottom:405px}h1{font-size:30px}.scene-caption p{font-size:10px}.panel-footer{font-size:6px;letter-spacing:.5px}#energy{letter-spacing:.3px}footer{bottom:15px;left:22px;right:22px;font-size:6px;letter-spacing:1px}#toggle{font-size:9px}.timeline{margin-bottom:18px}}@media(max-height:620px){.scene-caption{display:none}#controls{bottom:30px;padding:12px 18px}.panel-heading,.panel-footer{display:none}.modes{margin:0 0 10px}.settings{grid-template-columns:repeat(4,1fr);gap:15px}header{padding:15px 22px}footer{bottom:10px}}@media(min-width:701px)and (min-height:621px){.scene-caption{bottom:405px}}body.immersive>:not(#visualizer):not(header):not(script){display:none!important}body.immersive header{position:fixed;inset:0;padding:0;pointer-events:none;z-index:20}body.immersive .brand,body.immersive #status,body.immersive #toggle{display:none!important}body.immersive #fullscreen{position:fixed;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));min-height:44px;padding:10px 14px;font-size:12px;pointer-events:auto;background:#0b0d1580;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}body.immersive #visualizer{z-index:0}