@import"https://fonts.googleapis.com/css2?family=Indie+Flower&family=Kalam:wght@300;400;700&family=Patrick+Hand&family=Permanent+Marker&family=Rock+Salt&family=Shadows+Into+Light&family=Nanum+Pen+Script&family=VT323&display=swap";@import"https://fonts.googleapis.com/css2?family=VT323&display=swap";.stylish-button-row{display:flex;gap:12px;margin-bottom:20px;justify-content:center}.stylish-btn{font-size:1em;padding:10px 18px;border-radius:14px;border:none;cursor:pointer;font-weight:700;margin:0 2px;transition:box-shadow .2s,transform .2s}.stylish-btn-neon{color:#fff;box-shadow:0 0 8px #0ff,0 0 16px #0ff;text-shadow:0 0 4px #0ff}.stylish-btn-glass{color:#222;background:#ffffff80!important;box-shadow:0 2px 8px #00000026;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.stylish-btn-retro{color:#784212;background:#ffe6b3!important;font-family:monospace;border:2px solid #784212}.stylish-btn-lcd{color:#0f0;background:#222!important;font-family:Courier New,monospace;border:1px solid #0f0}.stylish-btn:active{transform:scale(.95);box-shadow:0 0 2px #000}.wild-fader{display:flex;flex-direction:column;align-items:center;position:relative;width:50px;margin:0 6px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fader-input{writing-mode:vertical-lr;direction:rtl;writing-mode:bt-lr;width:40px;pointer-events:auto!important;z-index:200!important;cursor:pointer!important;opacity:0;touch-action:manipulation}.fader-label{font-size:.9em;font-weight:700;text-align:center;margin-top:6px;text-shadow:0 2px 4px rgba(0,0,0,.5);transition:all .3s ease}.fader-value{font-size:12px;margin-top:8px;text-align:center}.wild-fader-neon .fader-label{color:#f0f;text-shadow:0 0 5px #ff00ff;animation:neonPulse 2s infinite}.wild-fader-glass .fader-label{color:#00f7ff;text-shadow:0 0 5px rgba(0,247,255,.7);animation:trackGlow 2s infinite}.wild-fader-retro .fader-label{color:#fc0;font-family:Courier New,monospace;animation:retro-scan 2s infinite}.wild-fader-lcd .fader-label{color:#3f3;font-family:Courier New,monospace;animation:lcd-flicker 2s infinite}.wild-fader-wave .fader-label{color:#08f;animation:textFlicker 2s infinite}.wild-fader-vintage .fader-label{color:#db9;font-family:Times New Roman,serif;animation:textGlitch 2s infinite}.wild-fader-cosmic .fader-label{color:#a5f;animation:textDistort 2s infinite}.wild-fader-candy .fader-label{color:#f5a;animation:colorShift 2s infinite}.wild-fader-industrial .fader-label{color:#aaa;animation:industrial-noise 2s infinite}.wild-fader-sunset .fader-label{color:#f70;animation:thumbTwitch 2s infinite}.wild-fader-jade .fader-label{color:#0b9;animation:trackGlow 2s infinite}.wild-fader-circuit .fader-label{color:#4f4;animation:lcd-flicker 2s infinite}.wild-fader-crimson .fader-label{color:#f33;animation:neonPulse 2s infinite}.wild-fader-chrome .fader-label{color:#ddd;animation:textFlicker 2s infinite}.wild-fader-neon-blue .fader-label{color:#07f;animation:textGlitch 2s infinite}.wild-fader-neon .fader-track{box-shadow:0 0 5px #f0f;animation:trackGlow 2s infinite}.wild-fader-lcd .fader-track{background:#010!important;border:1px solid #00ff00;animation:lcd-flicker 2s infinite}.wild-fader-candy .fader-track{background:linear-gradient(45deg,#f5a,#f8c)!important;animation:colorShift 2s infinite}.wild-fader-industrial .fader-track{background:#444!important;border:2px solid #666666;animation:industrial-noise 2s infinite}.wild-fader-circuit .fader-track{background:#010!important;border:1px dotted #00ff00;animation:lcd-flicker 2s infinite}@keyframes trackGlow{0%{box-shadow:0 0 5px #00f7ffb3}50%{box-shadow:0 0 15px #ff00ffe6}to{box-shadow:0 0 5px #00f7ffb3}}@keyframes thumbTwitch{0%{transform:translateY(-50%) scale(1)}25%{transform:translateY(-50%) scale(1.05)}50%{transform:translateY(-50%) scale(1)}75%{transform:translateY(-50%) scale(.95)}to{transform:translateY(-50%) scale(1)}}@keyframes textFlicker{0%{opacity:1}3%{opacity:.4}6%{opacity:1}7%{opacity:.4}8%{opacity:1}9%{opacity:.4}10%{opacity:1}to{opacity:1}}@keyframes textGlitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(2px,-2px)}60%{transform:skew(2deg)}80%{transform:translate(1px,1px)}to{transform:translate(0)}}@keyframes textDistort{0%{letter-spacing:0}25%{letter-spacing:1px}50%{letter-spacing:-1px}75%{letter-spacing:2px}to{letter-spacing:0}}@keyframes colorShift{0%{color:#00f7ff}30%{color:#f0f}70%{color:#ff0}to{color:#00f7ff}}@keyframes neonPulse{0%{text-shadow:0 0 5px #ff00ff,0 0 10px #ff00ff}50%{text-shadow:0 0 15px #ff00ff,0 0 25px #ff00ff}to{text-shadow:0 0 5px #ff00ff,0 0 10px #ff00ff}}@keyframes visual-stutter{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}@keyframes thumb-stutter{0%,to{transform:translate(0) translateY(0)}25%{transform:translate(-3px) translateY(1px)}75%{transform:translate(3px) translateY(-1px)}}@keyframes text-stutter{0%,to{transform:translate(0);opacity:1}25%{transform:translate(-1px);opacity:.8}75%{transform:translate(1px);opacity:.9}}@keyframes lcd-flicker{0%,to{opacity:1}10%{opacity:.8}20%{opacity:.9}30%{opacity:1}40%{opacity:.8}50%{opacity:1}60%{opacity:.9}70%{opacity:1}80%{opacity:.8}90%{opacity:.9}}@keyframes retro-scan{0%{background-position:0% 0%}to{background-position:0% 100%}}@keyframes lcd-flicker{0%{opacity:1}92%{opacity:1}93%{opacity:.8}94%{opacity:1}95%{opacity:.9}96%{opacity:1}97%{opacity:.9}98%{opacity:1}to{opacity:1}}@keyframes industrial-noise{0%{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%' height='100%' filter='url(%23noise)' opacity='0.1'/%3E%3C/svg%3E")}to{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%' height='100%' filter='url(%23noise)' opacity='0.1'/%3E%3C/svg%3E")}}.wild-fader-neon{width:55px}.wild-fader-neon .fader-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:70px;height:240px;background:linear-gradient(to bottom,#000c,#0006,#000c);border:4px solid #333;border-radius:20px;box-shadow:0 0 20px #00000080,inset 0 0 10px #000c;position:relative;overflow:hidden}.wild-fader-neon .fader-input:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(to bottom,transparent 0,transparent 10px,rgba(0,255,255,.1) 10px,rgba(0,255,255,.1) 20px);z-index:1}.wild-fader-neon .fader-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:66px;height:30px;background:linear-gradient(to right,#00f7ff,#fff,#00f7ff);border-radius:15px;border:2px solid white;box-shadow:0 0 30px #0ff,0 0 10px #fff;cursor:pointer;z-index:3;position:relative}.wild-fader-neon .fader-label{color:#00f7ff;font-size:1.2em;text-transform:uppercase;text-shadow:0 0 10px #00f7ff,0 0 5px #fff;letter-spacing:2px}.wild-fader-glass{width:58px;height:300px}.wild-fader-glass .fader-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#fff,#ffffff80,#6496ff33 60%,#3264ff66);border:4px solid rgba(255,255,255,.8);box-shadow:0 8px 32px #3264ff4d,0 4px 8px #0000004d;transform:rotate(90deg);cursor:grab;margin-top:40px}.wild-fader-glass .fader-input:active{cursor:grabbing}.wild-fader-glass .fader-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:10px;height:40px;background:linear-gradient(to right,#4a6eff,#fff);border-radius:5px;border:1px solid white;box-shadow:0 0 5px #0003;margin-top:-15px;cursor:grab}.wild-fader-glass .fader-label{color:#ffffffe6;font-style:italic;margin-top:40px;font-size:1.1em;text-shadow:0 0 10px rgba(70,140,255,.8)}.wild-fader-retro{width:54px}.wild-fader-retro .fader-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:80px;height:200px;background:#241c11;border:6px solid #784212;border-radius:8px;box-shadow:inset 0 0 10px #000c,0 5px #5d3307;position:relative;overflow:hidden}.wild-fader-retro .fader-input:before{content:"";position:absolute;left:5px;right:5px;bottom:5px;height:190px;background:repeating-linear-gradient(to bottom,#5d3307 0,#5d3307 5px,#7b5a2b 5px,#7b5a2b 10px,#5d3307 10px,#5d3307 15px,#7b5a2b 15px,#7b5a2b 20px);z-index:1}.wild-fader-retro .fader-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:70px;height:40px;background:linear-gradient(to bottom,#f5b041,#fffbe6 90%);border:3px solid #784212;border-radius:6px;box-shadow:0 0 5px #00000080;position:relative;z-index:2}.wild-fader-retro .fader-label{color:#f5b041;font-family:Courier New,monospace;font-size:1.2em;letter-spacing:2px;text-shadow:1px 1px 0 #000;font-weight:700;margin-top:10px}.wild-fader-lcd{width:52px}.wild-fader-lcd .fader-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:80px;height:240px;background:#000;border:4px solid #222;border-radius:10px;box-shadow:0 0 15px #00ff0080,inset 0 0 10px #000c;position:relative;overflow:hidden}.wild-fader-lcd .fader-input:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#00ff001a,#00ff000d,#00ff001a),repeating-linear-gradient(to bottom,rgba(0,255,0,.05) 0,rgba(0,255,0,.05) 1px,transparent 1px,transparent 5px);z-index:1}.wild-fader-lcd .fader-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:76px;height:50px;background:linear-gradient(to bottom,#0f0,#050);border-radius:4px;border:2px solid #0f0;box-shadow:0 0 15px #0f0,0 0 5px #fff;position:relative;z-index:2}.wild-fader-lcd .fader-label{color:#0f0;font-family:Courier New,monospace;font-size:1.2em;text-transform:uppercase;text-shadow:0 0 10px #0f0;letter-spacing:1px}.wild-fader-wave{width:50px}.wild-fader-wave .fader-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:70px;height:230px;background:#00151f;border:3px solid #0af;border-radius:15px;box-shadow:0 0 15px #00a0ff66,inset 0 0 10px #000c;position:relative;overflow:hidden}.wild-fader-wave .fader-input:before{content:"";position:absolute;left:0;right:0;bottom:0;height:0%;background:linear-gradient(to bottom,#00aaffb3,#0078ffe6);border-radius:0 0 12px 12px;z-index:1;transition:height .3s ease-in-out;animation:wave 2s infinite ease-in-out}@keyframes wave{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.wild-fader-wave .fader-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:64px;height:40px;background:#ffffff1a;border:2px solid #0af;border-radius:8px;box-shadow:0 0 10px #0afc,inset 0 0 20px #00aaff80;position:relative;z-index:2}.wild-fader-wave .fader-label{color:#0af;font-size:1.2em;font-weight:700;text-shadow:0 0 10px rgba(0,170,255,.8);margin-top:10px}.wild-fader-vintage{width:45px}.wild-fader-vintage .fader-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:35px;height:180px;background:linear-gradient(to right,#8b4513,sienna,#8b4513);border:2px solid #B8860B;border-radius:3px;box-shadow:inset 0 0 5px #00000080,2px 2px 4px #0003;position:relative}.wild-fader-vintage .fader-input:before{content:"";position:absolute;left:10px;right:10px;top:5px;bottom:5px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 15px,#D2B48C 15px,#D2B48C 16px);opacity:.5;z-index:1;pointer-events:none}.wild-fader-vintage .fader-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:33px;height:20px;background:linear-gradient(to bottom,#d4af37,#b8860b);border-radius:2px;border:1px solid #FFD700;box-shadow:0 1px 2px #000c;position:relative;z-index:2}.wild-fader-vintage .fader-label{color:#d4af37;font-family:Times New Roman,serif;font-size:1em;font-weight:400;text-shadow:1px 1px 1px rgba(0,0,0,.8)}.wild-fader-cosmic{width:48px}.wild-fader-cosmic .fader-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:38px;height:190px;background:linear-gradient(to bottom,#0b0033,#1a0061 40%,indigo,#9370db);border:1px solid #8A2BE2;border-radius:10px;box-shadow:0 0 15px #8a2be280,inset 0 0 20px #000c;position:relative;overflow:hidden}.wild-fader-cosmic .fader-input:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(1px 1px at 10px 10px,white 100%,transparent),radial-gradient(1px 1px at 20px 50px,white 100%,transparent),radial-gradient(2px 2px at 30px 100px,white 100%,transparent),radial-gradient(1px 1px at 10px 150px,white 100%,transparent);z-index:1;opacity:.8}.wild-fader-cosmic .fader-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:36px;height:25px;background:radial-gradient(circle at center,#fff,#9370db 40%,indigo);border-radius:8px;border:1px solid #8A2BE2;box-shadow:0 0 10px #fffc,0 0 20px #8a2be2cc;position:relative;z-index:2}.wild-fader-cosmic .fader-label{color:#9370db;font-family:Arial,sans-serif;font-size:1em;font-style:italic;text-shadow:0 0 5px #8A2BE2,0 0 10px rgba(255,255,255,.5)}.wild-fader-candy{width:46px}.wild-fader-candy .fader-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:36px;height:185px;background:linear-gradient(to right,#ff69b4,#ffb6c1,#ff69b4);border:2px solid #FF1493;border-radius:25px;box-shadow:0 0 10px #ff149399,inset 0 0 5px #fffc;position:relative;overflow:hidden}.wild-fader-candy .fader-input:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(45deg,transparent 0,transparent 10px,rgba(255,255,255,.2) 10px,rgba(255,255,255,.2) 20px);z-index:1}.wild-fader-candy .fader-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:34px;height:34px;background:radial-gradient(circle at center,#fff,#ff1493);border-radius:50%;border:2px solid white;box-shadow:0 0 10px #ff1493;position:relative;z-index:2}.wild-fader-candy .fader-label{color:#ff1493;font-family:Comic Sans MS,cursive;font-size:1em;font-weight:700;text-shadow:0 0 5px rgba(255,255,255,.8)}.wild-fader-industrial{width:50px}.wild-fader-industrial .fader-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:40px;height:195px;background:linear-gradient(to right,#333,#777,#999,#777 60%,#333);border:4px solid #111;border-radius:0;box-shadow:inset 0 0 10px #000c,2px 2px 4px #0006;position:relative}.wild-fader-industrial .fader-input:before{content:"";position:absolute;left:5px;top:10px;width:8px;height:8px;background:#333;border:1px solid #111;border-radius:50%;box-shadow:inset 0 0 2px #000c;z-index:2}.wild-fader-industrial .fader-input:after{content:"";position:absolute;right:5px;bottom:10px;width:8px;height:8px;background:#333;border:1px solid #111;border-radius:50%;box-shadow:inset 0 0 2px #000c;z-index:2}.wild-fader-industrial .fader-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:50px;height:20px;background:linear-gradient(to bottom,#aaa,#666);border:2px solid #111;border-radius:0;box-shadow:0 2px 5px #000c;position:relative;z-index:3}.wild-fader-industrial .fader-label{color:#aaa;font-family:Impact,sans-serif;font-size:1em;text-transform:uppercase;letter-spacing:1px;text-shadow:1px 1px 1px #000}.wild-fader-sunset{width:46px}.wild-fader-sunset .fader-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:36px;height:185px;background:linear-gradient(to bottom,#ff4500,#ff8c00,orange,tomato,red);border:2px solid #FF4500;border-radius:18px;box-shadow:0 0 15px #ff450080,inset 0 0 10px #fff3;position:relative;overflow:hidden}.wild-fader-sunset .fader-input:before{content:"";position:absolute;bottom:0;left:0;right:0;height:70px;background:radial-gradient(ellipse at bottom,rgba(255,69,0,.4) 0%,transparent 70%);z-index:1;pointer-events:none}.wild-fader-sunset .fader-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:34px;height:22px;background:linear-gradient(to bottom,#ff0,#ff8c00);border:1px solid #FF4500;border-radius:11px;box-shadow:0 0 10px #ff4500cc;position:relative;z-index:2}.wild-fader-sunset .fader-label{color:#ff4500;font-family:Verdana,sans-serif;font-size:1em;font-weight:700;text-shadow:0 0 5px rgba(255,255,0,.5)}.wild-fader-jade{width:44px}.wild-fader-jade .fader-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:34px;height:180px;background:linear-gradient(135deg,#004d00,#00802b 20%,#0c6,#00802b 80%,#004d00);border:2px solid #006633;border-radius:5px;box-shadow:0 0 15px #00994c80,inset 0 0 10px #0000004d;position:relative;overflow:hidden}.wild-fader-jade .fader-input:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 0%,rgba(255,255,255,.1) 25%,transparent 50%,rgba(255,255,255,.1) 75%,transparent 100%);z-index:1;pointer-events:none}.wild-fader-jade .fader-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:32px;height:26px;background:linear-gradient(to bottom,#00e673,#008040);border:1px solid #006633;border-radius:4px;box-shadow:0 0 8px #00e673cc;position:relative;z-index:2}.wild-fader-jade .fader-label{color:#0c6;font-family:Georgia,serif;font-size:1em;font-style:italic;text-shadow:0 0 5px rgba(0,204,102,.5)}.wild-fader-circuit{width:45px}.wild-fader-circuit .fader-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:35px;height:190px;background:#001a00;border:2px solid #00ff00;border-radius:0;box-shadow:0 0 10px #00ff0080,inset 0 0 8px #0f03;position:relative;overflow:hidden}.wild-fader-circuit .fader-input:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 49%,#00ff00 49%,#00ff00 51%,transparent 51%),linear-gradient(0deg,transparent 49%,#00ff00 49%,#00ff00 51%,transparent 51%),radial-gradient(circle at 12px 30px,#00ff00 0%,#00ff00 2px,transparent 3px),radial-gradient(circle at 22px 60px,#00ff00 0%,#00ff00 2px,transparent 3px),radial-gradient(circle at 12px 90px,#00ff00 0%,#00ff00 2px,transparent 3px),radial-gradient(circle at 22px 120px,#00ff00 0%,#00ff00 2px,transparent 3px),radial-gradient(circle at 12px 150px,#00ff00 0%,#00ff00 2px,transparent 3px);background-size:35px 190px,35px 190px,auto,auto,auto,auto,auto;opacity:.3;z-index:1;pointer-events:none}.wild-fader-circuit .fader-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:33px;height:18px;background:#001a00;border:2px solid #00ff00;border-radius:0;box-shadow:0 0 10px #0f0,inset 0 0 5px #0f0;position:relative;z-index:2}.wild-fader-circuit .fader-label{color:#0f0;font-family:Courier New,monospace;font-size:.9em;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 8px #00ff00}.wild-fader-crimson{width:46px}.wild-fader-crimson .fader-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:36px;height:185px;background:linear-gradient(to right,#600,#900,#600);border:2px solid #800000;border-radius:8px;box-shadow:0 0 15px #66000080,inset 0 0 10px #00000080;position:relative;overflow:hidden}.wild-fader-crimson .fader-input:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(to bottom,transparent 0,transparent 20px,rgba(204,0,0,.4) 20px,rgba(204,0,0,.4) 21px);z-index:1;pointer-events:none}.wild-fader-crimson .fader-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:34px;height:28px;background:linear-gradient(to bottom,#d4af37,#b8860b);border:1px solid #ffd700;border-radius:6px;box-shadow:0 0 10px #d4af37cc;position:relative;z-index:2}.wild-fader-crimson .fader-label{color:#d4af37;font-family:Palatino Linotype,serif;font-size:1em;font-weight:700;text-shadow:1px 1px 2px #660000}.wild-fader-chrome{width:48px}.wild-fader-chrome .fader-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:38px;height:190px;background:linear-gradient(to right,#666,#ccc 30%,#fff,#ccc 70%,#666);border:2px solid #888;border-radius:6px;box-shadow:0 0 5px #00000080,inset 0 0 10px #0003;position:relative;overflow:hidden}.wild-fader-chrome .fader-input:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent 0%,transparent 40%,rgba(255,255,255,.5) 45%,rgba(255,255,255,.5) 55%,transparent 60%,transparent 100%);z-index:1;pointer-events:none}.wild-fader-chrome .fader-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:36px;height:24px;background:linear-gradient(to bottom,#eee,#999);border:1px solid #666;border-radius:5px;box-shadow:0 2px 5px #00000080;position:relative;z-index:2}.wild-fader-chrome .fader-label{color:#333;font-family:Arial,sans-serif;font-size:1em;font-weight:700;text-shadow:0 1px 0 rgba(255,255,255,.5)}.wild-fader-neon-blue{width:45px}.wild-fader-neon-blue .fader-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:35px;height:180px;background:#003;border:2px solid #0066ff;border-radius:15px;box-shadow:0 0 20px #06fc,inset 0 0 15px #0066ff4d;position:relative;overflow:hidden}.wild-fader-neon-blue .fader-input:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:#06f;box-shadow:0 0 15px 3px #06f;z-index:1;pointer-events:none}.wild-fader-neon-blue .fader-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:33px;height:20px;background:#001e3cb3;border:2px solid #0099ff;border-radius:12px;box-shadow:0 0 15px #09f,inset 0 0 8px #09f;position:relative;z-index:2}.wild-fader-neon-blue .fader-label{color:#09f;font-family:Segoe UI,sans-serif;font-size:1em;font-weight:400;text-shadow:0 0 10px #0099ff,0 0 20px #0099ff}.fx-fader-item.fader-active{transition:all .2s ease-in-out}.fx-faders-grid .fx-fader-item.fader-active .wild-fader-label{font-weight:700!important;text-shadow:0 0 8px currentColor!important;transform:scale(1.05)!important;transition:all .2s ease-in-out!important}@keyframes allFreakShake{0%,to{transform:translate(0)}25%{transform:translate(-3px) rotate(-2deg)}75%{transform:translate(3px) rotate(2deg)}}@keyframes drumFreakPulse{0%,to{transform:scale(1);filter:hue-rotate(0deg)}50%{transform:scale(1.1);filter:hue-rotate(180deg)}}@keyframes sp1200Glitch{0%,90%,to{transform:translate(0);filter:contrast(1)}10%{transform:translate(-2px);filter:contrast(1.5)}20%{transform:translate(2px);filter:contrast(.8)}}@keyframes whoaWave{0%,to{transform:translateY(0) skew(0)}25%{transform:translateY(-2px) skew(2deg)}75%{transform:translateY(2px) skew(-2deg)}}@keyframes stutterJitter{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(.95) rotate(-1deg)}50%{transform:scale(1.05) rotate(1deg)}75%{transform:scale(.98) rotate(-.5deg)}}@keyframes musicFlipSpin{0%{transform:rotateY(0)}50%{transform:rotateY(180deg)}to{transform:rotateY(360deg)}}@keyframes musicChopSlice{0%,to{clip-path:inset(0 0 0 0)}50%{clip-path:inset(0 0 50% 0)}}@keyframes musicFxCycle{0%{filter:hue-rotate(0deg) saturate(1)}33%{filter:hue-rotate(120deg) saturate(1.5)}66%{filter:hue-rotate(240deg) saturate(.8)}to{filter:hue-rotate(360deg) saturate(1)}}@keyframes slowDownDrag{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-5px) scale(.95)}}@keyframes wavyFlow{0%,to{transform:skew(0) translateY(0)}25%{transform:skew(3deg) translateY(-1px)}75%{transform:skew(-3deg) translateY(1px)}}@keyframes delayEcho{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}to{transform:scale(1);opacity:1}}@keyframes filterSweep{0%,to{filter:brightness(1) contrast(1)}50%{filter:brightness(1.3) contrast(1.2)}}@keyframes riseUp{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes drownOutSink{0%,to{transform:translateY(0) scale(1);filter:blur(0px)}50%{transform:translateY(3px) scale(.95);filter:blur(1px)}}@keyframes flangeWobble{0%,to{transform:scaleX(1) scaleY(1)}25%{transform:scaleX(1.05) scaleY(.95)}75%{transform:scaleX(.95) scaleY(1.05)}}@keyframes chipMonkSqueak{0%,to{transform:scale(1) translateY(0)}50%{transform:scale(1.1) translateY(-2px)}}@keyframes pitchDownDrop{0%,to{transform:translateY(0) scaleY(1)}50%{transform:translateY(2px) scaleY(.9)}0%{transform:translateY(0) scaleY(1)}to{transform:translateY(2px) scaleY(.98)}}.fx-fader-item[data-fader-id=allFreak].fader-active{animation:allFreakShake .5s ease-in-out infinite!important}.fx-fader-item[data-fader-id=drumFreak].fader-active{animation:drumFreakPulse .8s ease-in-out infinite!important}.fx-fader-item[data-fader-id=focus].fader-active{animation:focusGlow 1s ease-in-out infinite!important}.fx-fader-item[data-fader-id=sp1200].fader-active{animation:sp1200Glitch .3s ease-in-out infinite!important}.fx-fader-item[data-fader-id=whoa].fader-active{animation:whoaWave .6s ease-in-out infinite!important}.fx-fader-item[data-fader-id=stutter].fader-active{animation:stutterJitter .2s ease-in-out infinite!important}.fx-fader-item[data-fader-id=musicFlip].fader-active{animation:musicFlipSpin 1.2s ease-in-out infinite!important}.fx-fader-item[data-fader-id=musicChop].fader-active{animation:musicChopSlice .4s ease-in-out infinite!important}.fx-fader-item[data-fader-id=musicFx].fader-active{animation:musicFxColorCycle 2s ease-in-out infinite!important}.fx-fader-item[data-fader-id=slowDown].fader-active{animation:slowDownDrag 1.5s ease-in-out infinite!important}.fx-fader-item[data-fader-id=wavy].fader-active{animation:wavyFlow .7s ease-in-out infinite!important}.fx-fader-item[data-fader-id=delay].fader-active{animation:delayEcho 1s ease-in-out infinite!important}.fx-fader-item[data-fader-id=filter].fader-active{animation:filterSweep .8s ease-in-out infinite!important}.fx-fader-item[data-fader-id=rise].fader-active{animation:riseUp 1s ease-in-out infinite!important}.fx-fader-item[data-fader-id=drownOut].fader-active{animation:drownOutSink 1.2s ease-in-out infinite!important}.fx-fader-item[data-fader-id=flange].fader-active{animation:flangeWobble .6s ease-in-out infinite!important}.fx-fader-item[data-fader-id=chipMonk].fader-active{animation:chipMonkSqueak .4s ease-in-out infinite!important}.fx-fader-item[data-fader-id=pitchDown].fader-active{animation:pitchDownDrop 2s ease-in-out infinite alternate!important}.radio-tile-group{display:flex;flex-wrap:wrap;justify-content:center}.radio-tile-button{position:relative;height:6.5rem;width:5.5rem;margin:.4rem}.radio-button{opacity:0;position:absolute;top:0;left:0;height:100%;width:100%;margin:0;cursor:pointer;z-index:2}.radio-tile{display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:100%;width:100%;border:2px solid #333;border-radius:6px;padding:.8rem .5rem;background:linear-gradient(to bottom,#555,#333);color:#ddd;box-shadow:inset 0 1px #ffffff26,inset 0 -1px #00000040,0 2px 6px #00000080,0 1px 1px #0000004d;transition:all .12s ease;cursor:pointer;position:relative;overflow:hidden}.radio-tile.active{background:linear-gradient(to bottom,rgba(var(--primary-color-rgb, 7, 154, 217),.9),rgba(var(--primary-color-rgb, 7, 154, 217),.7));border-color:rgba(var(--primary-color-rgb, 7, 154, 217),1);color:#fff;transform:translateY(2px);box-shadow:inset 0 1px 3px #0000004d,inset 0 -1px #ffffff1a,0 1px 2px #0003}.radio-tile.reset-tile{background:linear-gradient(to bottom,#555,#3c0808);border-color:#541212}.radio-tile.reset-tile:hover{background:linear-gradient(to bottom,#651212,#4d0606);border-color:#761818}.radio-tile.reset-tile:active{background:linear-gradient(to bottom,#4d0606,#3c0808);transform:translateY(2px);box-shadow:inset 0 1px 3px #0006,inset 0 -1px #ffffff1a,0 1px 2px #0003}.icon{height:2.8rem;width:2.8rem;color:#ddd;transition:all .15s ease;z-index:2}.radio-tile.active .icon{color:#fff;filter:drop-shadow(0 0 3px rgba(255,255,255,.7))}.radio-tile-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#bdc3c7;transition:all .15s ease;margin-top:.5rem;text-shadow:0 1px 1px rgba(0,0,0,.5)}.radio-tile.active .radio-tile-label{color:#fff}.radio-tile:not(.active):hover{transform:scale(1.05);box-shadow:0 0 8px #079ad966}:root{--recipes-menu-top: 470px;--spotify-green: #1DB954;--spotify-black: #121212;--spotify-dark-gray: #181818;--spotify-light-gray: #282828;--spotify-text: #FFFFFF;--spotify-text-subdued: #b3b3b3;--spotify-highlight: #1DB954;--spotify-purple: #8A2BE2;--recipes-menu-left: 100px}.recipes-container{position:fixed;left:var(--recipes-menu-left);top:var(--recipes-menu-top);bottom:0;z-index:50;width:calc(100vw - 120px);height:calc(100vh - var(--recipes-menu-top));max-height:none;overflow:visible;font-family:Circular Std,Helvetica Neue,Helvetica,Arial,sans-serif}.recipes-modal{background:linear-gradient(135deg,var(--spotify-black) 0%,var(--spotify-dark-gray) 100%);padding:20px;border-radius:12px;box-shadow:0 10px 30px #00000080,0 0 0 1px #ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);overflow:visible;position:relative;display:flex;flex-direction:column;height:100%;min-height:100%;max-height:none}.recipes-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--recipes-primary),var(--recipes-secondary));z-index:1}.recipes-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;position:relative;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:20px}.recipes-title{font-size:28px;font-weight:700;color:#fff;position:relative;display:inline-block;background:linear-gradient(90deg,var(--spotify-purple),var(--spotify-green));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:-.5px}.recipes-title:after{content:"";position:absolute;bottom:-4px;left:0;width:40px;height:3px;background:linear-gradient(90deg,var(--recipes-primary),var(--recipes-secondary));border-radius:3px}.recipes-close-button{background:#0000004d;border:1px solid rgba(255,255,255,.1);color:#e0e0e0;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s;box-shadow:0 2px 4px #0000004d}.recipes-close-button:hover{color:#fff;background-color:#ffffff26;transform:scale(1.05);box-shadow:0 4px 8px #0006}.recipes-menu-content{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;min-height:0;height:100%;padding:0 6px 6px;flex:1 1 auto;align-content:flex-start;max-height:none}.recipes-content::-webkit-scrollbar{width:8px}.recipes-content::-webkit-scrollbar-track{background:transparent}.recipes-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.recipes-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.recipes-category{background:none;border-radius:0;padding:0;margin-bottom:12px;min-width:120px;max-width:100vw;box-shadow:none;overflow:visible}.recipes-category-title{font-size:14px;font-weight:700;color:#fff;margin-bottom:2px;display:flex;align-items:center;position:relative;padding-left:0;background:none}.recipes-category-title .category-icon{margin-right:12px;color:var(--soundcraft-blue);display:flex;align-items:center;justify-content:center}.recipes-see-all{font-size:14px;color:var(--spotify-text-subdued);text-decoration:none;text-transform:uppercase;letter-spacing:1px;font-weight:700;margin-left:auto;transition:color .2s ease}.recipes-see-all:hover{color:var(--soundcraft-blue)}.recipes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.6em;height:100%;max-height:none;overflow-y:auto;padding:.5em .5em 1em;width:100%;box-sizing:border-box}.toggle-switch-container{display:flex;align-items:center;gap:12px}.toggle-switch-label{font-size:14px;font-weight:500;color:var(--spotify-text-subdued);transition:color .3s ease}.toggle-switch{position:relative;display:inline-block;width:50px;height:28px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--spotify-light-gray);border:1px solid #444;transition:.4s;border-radius:28px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.toggle-slider{background-color:var(--spotify-green);border:1px solid var(--spotify-green)}input:checked+.toggle-slider:before{transform:translate(22px)}input:checked~.toggle-switch-label{color:var(--spotify-text)}.selected-recipe-title{margin-left:1em;font-family:"Press Start 2P",VT323,Courier New,Courier,monospace;font-size:2.2em;color:#fff;font-weight:700;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:250px;flex-shrink:1}.recipe-btn{background:#181818e6;color:#fff;font-weight:600;border:2px solid rgba(255,255,255,.14);border-radius:10px;padding:.38em 1.1em;font-size:1.02em;min-height:40px;box-shadow:0 1px 4px #00000012;transition:background .2s,box-shadow .2s;cursor:pointer;outline:none;display:flex;align-items:center;justify-content:center;text-align:center;background-clip:padding-box}.btn-hiphop{background:#232f47!important}.btn-latin{background:#473723!important}.btn-pop{background:#44233b!important}.btn-rock{background:#34343a!important}.btn-electronic{background:#233a39!important}.btn-jazz{background:#353a23!important}.btn-hiphop{background:#223a5e!important}.btn-latin{background:#b86b00!important}.btn-pop{background:#d72660!important}.btn-rock{background:#63666a!important}.btn-electronic{background:#20898a!important}.btn-jazz{background:#7a8450!important}.btn-other{background:#232323!important}.recipes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));justify-items:center;align-self:center;row-gap:.7em;-moz-column-gap:.25em;column-gap:.25em;width:100%}.btn-hiphop{background:linear-gradient(90deg,#233a5e,#324e7b)!important}.btn-latin{background:linear-gradient(90deg,#4e2d0e,#a45b15)!important}.btn-pop{background:linear-gradient(90deg,#4e265e,#7b3283)!important}.btn-rock{background:linear-gradient(90deg,#3e2c1b,#7b5e32)!important}.btn-electronic{background:linear-gradient(90deg,#17424d,#2f7b7b)!important}.btn-jazz{background:linear-gradient(90deg,#2a2e3e,#4e537b)!important}.btn-other{background:linear-gradient(90deg,#2c2c2c,#444)!important}.recipe-btn:hover:not(:disabled){background:#282828eb;border-color:#fff6}.recipe-btn-label{white-space:pre-line;text-align:center;font-size:1em;font-weight:600;letter-spacing:.01em;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.recipe-btn-icon{display:flex;align-items:center;margin-right:10px}.recipe-card{background:var(--spotify-light-gray);border-radius:4px;padding:4px;transition:all .3s ease;cursor:pointer;box-shadow:0 2px 6px #0003;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center}.size-small .recipe-card{height:65px}.size-medium .recipe-card{height:70px}.size-large .recipe-card{height:75px}.recipe-image{width:100%;height:45px;border-radius:3px;overflow:hidden;margin-bottom:3px;position:relative;box-shadow:0 1px 4px #0000004d}.recipe-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.recipe-card:hover .recipe-image img{transform:scale(1.05)}.recipe-play-button{position:absolute;bottom:4px;right:4px;width:24px;height:24px;background:var(--soundcraft-blue);border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(4px);transition:all .3s ease;box-shadow:0 2px 4px #0000004d;color:#fff}.recipe-card:hover .recipe-play-button{opacity:1;transform:translateY(0)}.recipe-name{font-weight:700;font-size:12px;color:#fff;margin-bottom:2px;transition:color .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.recipe-description{font-size:10px;color:var(--spotify-text-subdued);line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:24px}.recipe-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#8a2be233,#1db9541a);opacity:0;transition:opacity .3s}.recipe-button:hover{transform:translateY(-3px);box-shadow:0 6px 12px #0000004d;background:linear-gradient(145deg,#464646b3,#323232b3)}.recipe-button:hover:before{opacity:1}.recipe-button:active{transform:translateY(0);box-shadow:0 2px 4px #0003}.category-hiphop .recipe-button{border-left:3px solid #8A2BE2}.category-electronic .recipe-button{border-left:3px solid var(--soundcraft-blue)}.category-latin .recipe-button{border-left:3px solid #FF6B6B}.category-rock .recipe-button{border-left:3px solid #4169E1}.category-pop .recipe-button{border-left:3px solid #FFD700}.category-era .recipe-button{border-left:3px solid var(--soundcraft-teal)}.category-world .recipe-button{border-left:3px solid var(--soundcraft-blue)}.category-roots .recipe-button{border-left:3px solid #CD853F}.category-jazz .recipe-button{border-left:3px solid #9370DB}.category-special .recipe-button{border-left:3px solid #DC143C}.fx-menu-container{position:fixed;left:120px;bottom:0;width:calc(100% - 120px);height:48vh;background-color:#111;color:#fff;padding:12px 8px 24px;border-top-left-radius:12px;border-top-right-radius:12px;display:flex;flex-direction:column;overflow-x:auto;overflow-y:hidden;box-shadow:0 -4px 20px #00000080;z-index:1500}.fx-top-buttons{display:flex;justify-content:space-between;margin-bottom:16px;gap:8px}.fx-button{background:linear-gradient(to bottom,#222,#000);color:#fff;border:1px solid #333;border-radius:8px;padding:8px;min-width:70px;height:60px;font-size:14px;text-align:center;cursor:pointer;transition:all .2s;position:relative;box-shadow:0 4px 8px #000000b3,0 8px 16px #0006,inset 0 1px #ffffff1a,inset 0 -1px #0000004d;transform:translateY(-1px)}.fx-button:before{content:"";position:absolute;top:4px;left:4px;width:8px;height:8px;border-radius:50%;background-color:#333;box-shadow:inset 0 0 2px #000c;transition:background-color .2s}.non-toggle-button:before{display:none}.fx-button:hover{background:linear-gradient(to bottom,#333,#111);box-shadow:0 6px 12px #000c,0 10px 20px #00000080,inset 0 1px #fff3,inset 0 -1px #0000004d;transform:translateY(-3px)}.reset-button{background:linear-gradient(to bottom,#700,#500);border-color:#800}.reset-button:hover{background:linear-gradient(to bottom,#800,#600)}.return-button{background:linear-gradient(to bottom,#005,#003);border-color:#006}.return-button:hover{background:linear-gradient(to bottom,#006,#004)}.fx-button.active{background:linear-gradient(to bottom,#e0e0e0,silver)!important;color:#000!important;box-shadow:0 2px 4px #00000080,inset 0 1px 10px #fff6,inset 0 0 5px #fffc;transform:translateY(1px);border-color:#aaa;text-shadow:0 1px 1px rgba(255,255,255,.7)}.fx-button.active:before{background-color:#f30;box-shadow:0 0 4px #f30,0 0 8px #f50;animation:ledBlink 1.5s infinite}.fx-button.reset-button{background:linear-gradient(to bottom,#3a62ce,#2a52be);border:1px solid #4a72de}.fx-button.reset-button:hover{background:linear-gradient(to bottom,#4a72de,#3a62ce)}.fx-button.reset-button.active:before{background-color:#0af;box-shadow:0 0 4px #0af,0 0 8px #0cf}.fx-button.return-button{background:linear-gradient(to bottom,#a942dc,#9932cc);border:1px solid #b952ec}.fx-button.return-button:hover{background:linear-gradient(to bottom,#b952ec,#a942dc)}.fx-menu-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #444;padding-bottom:8px;margin-bottom:10px}.fx-header-buttons{display:flex;align-items:center;gap:10px}.fx-menu-header h2{font-size:1.5rem;margin:0;color:#eee;text-shadow:0 0 10px rgba(138,43,226,.7);font-weight:600}.close-btn{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0;margin:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.reset-btn{display:flex;align-items:center;gap:5px;background:linear-gradient(to bottom,#444,#333);border:none;border-radius:4px;color:#fff;padding:5px 8px;font-size:.8rem;cursor:pointer;transition:all .2s}.reset-btn:hover{background:linear-gradient(to bottom,#555,#444);transform:translateY(-1px)}.close-btn:hover{background-color:#ffffff1a}.fx-menu-content{display:flex;flex-direction:column;gap:10px}.fx-action-buttons{display:flex;gap:8px;margin-bottom:10px}.fx-button{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 8px;background:linear-gradient(to bottom,#444,#333);border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1;transition:all .3s;box-shadow:0 2px 4px #0003;gap:4px;font-size:.9rem}.fx-button:hover{background:linear-gradient(to bottom,#555,#444);transform:translateY(-2px)}.fx-button:active{transform:translateY(1px);box-shadow:0 1px 2px #0003}.fx-button.active{background:linear-gradient(to bottom,#8a2be2,#6a1cb5);box-shadow:0 0 10px #8a2be2b3}.fx-button span{font-size:.9rem;font-weight:500}.random-fx{background:linear-gradient(to bottom,#8a2be2,#639)}.random-fx:hover{background:linear-gradient(to bottom,#9b30ff,#8a2be2)}.reset-fx{background:linear-gradient(to bottom,#444,#333)}.fx-faders-grid{display:flex;flex-wrap:nowrap;justify-content:space-around;width:100%;margin-top:12px;overflow-x:visible;padding-bottom:16px;gap:0}.fx-fader-item{display:flex;flex-direction:column;align-items:center;padding:0;width:35px;flex:0 0 auto;height:180px;margin:0 3px;transition:filter .3s ease,transform .3s ease}.fx-fader-label{font-size:13px;text-align:center;margin-bottom:2px;color:#ccc;line-height:1.1;transition:all .3s ease;position:relative}.focus-fader-active{--focus-blur: 8px;--focus-glow: .8;filter:blur(var(--focus-blur));box-shadow:0 0 20px rgba(0,255,255,var(--focus-glow));transition:filter .3s ease,box-shadow .3s ease}.focus-fader-active .wild-fader-label{filter:blur(var(--focus-blur));color:#0ff;text-shadow:0 0 10px rgba(0,255,255,var(--focus-glow))}@keyframes flip{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}.music-flip-active .fader-label{animation:flip .5s alternate infinite;color:#f90}@keyframes chop{0%{clip-path:inset(0% 0% 0% 0%)}25%{clip-path:inset(0% 0% 50% 0%)}50%{clip-path:inset(50% 0% 0% 0%)}75%{clip-path:inset(0% 50% 0% 0%)}to{clip-path:inset(0% 0% 0% 50%)}}.music-chop-active .fader-label{animation:chop .2s step-end infinite;color:#f30}@keyframes blur{0%{filter:blur(0px)}to{filter:blur(3px)}}.focus-active .fader-label{animation:blur .3s alternate infinite;color:#0cf}@keyframes stutter{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.stutter-active .fader-label{animation:stutter .1s linear infinite;color:#f0c}@keyframes wave{0%{transform:translateY(0)}50%{transform:translateY(-3px)}to{transform:translateY(0)}}.wavy-active .fader-label{animation:wave .5s ease-in-out infinite;color:#0fc}.fx-fader-item:nth-child(1) .fader-label{font-family:Impact,sans-serif;font-weight:700;font-size:15px;color:#f50;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.fx-fader-item:nth-child(2) .fader-label{font-family:Courier New,monospace;font-weight:700;font-size:14px;color:#0c9;letter-spacing:.5px}.fx-fader-item:nth-child(3) .fader-label{font-family:Arial,sans-serif;font-style:italic;font-size:15px;color:#39f;text-shadow:0 0 3px rgba(51,153,255,.5)}.fx-fader-item:nth-child(4) .fader-label{font-family:Georgia,serif;text-transform:uppercase;font-size:13px;color:#f36;letter-spacing:1px;font-weight:700}.fx-fader-item:nth-child(5) .fader-label{font-family:Verdana,sans-serif;letter-spacing:1px;font-size:14px;color:#fc0;text-shadow:0 0 2px rgba(255,204,0,.6)}.fx-fader-item:nth-child(6) .fader-label{font-family:Trebuchet MS,sans-serif;font-weight:700;font-size:15px;color:#c6f;text-transform:uppercase;letter-spacing:.5px}.fx-fader-item:nth-child(7) .fader-label{font-family:Comic Sans MS,cursive;font-size:14px;color:#f6c;transform:rotate(-2deg)}.fx-fader-item:nth-child(8) .fader-label{font-family:Tahoma,sans-serif;font-weight:700;text-transform:uppercase;font-size:13px;color:#3c3;letter-spacing:1px;text-shadow:0 0 2px rgba(51,204,51,.5)}.fx-fader-item:nth-child(9) .fader-label{font-family:Lucida Console,monospace;letter-spacing:1px;font-size:13px;color:#f90;text-transform:lowercase;font-weight:700}.fx-fader-item:nth-child(10) .fader-label{font-family:Palatino Linotype,serif;font-style:italic;font-size:15px;color:#96f;text-shadow:0 0 3px rgba(153,102,255,.5)}.fx-fader-item:nth-child(11) .fader-label{font-family:Arial Black,sans-serif;font-size:13px;color:#0cf;letter-spacing:.5px;text-transform:uppercase}.fx-fader-item:nth-child(12) .fader-label{font-family:Century Gothic,sans-serif;letter-spacing:1px;font-size:14px;color:#c39;font-weight:700}.fx-fader-item:nth-child(13) .fader-label{font-family:Copperplate,fantasy;text-transform:uppercase;font-size:13px;color:#6c0;letter-spacing:1.5px;text-shadow:0 0 2px rgba(102,204,0,.5)}.fx-fader-item:nth-child(14) .fader-label{font-family:Brush Script MT,cursive;font-size:16px;color:#f30;transform:rotate(-1deg);text-shadow:1px 1px 1px rgba(0,0,0,.5)}.fx-fader-item:nth-child(15) .fader-label{font-family:Bookman Old Style,serif;font-weight:700;font-size:14px;color:#09c;text-transform:capitalize}.fx-fader-item:nth-child(16) .fader-label{font-family:Garamond,serif;letter-spacing:.5px;font-size:15px;color:#c60;font-style:italic;text-shadow:0 0 2px rgba(204,102,0,.5)}.fx-fader-item:nth-child(17) .fader-label{font-family:Times New Roman,serif;font-style:italic;font-size:14px;color:#90c;letter-spacing:.5px;text-shadow:0 0 3px rgba(153,0,204,.4)}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes stutter{0%,to{opacity:1;transform:translate(0)}25%{opacity:.7;transform:translate(-2px)}50%{opacity:.9;transform:translate(3px)}75%{opacity:.8;transform:translate(-3px)}}@keyframes neonGlow{0%,to{text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #0073e6,0 0 20px #0073e6}50%{text-shadow:0 0 2px #fff,0 0 5px #fff,0 0 10px #0073e6,0 0 15px #0073e6}}@keyframes flip{0%{transform:rotateX(0)}to{transform:rotateX(360deg)}}@keyframes letterShuffle{0%,to{letter-spacing:normal}50%{letter-spacing:2px}}.fx-fader-label.stutter-active{animation:stutter .2s infinite}.fx-fader-label.wavy-active{animation:wiggle 2s infinite}.fx-fader-label.flip-active{animation:flip 1s}.fx-fader-label.rise-active{color:#fff;text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #ff0080,0 0 20px #ff0080}.fx-fader-label.filter-active{opacity:.5}.fx-fader-label.delay-active{position:relative}.fx-fader-label.delay-active:after{content:attr(data-text);position:absolute;left:2px;top:2px;color:#ffffff4d;z-index:-1}.fx-fader-label.music-flip-active{transform:scaleX(-1)}.fx-fader-value{font-size:9px;color:#fff;margin-bottom:4px;text-align:center;min-height:12px;background-color:#0000004d;padding:2px;border-radius:2px;width:30px}.wild-fader-lcd .wild-fader-track{background:#001a00!important;border:1px solid #00ff00!important;box-shadow:inset 0 0 5px #0f0!important}.wild-fader-lcd .wild-fader-thumb{background-color:#0f0!important;box-shadow:0 0 8px #0f0!important}.wild-fader-lcd .wild-fader-label{color:#0f0!important;text-shadow:0 0 5px #00ff00!important}.buttons-section{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.faders-section{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;padding-top:8px}.fx-control{display:flex;flex-direction:column;align-items:center;transition:all .2s;padding:2px;min-width:50px;max-width:100px}.fx-control h3{font-size:15px;margin:0 0 2px;text-align:center;white-space:nowrap;color:#fffc}.fader-container{display:flex;flex-direction:column;align-items:center;width:100%;height:100px}.fx-control:hover{transform:translateY(-1px)}.fx-menu{background:#181820f2;border-radius:12px;padding:24px;width:90%;max-width:800px;max-height:80vh;overflow-y:auto;box-shadow:0 10px 25px #00000080;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(96,96,128,.3);z-index:1000}.fx-control h3{margin:0 0 6px;font-size:.85rem;font-weight:500;color:#ccc;text-align:center}.xy-pad-container{width:100%;height:100px;background:#222;border-radius:6px;position:relative;overflow:hidden;cursor:crosshair;border:none}.xy-pad-marker{position:absolute;width:15px;height:15px;background:#8a2be2;border-radius:50%;transform:translate(-50%,50%);box-shadow:0 0 10px #8a2be2cc;z-index:2}.xy-pad-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}@keyframes ledBlink{0%{opacity:.4;box-shadow:0 0 2px #f30,0 0 4px #f30}50%{opacity:1;box-shadow:0 0 4px #f30,0 0 8px #f30,0 0 12px #f50}to{opacity:.4;box-shadow:0 0 2px #f30,0 0 4px #f30}}.fx-toggle-button{width:60px;height:60px;border-radius:8px;background:linear-gradient(to bottom,#3a3a3a,#252525);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;box-shadow:0 3px 6px #0006,0 0 0 1px #0000001a,inset 0 1px #ffffff26;transition:all .15s ease}.fx-toggle-button:before{content:"";display:none;position:absolute;top:5px;right:5px;width:6px;height:6px;border-radius:50%;background-color:#f30;animation:ledBlink 1.5s infinite}.fx-toggle-button:hover{background:linear-gradient(to bottom,#454545,#303030);transform:translateY(-1px);box-shadow:0 4px 8px #00000080,0 0 0 1px #0003,inset 0 1px #ffffff26}.fx-toggle-button:active,.fx-toggle-button.active{transform:translateY(1px);background:linear-gradient(to bottom,#252525,#1a1a1a);box-shadow:0 1px 3px #0006,0 0 0 1px #0003,inset 0 1px 3px #0000004d}.fx-toggle-button.active:before{display:block}.toggle-knob{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#ddd;transition:transform .3s ease}.fx-toggle-button.active .toggle-knob{transform:scale(1.1)}.fx-rotary-container{width:60px;height:60px;position:relative;cursor:pointer}.fx-rotary-dial{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#444,#222);box-shadow:0 4px 8px #0000004d,inset 0 2px 3px #ffffff1a;display:flex;align-items:center;justify-content:center;position:relative;transition:all .3s}.fx-rotary-container.active .fx-rotary-dial{background:linear-gradient(135deg,#8a2be2,#6a1cb5);box-shadow:0 0 15px #8a2be2b3}.rotary-indicator{position:absolute;width:3px;height:30px;background:#fff;top:10px;left:50%;transform:translate(-50%);transform-origin:bottom;border-radius:3px}.fx-rotary-container.active .rotary-indicator{transform:translate(-50%) rotate(180deg)}.rotary-icon{color:#ddd;opacity:.7}.fader-container{width:100%;padding:5px;position:relative;height:120px;display:flex;justify-content:center;align-items:center}.fx-fader{width:100%;height:30px;position:relative;background:#333;border-radius:4px;box-shadow:inset 0 1px 3px #00000080;overflow:hidden;cursor:pointer;border:none}.fx-fader-handle{position:absolute;height:100%;background:linear-gradient(to right,#8a2be2,#6a1cb5);box-shadow:0 0 5px #8a2be2b3;border-radius:4px;top:0;left:0;pointer-events:none;transition:width .1s ease}.fx-value-display{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:.8rem;font-weight:700;text-shadow:0 0 3px rgba(0,0,0,.9);z-index:2;pointer-events:none}.fx-fader.neon{background:#222;height:20px}.fx-fader.neon .fx-fader-handle{background:linear-gradient(to right,#00fffc,#00ff62);box-shadow:0 0 10px #00fff6b3}.fx-fader.fire{background:#331800;height:25px}.fx-fader.fire .fx-fader-handle{background:linear-gradient(to right,#ff5e00,#fb0);box-shadow:0 0 10px #ff5e00b3}.fx-fader.ice{background:#001833;height:22px}.fx-fader.ice .fx-fader-handle{background:linear-gradient(to right,#00c6ff,#4d94ff);box-shadow:0 0 10px #00c6ffb3}.fx-fader.retro{background:#3d2b00;height:18px;border-radius:0;border:none}.fx-fader.retro .fx-fader-handle{background:linear-gradient(to right,#ffd54f,#ffab00);box-shadow:none;border-radius:0;border-right:2px solid #222}.fx-fader.gothic{background:#222;height:24px}.fx-fader.gothic .fx-fader-handle{background:linear-gradient(to right,#f07,#aa004f);box-shadow:0 0 10px #ff0077b3}.vinyl-container{width:60px;height:60px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s}.vinyl-disc{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#444,#222);box-shadow:0 4px 8px #0000004d;transition:transform .3s}.vinyl-container.active{transform:scale(1.05)}.vinyl-container.active .vinyl-disc{box-shadow:0 0 15px #8a2be2b3;background:linear-gradient(135deg,#8a2be2,#6a1cb5)}@keyframes testPulse{0%,to{transform:scale(1);background-color:#f003}50%{transform:scale(1.2);background-color:#f00c}}.fx-fader-item.fader-active{animation:testPulse .3s ease-in-out infinite alternate!important;transform:scale(1.2) rotate(5deg)!important;border:5px solid #ff0000!important;background-color:#ff0c!important;box-shadow:0 0 30px red,inset 0 0 20px #ff0!important;z-index:9999!important}.fx-faders-grid .fx-fader-item.fader-active .wild-fader-label{color:red!important;font-weight:700!important;text-shadow:0 0 15px #ff0000!important;font-size:18px!important;background-color:#ffff0080!important;padding:2px 4px!important;border-radius:4px!important}@keyframes allFreakShake{0%,to{transform:translate(0) rotate(0)}10%{transform:translate(-5px) rotate(-5deg)}20%{transform:translate(5px) rotate(5deg)}30%{transform:translate(-4px) rotate(-3deg)}40%{transform:translate(4px) rotate(3deg)}50%{transform:translate(-3px) rotate(-2deg)}60%{transform:translate(3px) rotate(2deg)}70%{transform:translate(-2px) rotate(-1deg)}80%{transform:translate(2px) rotate(1deg)}90%{transform:translate(-1px) rotate(-.5deg)}}@keyframes allFreakColorCycle{0%{color:red;text-shadow:0 0 15px #ff0000}16%{color:#f80;text-shadow:0 0 15px #ff8800}33%{color:#ff0;text-shadow:0 0 15px #ffff00}50%{color:#0f0;text-shadow:0 0 15px #00ff00}66%{color:#08f;text-shadow:0 0 15px #0088ff}83%{color:#80f;text-shadow:0 0 15px #8800ff}to{color:#f08;text-shadow:0 0 15px #ff0088}}.fx-fader-item[data-fader-id=allFreak].fader-active{animation:allFreakShake .1s infinite!important}.fx-fader-item[data-fader-id=allFreak].fader-active .wild-fader-label{animation:allFreakColorCycle .3s infinite!important;font-weight:700!important;transform:scale(1.3)!important}@keyframes drumFreakPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes drumFreakBeat{0%,90%,to{background-color:#ff00001a}10%{background-color:#f00c}}.fx-fader-item[data-fader-id=drumFreak].fader-active{animation:drumFreakBeat .6s infinite;border-radius:8px}.fx-fader-item[data-fader-id=drumFreak].fader-active .wild-fader-label{animation:drumFreakPulse .6s infinite;color:#f33;text-shadow:0 0 8px #ff3333;font-weight:700}@keyframes focusBlur{0%{filter:blur(0px)}50%{filter:blur(2px)}to{filter:blur(0px)}}@keyframes focusGlow{0%,to{box-shadow:0 0 5px #00ffff80}50%{box-shadow:0 0 20px #0ff,0 0 30px #0ffc}}.fx-fader-item[data-fader-id=focus].fader-active{animation:focusGlow 1s infinite;border-radius:10px}.fx-fader-item[data-fader-id=focus].fader-active .wild-fader-label{animation:focusBlur 1s infinite;color:#0ff;text-shadow:0 0 10px #00ffff}@keyframes sp1200Flicker{0%,to{opacity:1}98%{opacity:1}99%{opacity:.8}}@keyframes sp1200Scan{0%{background-position:0% 0%}to{background-position:100% 100%}}.fx-fader-item[data-fader-id=sp1200].fader-active{background:linear-gradient(45deg,transparent 48%,rgba(0,255,0,.1) 50%,transparent 52%);background-size:20px 20px;animation:sp1200Scan 2s linear infinite}.fx-fader-item[data-fader-id=sp1200].fader-active .wild-fader-label{animation:sp1200Flicker .1s infinite;color:#0f0;text-shadow:0 0 5px #00ff00;font-family:Courier New,monospace}@keyframes whoaRipple{0%{transform:scale(1);opacity:1}to{transform:scale(2);opacity:0}}@keyframes whoaBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.fx-fader-item[data-fader-id=whoa].fader-active:before{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;border:2px solid #ff6600;border-radius:50%;transform:translate(-50%,-50%);animation:whoaRipple 1s infinite;z-index:-1}.fx-fader-item[data-fader-id=whoa].fader-active .wild-fader-label{animation:whoaBounce .5s infinite;color:#f60;text-shadow:0 0 8px #ff6600;font-weight:700}@keyframes stutterJitter{0%,to{transform:translate(0)}10%{transform:translate(-1px)}20%{transform:translate(1px)}30%{transform:translate(-1px)}40%{transform:translate(1px)}50%{transform:translate(-1px)}60%{transform:translate(1px)}70%{transform:translate(-1px)}80%{transform:translate(1px)}90%{transform:translate(-1px)}}@keyframes stutterFlash{0%,50%,to{opacity:1}25%,75%{opacity:.7}}.fx-fader-item[data-fader-id=stutter].fader-active{animation:stutterJitter .05s infinite}.fx-fader-item[data-fader-id=stutter].fader-active .wild-fader-label{animation:stutterFlash .1s infinite;color:#f0f;text-shadow:0 0 6px #ff00ff}@keyframes musicFlip3D{0%{transform:rotateY(0)}50%{transform:rotateY(180deg)}to{transform:rotateY(360deg)}}@keyframes musicFlipColor{0%,to{color:#fa0}50%{color:#0af}}.fx-fader-item[data-fader-id=musicFlip].fader-active{perspective:1000px}.fx-fader-item[data-fader-id=musicFlip].fader-active .wild-fader-label{animation:musicFlip3D 1s infinite,musicFlipColor 1s infinite;text-shadow:0 0 8px currentColor;font-weight:700}@keyframes musicChopSlice{0%,to{clip-path:inset(0% 0% 0% 0%)}25%{clip-path:inset(0% 0% 50% 0%)}50%{clip-path:inset(50% 0% 0% 0%)}75%{clip-path:inset(0% 50% 0% 0%)}}@keyframes musicChopGlitch{0%,to{transform:translate(0)}20%{transform:translate(-2px)}40%{transform:translate(2px)}60%{transform:translate(-1px)}80%{transform:translate(1px)}}.fx-fader-item[data-fader-id=musicChop].fader-active .wild-fader-label{animation:musicChopSlice .2s infinite,musicChopGlitch .1s infinite;color:#f30;text-shadow:2px 0 #00ff00,-2px 0 #0033ff}@keyframes musicFxSwirl{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.1)}to{transform:rotate(360deg) scale(1)}}@keyframes musicFxHue{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}.fx-fader-item[data-fader-id=musicFx].fader-active .wild-fader-label{animation:musicFxSwirl 2s infinite,musicFxHue 3s infinite;color:#80f;text-shadow:0 0 10px #8800ff}@keyframes slowDownStretch{0%,to{transform:scaleX(1)}50%{transform:scaleX(1.3)}}@keyframes slowDownFade{0%,to{opacity:1}50%{opacity:.6}}.fx-fader-item[data-fader-id=slowDown].fader-active .wild-fader-label{animation:slowDownStretch 2s infinite,slowDownFade 2s infinite;color:#06c;text-shadow:0 0 8px #0066cc}@keyframes wavyWave{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-3px) rotate(1deg)}50%{transform:translateY(0) rotate(0)}75%{transform:translateY(3px) rotate(-1deg)}}@keyframes wavyFlow{0%{text-shadow:0 0 5px #00ffaa}50%{text-shadow:0 0 15px #00ffaa,0 0 25px #00ffaa}to{text-shadow:0 0 5px #00ffaa}}.fx-fader-item[data-fader-id=wavy].fader-active .wild-fader-label{animation:wavyWave 1s infinite,wavyFlow 2s infinite;color:#0fa}@keyframes delayEcho{0%{transform:translate(0);opacity:1}to{transform:translate(10px);opacity:0}}.fx-fader-item[data-fader-id=delay].fader-active .wild-fader-label{position:relative;color:#fa0;text-shadow:0 0 8px #ffaa00}.fx-fader-item[data-fader-id=delay].fader-active .wild-fader-label:after{content:attr(data-label);position:absolute;left:0;top:0;animation:delayEcho .5s infinite;opacity:.5;z-index:-1}@keyframes filterPixelate{0%,to{filter:blur(0px)}50%{filter:blur(1px)}}@keyframes filterDim{0%,to{opacity:1}50%{opacity:.7}}.fx-fader-item[data-fader-id=filter].fader-active .wild-fader-label{animation:filterPixelate .5s infinite,filterDim 1s infinite;color:#666;text-shadow:0 0 5px #666666}@keyframes riseAscend{0%{transform:translateY(0) scale(1)}to{transform:translateY(-10px) scale(1.2)}}@keyframes riseGlow{0%{text-shadow:0 0 5px #ffff00}to{text-shadow:0 0 20px #ffff00,0 0 30px #ffff00,0 0 40px #ffff00}}.fx-fader-item[data-fader-id=rise].fader-active .wild-fader-label{animation:riseAscend .5s infinite alternate,riseGlow .5s infinite alternate;color:#ff0;font-weight:700}@keyframes drownSink{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(5px) scale(.9);opacity:.6}}@keyframes drownBubbles{0%,to{background-position:0% 0%}50%{background-position:100% 100%}}.fx-fader-item[data-fader-id=drownOut].fader-active{background:radial-gradient(circle at 20% 80%,rgba(0,100,200,.2) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,100,200,.2) 0%,transparent 50%);animation:drownBubbles 2s infinite}.fx-fader-item[data-fader-id=drownOut].fader-active .wild-fader-label{animation:drownSink 1s infinite alternate;color:#06c;text-shadow:0 0 8px #0066cc}@keyframes flangeSweep{0%{transform:skew(0)}50%{transform:skew(5deg)}to{transform:skew(0)}}@keyframes flangeShimmer{0%,to{background-position:-100% 0}50%{background-position:200% 0}}.fx-fader-item[data-fader-id=flange].fader-active{background:linear-gradient(90deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);background-size:200% 100%;animation:flangeShimmer 1s infinite}.fx-fader-item[data-fader-id=flange].fader-active .wild-fader-label{animation:flangeSweep 1s infinite;color:#f80;text-shadow:0 0 8px #ff8800}@keyframes chipMonkPixel{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes chipMonkBlink{0%,90%,to{opacity:1}95%{opacity:0}}.fx-fader-item[data-fader-id=chipMonk].fader-active{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.fx-fader-item[data-fader-id=chipMonk].fader-active .wild-fader-label{animation:chipMonkPixel .3s infinite,chipMonkBlink 2s infinite;color:#0f8;text-shadow:2px 2px 0 #004422;font-family:Courier New,monospace;font-weight:700}@keyframes pitchDownDescend{0%{transform:translateY(0) scaleY(1)}to{transform:translateY(3px) scaleY(.8)}}@keyframes pitchDownDeepen{0%{filter:contrast(1) brightness(1)}to{filter:contrast(1.2) brightness(.8)}}.fx-fader-item[data-fader-id=pitchDown].fader-active .wild-fader-label{animation:pitchDownDescend .8s infinite alternate,pitchDownDeepen .8s infinite alternate;color:#c30;text-shadow:0 0 8px #cc3300;font-weight:700}:root{--sampler-menu-top: 470px;--scrollbar-track: #2a2a2a;--scrollbar-thumb: #d2b48c;--scrollbar-thumb-hover: #c19a65;--scrollbar-width: 8px}.sampler-menu-container::-webkit-scrollbar,.sampler-pads::-webkit-scrollbar{width:var(--scrollbar-width);height:var(--scrollbar-width)}.sampler-menu-container::-webkit-scrollbar-track,.sampler-pads::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:4px}.sampler-menu-container::-webkit-scrollbar-thumb,.sampler-pads::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px;border:1px solid rgba(0,0,0,.2)}.sampler-menu-container::-webkit-scrollbar-thumb:hover,.sampler-pads::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.sampler-menu-container,.sampler-pads,.sampler-menu-container *,.sampler-pads *{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.sampler-menu-container{position:fixed;left:120px;top:var(--sampler-menu-top);bottom:0;width:calc(100% - 120px);background-color:#111;color:#fff;padding:8px 8px 24px;border-top-left-radius:12px;border-top-right-radius:12px;display:flex;flex-direction:column;overflow-x:auto;overflow-y:hidden;box-shadow:0 -4px 20px #00000080;z-index:1500;border-top:2px solid #d2b48c;border-left:2px solid #d2b48c;border-right:2px solid #d2b48c;box-sizing:border-box}.sampler-header{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background-color:#333;border-bottom:1px solid #444}.sampler-header h2{color:tan;margin:0;font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.sampler-close-btn{background:none;border:none;color:tan;font-size:24px;cursor:pointer;padding:0 8px;line-height:1}.sampler-close-btn:hover{color:#fff}.sampler-content{display:flex;flex-direction:column;height:100%;padding:0 8px;overflow:auto;flex:1;min-height:0;min-width:0;margin-top:10px}.sampler-main-layout{display:flex;flex-direction:row;gap:10px;width:100%;height:100%;min-height:0;min-width:0;flex:1;overflow:auto}.pitch-fader-section{display:flex;flex-direction:column;align-items:center;justify-content:center;width:70px;min-width:70px;padding:0 10px;background:#232323;border-radius:10px;box-shadow:0 2px 8px #0000004d;margin-right:10px}.pitch-fader-label{color:tan;font-size:13px;font-weight:700;margin-bottom:8px;letter-spacing:1px}.pitch-buttons-container{display:flex;flex-direction:column;align-items:center;justify-content:space-around;height:200px;position:relative}.pitch-btn{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,tan,#a67c52);border:2px solid #888;box-shadow:0 2px 8px #0006;color:#333;font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .1s ease;outline:none}.pitch-btn:hover{background:linear-gradient(135deg,#e6c9a8,#ba8c5d);transform:scale(1.05)}.pitch-btn:active{background:linear-gradient(135deg,#ba8c5d,#8c6d45);transform:scale(.95);box-shadow:0 1px 4px #0009}.pitch-fader-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#b0b0b0 70%,#e0e0e0);border:2px solid #555;box-shadow:0 2px 8px #0008,inset 0 0 6px #fff8;position:relative;cursor:grab;display:flex;align-items:center;justify-content:center}.pitch-fader-slider::-webkit-slider-thumb:before{content:"";display:block;width:20px;height:4px;background:repeating-linear-gradient(90deg,#888,#888 2px,#bbb 2px,#bbb 4px);border-radius:2px;position:absolute;left:6px;top:14px}.pitch-fader-slider::-moz-range-thumb{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#b0b0b0 70%,#e0e0e0);border:2px solid #555;box-shadow:0 2px 8px #0008,inset 0 0 6px #fff8;position:relative;cursor:grab}.pitch-fader-slider::-moz-range-thumb:before{content:"";display:block;width:20px;height:4px;background:repeating-linear-gradient(90deg,#888,#888 2px,#bbb 2px,#bbb 4px);border-radius:2px;position:absolute;left:6px;top:14px}.pitch-fader-value{font-size:16px;font-weight:700;color:tan;text-shadow:0 1px 2px #000;margin:15px 0;background:#0000004d;padding:5px 10px;border-radius:10px;text-align:center}.time-controls{display:flex;flex-direction:row;gap:8px;margin-top:14px;align-items:center;justify-content:center;width:100%;position:relative}.time-btn{background:linear-gradient(145deg,#444,#222 80%);color:tan;border:2px solid #d2b48c;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:700;cursor:pointer;transition:all .18s;box-shadow:0 2px 8px #0004,inset 0 1px 2px #fff2;letter-spacing:.5px;min-width:60px;min-height:28px}.time-btn:hover,.time-btn:focus{background:linear-gradient(145deg,tan,#b8860b 80%);color:#222;border-color:gold;outline:none}.auto-chop-btn{background:linear-gradient(to bottom,#333,#222);color:#fff;border:1px solid #444;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #0000004d;text-transform:uppercase;letter-spacing:.5px;display:inline-block;width:auto;margin-bottom:10px}.auto-chop-btn.active,.auto-chop-btn:active{background:linear-gradient(to bottom,tan,#c9a06f);color:#333;box-shadow:inset 0 0 5px #0000004d;transform:translateY(1px);border-color:#b8860b}.auto-chop-btn:focus{outline:1px solid #d2b48c;outline-offset:1px}.lcd-menu-item{cursor:pointer;transition:background-color .1s,color .1s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;padding:3px 5px;border-radius:3px;font-size:12px;line-height:1.3;position:relative}.lcd-menu-title-line{position:relative;padding-right:50px}.lcd-menu-close{position:absolute;top:50%;right:8px;transform:translateY(-50%);background:#0003;border-radius:3px;padding:2px 8px;font-size:11px;font-weight:700;cursor:pointer;z-index:2;text-transform:uppercase}.lcd-menu-close:hover{background:#0000004d;color:#000}.lcd-menu-item:hover:not(.selected){background-color:#0003;color:#000}.lcd-menu-item.selected{background-color:#000!important;color:#7a9c0f;position:relative;z-index:1;box-shadow:0 0 10px #0000004d}.lcd-menu-item.selected:before{content:"";position:absolute;top:1px;left:1px;right:1px;bottom:1px;border:1px solid #7a9c0f;border-radius:2px;pointer-events:none;z-index:-1}.lcd-menu-item.selected:after{content:" <";color:#7a9c0f;font-weight:700;margin-left:4px}.sampler-left-section{display:flex;flex-direction:column;width:100%;max-width:500px;gap:10px;min-height:0;flex:1;overflow:hidden}.button-row{display:flex;flex-direction:row;gap:10px;width:100%;justify-content:flex-start;margin:15px 0 10px}.control-btn{position:relative;background:linear-gradient(145deg,#444,#222 80%);color:tan;border:2px solid #d2b48c;border-radius:6px;font-size:11px;font-weight:700;cursor:pointer;transition:all .18s;box-shadow:0 2px 8px #0004,inset 0 1px 2px #fff2;letter-spacing:.5px;min-width:80px;min-height:28px;white-space:nowrap;flex:1;width:100px;max-width:100px;text-align:center;display:flex;align-items:center;justify-content:center;padding:4px 8px}.led{position:absolute;left:6px;top:50%;transform:translateY(-50%);width:12px;height:12px;border-radius:50%;background-color:#333;border:1px solid #555;box-shadow:inset 0 0 5px #00000080}.led.active{background-color:red;box-shadow:0 0 10px red,0 0 20px red,inset 0 0 5px #f00c;animation:blink 1s infinite alternate}@keyframes blink{0%{opacity:.3}to{opacity:1}}.control-btn:hover,.control-btn:focus{background:linear-gradient(145deg,tan,#b8860b 80%);color:#222;border-color:gold;outline:none}.control-btn:active{transform:translateY(1px);box-shadow:inset 0 0 5px #0000004d}.sampler-pad-section{display:flex;flex:1;height:100%;justify-content:center;align-items:center;padding:10px;min-width:300px}.pitch-control{width:60px;height:100%;display:flex;justify-content:center;align-items:center;padding:20px 0}.pitch-slider-container{display:flex;flex-direction:column;align-items:center;height:100%;gap:10px}.pitch-slider-outer{width:30px;height:200px;padding:10px 0;position:relative}.pitch-slider{writing-mode:vertical-lr;direction:rtl;width:100%;height:100%;margin:0;padding:0;background:transparent;outline:none;cursor:pointer}.pitch-slider::-webkit-slider-runnable-track{width:100%;height:100%;background:#2a2a2a;border-radius:4px;border:1px solid #444}.pitch-slider::-moz-range-track{width:100%;height:100%;background:#2a2a2a;border-radius:4px;border:1px solid #444}.pitch-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:tan;cursor:pointer;margin-top:-12px;box-shadow:0 2px 5px #00000080;border:2px solid #fff}.pitch-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:tan;cursor:pointer;box-shadow:0 2px 5px #00000080;border:2px solid #fff}.pitch-value{font-size:14px;font-weight:700;color:tan;margin-bottom:5px;min-height:20px}.sampler-lcd{background-color:#7a9c0f;border:4px solid #444;border-radius:6px;padding:8px 10px;box-shadow:inset 0 0 10px #000c;width:100%;min-height:110px;display:flex;flex-direction:column;justify-content:space-between}.lcd-screen{display:flex;flex-direction:column;height:100%;width:100%;position:relative}.lcd-line{color:#000;font-family:Courier New,monospace;font-weight:700;padding:5px 8px;line-height:1.4;min-height:26px;display:flex;align-items:center;background-color:#0000001a;margin:2px 0;border-radius:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lcd-menu-title-line{text-align:center;font-weight:700;color:#000;margin:0;padding:4px 8px;font-family:Courier New,monospace;font-size:20px;text-shadow:1px 1px 0px rgba(0,0,0,.4);background-color:#0000001a;border-radius:3px 3px 0 0;border-bottom:1px solid rgba(0,0,0,.2)}.lcd-scrollable-options{background-color:#0000001a;position:relative;color:#000;font-family:Courier New,monospace;overflow:hidden;flex:1;display:flex;flex-wrap:wrap;font-weight:700;max-height:120px;overflow-y:auto;border-radius:3px;box-shadow:inset 0 0 8px #0000004d;display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:8px;min-height:70px;align-content:start;font-size:12px}.lcd-off-button{grid-column:4 / span 1;grid-row:2 / span 1;justify-self:end;align-self:end}.jump-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px;background-color:#2a2a2a;border-radius:6px;border:1px solid #444;width:100%;box-sizing:border-box}.sample-controls{display:flex;flex-direction:column;gap:12px;margin-top:14px;width:100%}.sample-buttons{display:flex;gap:10px;width:100%;margin-bottom:5px}.sample-btn,.save-btn{flex:1;border:none;border-radius:6px;padding:8px 10px;font-size:14px;font-weight:700;cursor:pointer;transition:all .15s;text-transform:uppercase;letter-spacing:1px;height:36px;display:flex;align-items:center;justify-content:center}.sample-btn{background:linear-gradient(145deg,tan,#b8860b);color:#222;box-shadow:0 2px 5px #0000004d}.save-delete-group{display:flex;gap:2px;flex:1}.save-btn{background:linear-gradient(145deg,#7a9c0f,#5a7a0f);color:#fff;box-shadow:0 2px 5px #0000004d;transition:all .2s;flex:1}.delete-btn{background:linear-gradient(145deg,#444,#333);color:#fff;padding:8px;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 2px 5px #0000004d}.delete-btn.active{background:linear-gradient(145deg,#d63031,#c0392b)!important;color:#fff;transform:translateY(-1px);box-shadow:0 3px 6px #0006}.delete-btn:hover{background:linear-gradient(145deg,#d63031,#c0392b);transform:translateY(-1px);box-shadow:0 3px 6px #0006}.delete-btn:active{transform:translateY(1px);box-shadow:0 1px 3px #0000004d}.save-btn.active{background:linear-gradient(145deg,#9cbf1f,#7a9c0f);box-shadow:0 0 10px #7a9c0fb3;color:#fff}.sample-btn:hover{background:linear-gradient(145deg,gold,tan);transform:translateY(-1px)}.save-btn:hover{background:linear-gradient(145deg,#8ab51e,#6a9510);transform:translateY(-1px)}.sample-btn:active,.save-btn:active{transform:translateY(1px);box-shadow:0 1px 2px #0000004d}.jump-controls{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:5px}.jump-buttons{display:flex;gap:4px}.jump-btn{background:linear-gradient(145deg,#444,#222);color:tan;border:1px solid #555;border-radius:4px;width:40px;height:30px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;cursor:pointer;transition:all .15s;box-shadow:0 1px 3px #0000004d}.jump-btn:hover{background:linear-gradient(145deg,#555,#333);color:#fff;border-color:tan}.jump-btn:active{transform:translateY(1px);box-shadow:0 0 2px #0000004d}.jump-label{color:tan;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin:0 15px;min-width:40px;text-align:center}.time-controls{display:flex;justify-content:flex-end;gap:10px;padding:10px;background-color:#2a2a2a;border-radius:8px;box-shadow:inset 0 0 10px #00000080;margin-top:10px;width:100%;box-sizing:border-box}.time-btn{background:linear-gradient(145deg,#444,#222 80%);color:tan;border:2px solid #d2b48c;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:700;cursor:pointer;transition:all .18s;box-shadow:0 2px 8px #0004,inset 0 1px 2px #fff2;letter-spacing:.5px;min-width:100px;height:36px;white-space:nowrap}.time-btn:hover{background:linear-gradient(145deg,tan,#b8860b 80%);color:#222;border-color:gold}.time-btn:active{transform:translateY(1px);box-shadow:0 1px 4px #0004,inset 0 1px 2px #fff2}.mute-controls{display:flex;flex-direction:row;justify-content:space-between;gap:8px;padding:10px;background-color:#2a2a2a;border-radius:8px;box-shadow:inset 0 0 10px #00000080;margin-top:10px;width:100%;box-sizing:border-box;min-height:80px}.mute-btn{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0;background:none;border:none;cursor:pointer;transition:all .2s;color:#aaa;flex:1;min-width:0;position:relative;height:100%;margin:0 2px}.mute-btn:hover .mute-btn-inner{background:linear-gradient(145deg,#444,#333);border-color:tan}.mute-btn.active .mute-btn-inner{background:linear-gradient(145deg,tan,#b8860b);border-color:gold;box-shadow:0 0 10px #d2b48c80;color:#000}.mute-btn-wrapper{display:flex;flex-direction:column;align-items:center;flex:1;min-width:0}.mute-btn-inner{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#3a3a3a,#2d2d2d);border:1px solid #444;border-radius:6px;transition:all .2s;margin-bottom:4px;overflow:hidden;position:relative}.mute-icon{transition:all .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:28px;height:28px}.mute-btn:active .mute-icon{transform:scale(.9)}.mute-label{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;color:tan;padding:4px 0 0;line-height:1.1;position:relative;z-index:1}.lcd-line{color:#000;font-family:Courier New,monospace;font-weight:700;padding:5px 8px;line-height:1.4;min-height:26px;display:flex;align-items:center;background-color:#0000001a;margin:2px 0;border-radius:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;justify-content:center}.lcd-os-version{font-size:15px;color:#000;font-weight:700}.lcd-sample-title{font-size:14px;color:#000;font-weight:400}.lcd-input-mode{display:flex;flex-direction:column;width:100%;height:100%;justify-content:flex-start;padding:8px 10px;background-color:#7a9c0f;color:#000;font-family:Courier New,monospace}.lcd-sample-title{font-weight:700;text-align:center;margin:0 0 4px;font-size:15px;letter-spacing:.5px}.lcd-input-line{padding:4px 8px;margin:4px 0 8px;font-family:Courier New,monospace;letter-spacing:.5px;font-size:14px;min-height:20px}.lcd-input-footer{display:flex;justify-content:space-between;margin-top:8px;padding:4px 0;border-top:1px solid rgba(0,0,0,.2)}.lcd-input-footer .lcd-menu-item{padding:4px 8px;margin:0;cursor:pointer;color:tan;font-weight:700;font-size:13px;text-shadow:1px 1px 1px rgba(0,0,0,.5);transition:all .15s;position:relative;background:none;border:none;border-radius:2px;text-align:center}.lcd-input-footer .lcd-menu-item:hover{color:#fff;background:#0003}.lcd-input-footer .lcd-menu-item:active{transform:translateY(1px);background:#0000004d}.lcd-footer-left{text-transform:capitalize}.lcd-footer-right{text-transform:uppercase;letter-spacing:1px}@keyframes blinkPad{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes blinkDelete{0%{opacity:1;background:linear-gradient(145deg,#d63031,#c0392b)}50%{opacity:.7;background:linear-gradient(145deg,#e74c3c,#c0392b)}to{opacity:1;background:linear-gradient(145deg,#d63031,#c0392b)}}.lcd-cursor{display:inline-block;width:12px;height:24px;background-color:#000;margin-left:2px;vertical-align:middle;animation:blink 1s step-end infinite}.control-group{display:flex;flex-direction:column;min-width:80px;flex:1}.control-group label{font-size:12px;margin-bottom:4px;color:tan;font-weight:700}.sampler-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:16px;background:#555;border-radius:8px;box-shadow:inset 0 0 5px #00000080;outline:none}.sampler-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:tan;border-radius:50%;cursor:pointer;box-shadow:0 2px 4px #0000004d}.sampler-slider::-moz-range-thumb{-moz-appearance:none;-webkit-appearance:none;appearance:none;width:18px;height:18px;background:tan;border-radius:50%;cursor:pointer;box-shadow:0 2px 4px #0000004d;border:none}.param-value{font-size:12px;margin-top:4px;text-align:center}.toggle-controls{display:flex;flex-direction:row;gap:10px;width:100%;margin-top:auto;padding:10px;background-color:#2a2a2a;border-radius:8px;box-shadow:inset 0 0 10px #00000080}.toggle-btn{background:linear-gradient(to bottom,#333,#222);color:#fff;border:1px solid #444;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #0000004d}.toggle-btn.active{background:linear-gradient(to bottom,tan,#c9a06f);box-shadow:inset 0 0 5px #0000004d;transform:translateY(1px)}.sampler-pads{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:8px;padding:8px;width:100%;height:100%;min-width:300px;min-height:200px;margin:0 auto;background-color:#1a1a1a;border-radius:8px;box-shadow:inset 0 0 10px #000c;overflow:auto;flex:1}.mpc-pad{background:linear-gradient(145deg,#444,#333);border:1px solid #555;border-radius:4px;box-shadow:inset 0 1px #ffffff1a,0 2px 3px #00000080;position:relative;overflow:hidden;cursor:pointer;transition:all .1s ease;padding:0;border:none;outline:none;width:100%;height:100%;min-height:60px;aspect-ratio:1/1}.mpc-pad:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#0000001a);border-radius:3px}.mpc-pad:hover{background:linear-gradient(145deg,#555,#444);box-shadow:inset 0 1px #fff3,0 2px 4px #0009}.mpc-pad.active{background:linear-gradient(145deg,tan,#c9a06f);transform:scale(.98);box-shadow:inset 0 1px 3px #00000080}.mpc-pad:active{transform:scale(.96);box-shadow:inset 0 1px 3px #0009}.save-mode .mpc-pad:not(.empty){opacity:.5;pointer-events:none}.save-mode .mpc-pad.empty{animation:blinkPad 1s infinite}.sampler-pads.delete-mode .mpc-pad.deletable{animation:blinkDelete 1s infinite;cursor:pointer}@keyframes blink{0%{opacity:.5}to{opacity:1}}@media (max-width: 768px){.sampler-menu-container{left:0;width:100%;height:60vh}.sampler-pads{gap:8px;padding:8px}.control-group{min-width:80px}}.btn-shine{display:inline-block;color:#fff;background:linear-gradient(to right,#9f9f9f 0,#fff,#868686 20%);background-position:0;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shine 3s infinite linear;animation-fill-mode:forwards;-webkit-text-size-adjust:none;font-weight:600;text-decoration:none;white-space:nowrap;font-family:Poppins,sans-serif}@keyframes shine{0%{background-position:0}60%{background-position:180px}to{background-position:180px}}.button-pressed{transform:scale(.95);transition:transform .1s ease}.button-pressed button{opacity:.8;box-shadow:inset 0 0 5px #00000080}.button-pressed button.bg-red-500,.button-pressed button.bg-red-600,.button-pressed button.bg-red-700{transform:none!important;transition:none!important;box-shadow:none!important}.button-pressed button.new-button,.button-pressed button[data-type=new],.button-pressed button[class*=new]{transform:scale(.85) translateY(3px)!important;transition:all .1s ease!important;box-shadow:inset 0 0 15px #000000e6!important}.vocal-genre-button{background:#000c;border:1px solid #4f4;color:#0f0;font-family:Digital-7,monospace;font-size:14px;padding:6px 10px;cursor:pointer;text-align:center;width:100%;border-radius:4px;margin-top:4px;margin-bottom:4px;box-shadow:0 0 8px #00ff0080;transition:all .2s ease;text-shadow:0 0 8px rgba(0,255,0,.8);position:relative;letter-spacing:1px;font-weight:700}.vocal-genre-button:hover{background:#000c;box-shadow:0 0 8px #00ff0080}.vocal-genre-label{position:absolute;bottom:calc(100% + 5px);left:50%;transform:translate(-50%);background:#000000e6;color:#0f0;font-family:Digital-7,monospace;font-size:14px;padding:4px 10px;border:1px solid #4f4;border-radius:4px;white-space:nowrap;box-shadow:0 0 8px #00ff0080;text-shadow:0 0 8px rgba(0,255,0,.8);z-index:1001;pointer-events:none}.vocal-genre-menu{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:350px;background:#000000f2;z-index:1000;border:2px solid #4f4;border-radius:8px;box-shadow:0 0 20px #00ff00b3,0 0 15px #000000b3;padding:5px}.no-scroll{overflow:visible;max-height:none}.genre-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.era-section{margin-bottom:6px;border:1px solid #444;border-radius:4px;overflow:hidden}.era-title{font-size:14px;padding:5px 8px;font-weight:700;color:#fff;text-align:center;text-shadow:0 0 5px rgba(255,255,255,.5);letter-spacing:1px}.genre-items-container{padding:4px}.era-2000s .era-title{background:linear-gradient(to right,#1a237e,#4a148c);color:#fff;border-bottom:2px solid #7e57c2}.era-2000s{border-color:#7e57c2;box-shadow:0 0 8px #7e57c24d}.era-90s .era-title{background:linear-gradient(to right,#880e4f,#4a148c);color:#fff;border-bottom:2px solid #e91e63}.era-90s{border-color:#e91e63;box-shadow:0 0 8px #e91e634d}.era-80s .era-title{background:linear-gradient(to right,#004d40,#01579b);color:#fff;border-bottom:2px solid #00bcd4}.era-80s{border-color:#00bcd4;box-shadow:0 0 8px #00bcd44d}.era-70s .era-title{background:linear-gradient(to right,#bf360c,#e65100);color:#fff;border-bottom:2px solid #ff9800}.era-70s{border-color:#ff9800;box-shadow:0 0 8px #ff98004d}.genre-item{padding:6px 10px;margin:2px;cursor:pointer;transition:all .2s ease;color:#ddd;border-radius:3px;text-align:center;font-weight:500}.era-2000s .genre-item:hover{background:#7e57c24d;color:#b39ddb;text-shadow:0 0 5px rgba(179,157,219,.7)}.era-2000s .genre-item.selected{background:#7e57c233;color:#b39ddb;text-shadow:0 0 5px rgba(179,157,219,.7);border:1px solid #7e57c2}.era-90s .genre-item:hover{background:#e91e634d;color:#f48fb1;text-shadow:0 0 5px rgba(244,143,177,.7)}.era-90s .genre-item.selected{background:#e91e6333;color:#f48fb1;text-shadow:0 0 5px rgba(244,143,177,.7);border:1px solid #e91e63}.era-80s .genre-item:hover{background:#00bcd44d;color:#80deea;text-shadow:0 0 5px rgba(128,222,234,.7)}.era-80s .genre-item.selected{background:#00bcd433;color:#80deea;text-shadow:0 0 5px rgba(128,222,234,.7);border:1px solid #00bcd4}.era-70s .genre-item:hover{background:#ff98004d;color:#ffcc80;text-shadow:0 0 5px rgba(255,204,128,.7)}.era-70s .genre-item.selected{background:#ff980033;color:#ffcc80;text-shadow:0 0 5px rgba(255,204,128,.7);border:1px solid #ff9800}.vocal-genre-menu::-webkit-scrollbar{width:6px}.vocal-genre-menu::-webkit-scrollbar-track{background:#111}.vocal-genre-menu::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.vocal-genre-menu::-webkit-scrollbar-thumb:hover{background:#444}@keyframes marquee-scroll{0%{transform:translate(100%)}to{transform:translate(-120%)}}@keyframes marquee-static{0%{transform:translate(0)}to{transform:translate(0)}}.animate-marquee{animation:marquee-scroll 8s linear 1,marquee-static 5s linear 8s forwards}.lcd-text{width:100%;overflow:hidden;z-index:10;position:relative}.lcd-text-inner{display:inline-block;animation:marquee-scroll 8s linear 1,marquee-static 5s linear 8s forwards;padding-right:10px;font-family:monospace;font-size:12px;color:#0f9!important;text-shadow:0 0 5px rgba(0,255,153,.7)}.lcd-text-inner.hover-scroll{animation:marquee-scroll 8s linear infinite}.lcd-display{position:relative;background:linear-gradient(to bottom,#001a12,#002a1c);border:1px solid #333333;border-radius:2px;height:32px;margin-top:8px;width:100%;display:flex;align-items:center;padding:0 4px;box-shadow:inset 0 0 10px #00000080}.lcd-display:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.1),rgba(0,0,0,.1) 1px,transparent 1px,transparent 2px);pointer-events:none}.album-container{margin:20px;width:150px;height:150px;float:left;position:relative;cursor:pointer}.album{position:absolute;z-index:100;width:150px;height:150px;overflow:hidden;transition:.5s ease;box-shadow:0 4px 8px #0000004d}.album img,.record img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.album-container:hover .album{transform:rotate(-5deg);margin:0 0 0 -15px}.record{position:absolute;width:140px;height:140px;padding:5px;overflow:hidden;transition:.75s ease}.album-container:hover .record{margin:0 0 0 30px;transform:rotate(360deg)}.artist-name{position:absolute;bottom:-25px;left:0;right:0;text-align:center;color:#fff;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.8)}.album-wrap{display:flex;flex-wrap:wrap;justify-content:flex-start}.tempo-buttons{position:absolute;bottom:-50px;left:0;right:0;display:flex;justify-content:center;gap:5px}.tempo-button{background-color:#444;color:#fff;border:none;border-radius:3px;padding:2px 5px;font-size:10px;cursor:pointer;transition:background-color .2s}.tempo-button:hover{background-color:#666}.mixer-container,.fader-container,.transport-controls,.cassette-container,.track-controls,.master-controls{position:relative;z-index:20!important}button,.button,.control,.slider,.meter,.knob{position:relative;z-index:25!important}.mixer-channels-mobile::-webkit-scrollbar{height:6px;background-color:#222}.mixer-channels-mobile::-webkit-scrollbar-thumb{background:#639;border-radius:10px;-webkit-transition:background .3s ease;transition:background .3s ease}.mixer-channels-mobile::-webkit-scrollbar-thumb:hover{background:#8a2be2}.mixer-channels-mobile::-webkit-scrollbar-track{background-color:#333;border-radius:10px}.mixer-channels-mobile{scrollbar-width:thin;scrollbar-color:#663399 #333333}@media (max-width: 767px){.soundcraft-theme.mobile-layout>div{display:flex;flex-direction:column;min-height:100vh}.mixer-section{display:flex;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scroll-padding:0 1rem;padding:.5rem 0;margin:0 -.5rem;scrollbar-width:none;max-height:400px;height:400px}.mixer-section::-webkit-scrollbar{display:none}.mixer-section::-webkit-scrollbar:vertical{display:none}.mixer-channel{min-width:80px;scroll-snap-align:start;margin:0 .25rem;flex:0 0 auto}.bottom-controls-section{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:.5rem}.soundcraft-theme.mobile-layout{width:100%!important;max-width:100%!important;padding:.5rem!important;overflow-x:hidden}.mixer-channel{width:20vw!important;min-width:80px;max-width:120px;min-height:200px;margin:0 .5rem 1rem;padding:.5rem;background:#282828cc;border-radius:8px;box-shadow:0 2px 4px #0003}button,.btn,.fader-handle{min-height:44px!important;min-width:44px!important;padding:.75rem!important;touch-action:manipulation}.fader-container{height:180px!important;margin:.75rem auto;touch-action:pan-y;min-width:50px}.fx-fader-container{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;padding:.5rem 0;margin:.5rem -.5rem}.fx-fader-container .WildFader{min-width:60px!important;width:18vw!important;max-width:100px!important;scroll-snap-align:start;margin:0 .25rem;flex:0 0 auto}.fader-handle{width:40px!important;height:40px!important;border-radius:20px!important}.lcd-display{display:none!important;height:0!important;min-height:0!important;max-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;flex:0 0 0!important}.transport-controls{display:flex;flex-direction:row!important;flex-wrap:nowrap;gap:.5rem;justify-content:flex-start;padding:.75rem 1rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.transport-controls::-webkit-scrollbar{display:none}.transport-controls>*{flex:0 0 auto}.btn{padding:.75rem 1rem!important;margin:.25rem;font-size:1rem}.track-controls{gap:.5rem;padding:.5rem}.dropdown-menu{position:fixed!important;bottom:60px;left:0;right:0;max-height:60vh;overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:1000;background:#2d2d2d;border-radius:8px;box-shadow:0 -4px 12px #0000004d}.recipes-menu,.fx-menu,.sampler-menu{position:fixed!important;top:10px!important;left:10px!important;right:10px!important;bottom:80px!important;max-width:none!important;max-height:none!important;width:auto!important;height:auto!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;z-index:1050!important;border-radius:12px!important;box-shadow:0 4px 20px #00000080!important}.recipes-menu>div,.fx-menu>div,.sampler-menu>div{padding:1rem!important;height:100%!important;overflow-y:auto!important}.recipes-menu button,.fx-menu button,.sampler-menu button{min-height:48px!important;padding:.75rem 1rem!important;margin:.25rem 0!important;font-size:16px!important}.bottom-controls{padding:1rem;background:#1e1e1e;border-radius:12px 12px 0 0;box-shadow:0 -2px 10px #0003;margin-top:1rem}.modal-dialog{margin:.5rem!important;width:auto!important;max-width:100%!important}input,select,textarea{font-size:16px!important;min-height:44px!important}body{-webkit-text-size-adjust:100%}.desktop-only{display:none!important}.mobile-only{display:block!important}.fixed-top,.fixed-bottom{position:fixed!important;left:0;right:0;z-index:1030}body{padding-bottom:70px}}@media screen and (min-width: 768px){.mobile-only{display:none!important}}@media screen and (max-width: 767px){.mobile-stack{flex-direction:column}}@media screen and (max-width: 767px){.mobile-full-width{width:100%!important;max-width:100%!important}}html,body{max-width:100%;overflow-x:hidden;height:100%}#root,.App{height:100%}.bottom-navigation{position:fixed;bottom:0;left:0;right:0;background:#222;padding:.5rem 0;z-index:100;box-shadow:0 -2px 10px #0000004d}.main-content{padding-bottom:70px}@font-face{font-family:BioRhyme;src:url(https://manzdev.github.io/twitch-cassette/assets/biorhyme.woff) format("woff")}@font-face{font-family:Code;src:url(https://manzdev.github.io/twitch-cassette/assets/code.woff2) format("woff")}@font-face{font-family:Desyrel;src:url(https://manzdev.github.io/twitch-cassette/assets/desyrel.woff) format("woff"),url(https://manzdev.github.io/twitch-cassette/assets/desyrel.woff2) format("woff2")}.tascam-portastudio-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:400px;height:100%}.container{display:flex;justify-content:center;align-items:center;max-height:240px;transform:scale(.65);margin-bottom:-20px}.cassette{--width: 458px;--bgcolor: #2f2f2f;--border-color: #404040;--light-color: #555;--dark-color: #1c1c1c;--external-notch-shape: polygon(100% 0, 0 5%, 0 95%, 100% 100%);width:var(--width);background:var(--bgcolor);background-image:linear-gradient(273deg,#fff1,transparent),repeating-linear-gradient(to bottom,#1c1c1c 3px,#2c2c2c 6px);border:3px solid var(--border-color);border-radius:15px;display:flex;flex-direction:column;position:relative;box-shadow:0 0 10px 2px #2227}.cassette:before,.cassette:after{content:"";display:block;background:#333;width:5px;height:75px;position:absolute;bottom:20px;clip-path:var(--external-notch-shape)}.cassette:before{left:-8px}.cassette:after{right:-8px;transform:scaleX(-1);background:#444}.cassette .top-tape{display:flex;justify-content:space-between;height:25px;padding:0 25px}.cassette .top-tape .arrow-mark-container{background:#0004;display:flex}.cassette .top-tape .arrow-mark-container .arrow-mark{color:var(--light-color);font-size:32px;transform:scaleY(1.6) translateY(-10px)}.cassette .top-tape .brand-mark{background:#0004;font-family:BioRhyme,serif;padding:0 6px;color:var(--light-color)}.cassette .medium-tape{display:flex;justify-content:center}.cassette .medium-tape .label-container{width:400px;background:var(--dark-color);border-radius:4px;padding:4px}.cassette .medium-tape .label-container .label{background:#eee;background-image:repeating-linear-gradient(transparent 0 20px,#c6c6c6 20px,#c6c6c6 21px),linear-gradient(278deg,#eee,#ccc);border-radius:10px}.cassette .medium-tape .label-container .label .top-label{height:62px;font-weight:400;font-size:16px;color:#333}.cassette .medium-tape .label-container .label .top-label .predefined-text{font-family:Arial;font-size:9px;padding:6px 6px 4px;position:absolute}.cassette .medium-tape .label-container .label .top-label .top-text{font-family:Desyrel,sans-serif;padding:6px 10px;font-size:24px;line-height:110%;text-shadow:0 0 1px #444;text-align:center}.cassette .medium-tape .label-container .label .medium-label{height:95px;background:#4d7fb4;display:flex;justify-content:center;align-items:center;font-family:Arial,sans-serif}.cassette .medium-tape .label-container .label .medium-label .side-name{width:50px;font-weight:700;font-size:28px;display:flex;justify-content:center;align-items:center;color:#222}.cassette .medium-tape .label-container .label .medium-label .gap-container{width:360px;height:75px;border:4px solid var(--dark-color);background:var(--bgcolor);background-image:linear-gradient(76deg,transparent,#aaa2);border-radius:5px}.cassette .medium-tape .label-container .label .medium-label .gap-container .gap{height:100%;display:flex;justify-content:center;align-items:center}.cassette .medium-tape .label-container .label .medium-label .gap-container .gap .tapereel{width:50px;height:50px;display:flex;justify-content:center;align-items:center;border-radius:50%;border:4px solid #aaa;box-shadow:0 0 0 4px #111;background:transparent;animation-play-state:paused}.cassette.playing .medium-tape .label-container .label .medium-label .gap-container .gap .tapereel{animation-play-state:running}.cassette .medium-tape .label-container .label .medium-label .gap-container .gap .tapereel.left{animation:spin 6s linear infinite reverse}.cassette .medium-tape .label-container .label .medium-label .gap-container .gap .tapereel.right{animation:spin 8s linear infinite reverse}.cassette .medium-tape .label-container .label .medium-label .gap-container .gap .tapereel .notch{background:linear-gradient(to right,#aaa 0 10%,transparent 12% 88%,#aaa 90% 100%);width:50px;height:8px;position:absolute}.cassette .medium-tape .label-container .label .medium-label .gap-container .gap .tapereel .notch-1{transform:rotate(60deg)}.cassette .medium-tape .label-container .label .medium-label .gap-container .gap .tapereel .notch-2{transform:rotate(0)}.cassette .medium-tape .label-container .label .medium-label .gap-container .gap .tapereel .notch-3{transform:rotate(-60deg)}.cassette .medium-tape .label-container .label .medium-label .gap-container .gap .central-gap{width:100px;height:50px;border:3px solid #222;background:transparent;margin:0 10px;overflow:hidden;position:relative}.cassette .medium-tape .label-container .label .medium-label .gap-container .gap .central-gap:after{content:"";display:block;width:100%;height:100%;background-image:linear-gradient(transparent,#fff5,transparent);position:absolute;top:0}.cassette .medium-tape .label-container .label .medium-label .gap-container .gap .central-gap .innertape{width:150px;height:150px;border-radius:50%;background:radial-gradient(#999 45%,#3e3e3e 47%,#3e3e3e);border:2px solid #2e2e2e;position:relative}.cassette .medium-tape .label-container .label .medium-label .gap-container .gap .central-gap .innertape.left{transform:translate(-119px,-52px)}.cassette .medium-tape .label-container .label .medium-label .gap-container .gap .central-gap .innertape.right{transform:translate(66px,-206px);box-shadow:-10px -10px 15px #3335}.cassette .medium-tape .label-container .label .medium-label .noise-reduction{width:50px;font-size:7px;display:flex;flex-direction:column;justify-content:center;margin-left:2px}.cassette .medium-tape .label-container .label .medium-label .noise-reduction .box{display:flex;margin-top:2px}.cassette .medium-tape .label-container .label .medium-label .noise-reduction .box>div{border:1px solid #444;background:#fff;font-size:6px;padding:0 3px;border-radius:2px}.cassette .medium-tape .label-container .label .bottom-label{border-bottom-left-radius:10px;border-bottom-right-radius:10px;background:#eee;background-image:linear-gradient(-278deg,#eee,#ccc);height:32px;display:flex;justify-content:space-around;align-items:center}.cassette .medium-tape .label-container .label .bottom-label .brand-text .maintext{font-family:BioRhyme,sans-serif;font-size:20px;color:#222;transform:translate(18px) scaleX(1.4)}.cassette .medium-tape .label-container .label .bottom-label .brand-text .subtext{font-family:Arial,sans-serif;font-weight:700;color:#333;font-size:7px;transform:translateY(-7px)}.cassette .medium-tape .label-container .label .bottom-label .arrow-text{color:#4d7fb4;font-size:32px;transform:scaleX(1.5) translate(-6px,-3px)}.cassette .medium-tape .label-container .label .bottom-label .model-text{font-family:Code,sans-serif;font-weight:700;color:#222;font-size:28px;transform:translateY(2px)}.cassette .medium-tape .label-container .label .bottom-label .model-text span{color:#4d7fb4}.cassette .bottom-tape{height:80px;display:flex;justify-content:center;align-items:flex-end}.cassette .bottom-tape .magnetic-shield-container{filter:drop-shadow(-4px 0 1px #131313) drop-shadow(4px 0 1px #383838) drop-shadow(0 -4px 0 #202020)}.cassette .bottom-tape .magnetic-shield-container .magnetic-shield{background:#2a2a2a;width:350px;height:65px;clip-path:polygon(0 100%,4% 0,96% 0,100% 100%);display:flex;justify-content:space-between;background-image:repeating-linear-gradient(to bottom,#2c2c2c 3px,#1c1c1c 6px)}.cassette .bottom-tape .magnetic-shield-container .magnetic-shield .left-hole-container,.cassette .bottom-tape .magnetic-shield-container .magnetic-shield .right-hole-container{width:125px;display:flex;justify-content:space-evenly;align-items:flex-end}.cassette .bottom-tape .magnetic-shield-container .magnetic-shield .hole.hole-2,.cassette .bottom-tape .magnetic-shield-container .magnetic-shield .hole.hole-3{transform:translateY(-15px);border:3px solid #222;width:24px;height:18px;border-radius:30px;box-shadow:0 0 0 2px #111}.cassette .bottom-tape .magnetic-shield-container .magnetic-shield .hole.hole-3{width:20px;border-radius:10px;transform-origin:50% 50%;transform:rotate(90deg) translate(-17px)}.cassette .bottom-tape .magnetic-shield-container .magnetic-shield .screw-container:before{content:"";display:block;background:#000000bf;width:20px;height:20px;border-radius:50%;position:relative;top:10px;z-index:10}.cassette .bottom-tape .magnetic-shield-container .magnetic-shield .screw-container .screw{position:absolute;left:calc(50% - 8px);top:10px;box-shadow:0 0 2px 4px #000,0 0 2px 8px #111}.cassette .bottom-tape .magnetic-shield-container .magnetic-shield .hole{width:20px;height:20px;border-radius:50%;background:#111;border:2px solid #191919;box-shadow:0 0 0 2px #171717;transform:translateY(-5px)}.cassette .screw{background:linear-gradient(#555,#333);width:16px;height:16px;border-radius:50%;position:absolute;display:flex;justify-content:center;align-items:center;border-top:1px solid #222;border-bottom:1px solid #666;transform:rotate(-25deg);box-shadow:0 0 2px 2px #111}.cassette .screw .dot{width:4px;height:4px;background:#222;border-radius:50%;position:absolute;z-index:5;filter:blur(1px)}.cassette .screw:before,.cassette .screw:after{content:" ";display:block;background:linear-gradient(to right,#222 10%,#111 45%,#111 65%,#222 90%);width:14px;height:4px;border-radius:2px;position:absolute}.cassette .screw:before{transform:rotate(45deg)}.cassette .screw:after{transform:rotate(-45deg)}.cassette .screw.screw-1{top:4px;left:4px}.cassette .screw.screw-2{top:4px;right:4px}.cassette .screw.screw-3{bottom:4px;left:4px}.cassette .screw.screw-4{bottom:4px;right:4px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.transport-controls{display:flex;justify-content:center;gap:8px;margin-top:0;width:100%}.transport-button{width:40px;height:40px;border-radius:50%;background:#333;border:none;display:flex;justify-content:center;align-items:center;box-shadow:0 3px 5px #0000004d,inset 0 1px 1px #fff3;transition:all .1s;cursor:pointer}.transport-button:hover{background:#444}.transport-button:active{transform:translateY(2px);box-shadow:0 1px 2px #0000004d}.transport-button svg{width:24px;height:24px}.transport-button.play{color:#0f0}.transport-button.stop{color:#f55}.transport-button.rewind,.transport-button.fastforward{color:#ff5}.transport-button.record{color:red}.cassette.recording{animation:recordingPulse 1s infinite alternate;border-color:red}@keyframes recordingPulse{0%{box-shadow:0 0 10px 2px #2227,0 0 20px 5px #ff00004d}to{box-shadow:0 0 10px 2px #2227,0 0 30px 8px #f009}}.recording-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#ff0000e6;color:#fff;padding:8px 16px;border-radius:4px;font-family:Code,monospace;font-weight:700;font-size:14px;z-index:100;border:2px solid #ff0000;box-shadow:0 0 10px #ff000080}.recording-indicator.blink{opacity:.3}.cassette{cursor:pointer;animation:none}.cassette:hover{animation:cassetteWiggle .6s ease-in-out infinite;animation-delay:0s!important;transform-origin:center}@keyframes cassetteWiggle{0%{transform:rotate(.7deg)}25%{transform:rotate(-.7deg)}50%{transform:rotate(.5deg)}75%{transform:rotate(-.5deg)}to{transform:rotate(.5deg)}}.cassette.clicked{animation:cassetteClick .3s ease-in-out;transform-origin:center}@keyframes cassetteClick{0%{transform:scale(1)}50%{transform:scale(.95) rotate(-1deg)}to{transform:scale(1)}}.transport-button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.transport-button.recording-active{background:red;color:#fff;box-shadow:0 0 10px #ff000080,inset 0 1px 1px #fff3}.beats-display-container{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#001a00;color:#0f0;font-family:Courier New,monospace;border:2px solid #333;border-radius:5px;overflow:hidden;display:flex;flex-direction:column;z-index:999;height:100%;width:100%}.beats-display-header{background-color:#020;padding:5px 10px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #00ff00}.beats-display-title{font-weight:700;text-transform:uppercase;letter-spacing:1px}.beats-display-close{background:none;border:none;color:#0f0;cursor:pointer;font-size:16px}.beats-display-content{flex:1;overflow-y:auto;padding:10px}.beat-item{display:flex;justify-content:space-between;align-items:center;padding:5px;margin-bottom:5px;border:1px solid #004400;background-color:#001500;cursor:grab}.trash-can-container{position:absolute;bottom:20px;right:20px;z-index:1001}.beat-item:hover{background-color:#030}.beat-name{flex:1}.beat-number{margin-right:10px;opacity:.7}.beat-delete{background:none;border:none;color:#f33;cursor:pointer;font-size:14px;opacity:.7}.beat-delete:hover{opacity:1}.beats-display-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#0000,#0003,#0000);background-size:100% 4px;pointer-events:none;z-index:1}.beats-display-container:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;box-shadow:inset 0 0 15px #00ff004d;pointer-events:none;z-index:1}.mobile-library-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100vh;height:100dvh;max-height:100vh;background:#1a1a1d;z-index:1500;display:flex;flex-direction:column;padding-bottom:0;box-sizing:border-box;font-family:Kalam,cursive;overflow:hidden;overscroll-behavior:none}.mobile-library-overlay.is-search-focused{touch-action:none}.mobile-library-overlay.is-search-focused .library-paper.library-list{overflow:hidden!important;overscroll-behavior:none;touch-action:none}.library-swipe-shell{position:relative;overflow:hidden;border-radius:14px}.library-search{position:relative}.library-search-hit{position:absolute;top:0;right:0;bottom:0;left:0;border:none;background:transparent;padding:0;margin:0;cursor:text}.library-swipe-actions{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:flex-end;align-items:stretch;pointer-events:none;opacity:0;transition:opacity .18s ease}.library-swipe-shell.is-swiped .library-swipe-actions{opacity:1}.library-swipe-action{width:64px;border:none;color:#fff;display:flex;align-items:center;justify-content:center;pointer-events:auto}.library-swipe-trash{background:#121812d1}.library-swipe-edit{background:#1218129e}.library-swipe-row{transform:translate(0);transition:transform .18s ease;will-change:transform}.library-swipe-row.is-swiped{transform:translate(-128px)}.lcd-rename-row{display:flex;align-items:baseline;justify-content:center;gap:6px;padding:6px 4px;border-top:1px solid rgba(0,0,0,.25);border-bottom:1px solid rgba(0,0,0,.25)}.lcd-rename-input{width:100%;max-width:260px;margin:4px auto;display:block;padding:6px 8px;border-radius:6px;border:1px solid rgba(0,0,0,.18);background:#ffffff24;color:#000000eb;font-family:monospace;font-size:14px;line-height:1.15;text-align:center;outline:none;box-sizing:border-box}.lcd-rename-input:focus{border-color:#0000008c;box-shadow:0 0 0 2px #0000001a}.lcd-rename-prefix{opacity:.75}.lcd-rename-value{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lcd-rename-cursor{display:inline-block;width:10px;animation:lcdCursorBlink .7s step-end infinite}.lcd-rename-hidden-input{position:absolute;left:-9999px;top:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}@keyframes lcdCursorBlink{50%{opacity:0}}.library-header-lcd{background:#1f1f22;padding:8px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #000;box-shadow:0 4px 10px #0000004d;flex:0 0 auto}.lcd-stack{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.mobile-library-overlay .lcd-screen{flex:0 0 auto;height:156px;background:linear-gradient(180deg,#d3dbbf,#c3cbb0);border:1px solid rgba(0,0,0,.35);border-radius:4px;padding:4px;box-shadow:inset 0 0 0 1px #ffffff2e,inset 0 -8px 14px #0000001a;display:flex;flex-direction:column;gap:4px;position:relative;overflow:hidden;font-family:VT323,monospace;color:#121812f2}.mobile-library-overlay .lcd-screen *{color:inherit}.lcd-upload-ticker{margin-top:6px;padding:6px 8px;font-size:16px;letter-spacing:.6px;text-transform:uppercase;border-top:1px solid rgba(0,0,0,.18);border-bottom:1px solid rgba(0,0,0,.18);min-height:34px;display:flex;align-items:center;justify-content:center;text-align:center}.lcd-upload-progress{width:100%;max-width:260px;height:12px;margin:6px auto 4px;border-radius:999px;background:#00000029;border:1px solid rgba(0,0,0,.24);overflow:hidden;box-shadow:inset 0 1px 2px #ffffff2e}.lcd-upload-bar{height:100%;background:linear-gradient(90deg,#1218128c,#121812e0 55%,#121812a6);transition:width .12s linear}.lcd-upload-pct{font-size:14px;letter-spacing:.8px;font-weight:800;text-align:center;margin-bottom:4px}.lcd-body.lcd-report{overflow:hidden}.lcd-report-scroll{overflow:auto;-webkit-overflow-scrolling:touch;max-height:92px;padding:4px 6px;border-top:1px solid rgba(0,0,0,.18);border-bottom:1px solid rgba(0,0,0,.18)}.lcd-report-block{margin-bottom:6px}.lcd-report-label{font-size:14px;letter-spacing:.8px;font-weight:800}.lcd-report-value{font-size:14px;line-height:1.2}.lcd-report-pre{white-space:pre-wrap;word-break:break-word;font-family:VT323,monospace;font-size:14px;line-height:1.15;margin:0}.mobile-library-overlay .lcd-header{background-color:transparent;padding:2px 4px;display:flex;justify-content:center;align-items:center;border-bottom:none;flex-shrink:0;margin-bottom:4px}.lcd-new-indicator{position:absolute;left:8px;top:4px;font-size:16px;letter-spacing:1px;font-weight:800;color:#121812f2;text-shadow:none;animation:blink .8s infinite step-end}.mobile-library-overlay .lcd-header .lcd-close{position:absolute;right:10px}.lcd-close{font-family:VT323,monospace;font-size:30px;line-height:1;color:#121812f2;background:transparent;border:none;border-radius:0;padding:0;width:32px;height:28px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;opacity:.9;position:relative}.lcd-close:before{content:"";position:absolute;left:50%;top:50%;width:16px;height:16px;transform:translate(-50%,-50%);background:#0000000f;border:1px solid rgba(0,0,0,.55);border-radius:2px;pointer-events:none}.lcd-close:active{transform:translateY(1px);opacity:1;background:#b6ffd61f}.lcd-close-btn{position:absolute;right:6px;top:4px;width:26px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:3px;border:1px solid rgba(0,0,0,.35);background:#ffffff59;color:#000;cursor:pointer}.lcd-close-btn:active{transform:translateY(1px)}.mobile-library-overlay .lcd-title{font-size:18px;font-weight:400;color:#121812f2;opacity:1;letter-spacing:1px;text-shadow:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-library-overlay .lcd-time{font-size:20px;color:#b6ffd6c7;opacity:.8;font-family:VT323,monospace}.mobile-library-overlay .lcd-screen-content{padding:4px;flex:1;min-height:0;display:flex;flex-direction:column;gap:4px;overflow:hidden}.mobile-library-overlay .lcd-titleline{flex:0 0 auto;font-size:clamp(16px,4.6vw,22px);letter-spacing:1px;text-transform:uppercase;text-align:center;padding:1px 6px;border:none;background:transparent;border-radius:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-library-overlay .lcd-midgrid{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:6px;overflow:visible}.mobile-library-overlay .lcd-meter-slot{min-height:0;display:flex;align-items:stretch;justify-content:flex-start;overflow:visible}.lcd-led-meter{width:100%;height:100%;display:block;padding:2px 4px;border:none;border-radius:0;background:transparent;box-shadow:none;overflow:visible}.lcd-led-meter-row{display:flex;align-items:baseline;gap:10px;min-width:0}.lcd-led-meter-label{font-size:12px;letter-spacing:1px;opacity:.9;white-space:nowrap}.lcd-led-meter-bar{font-size:20px;letter-spacing:.5px;color:#121812f2;text-shadow:none;line-height:1.1;white-space:nowrap;overflow:visible;text-overflow:clip;font-variant-ligatures:none;min-width:0;position:relative;display:inline-block}.lcd-led-meter-on{color:#121812f2;position:relative;z-index:2}.lcd-led-meter-off{color:#12181240;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.mobile-library-overlay .lcd-readouts{min-height:0;display:flex;flex-direction:column;justify-content:flex-end;gap:2px;padding:0;border:none;background:transparent;border-radius:0;overflow:visible;align-items:flex-end;align-self:end}.mobile-library-overlay .lcd-readout-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-width:0;overflow:visible}.mobile-library-overlay .lcd-readout-label{font-size:12px;letter-spacing:1px;opacity:.9;white-space:nowrap}.mobile-library-overlay .lcd-readout-value{font-size:clamp(14px,3.9vw,18px);text-align:right;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:2px}.mobile-library-overlay .lcd-statusline{flex:0 0 auto;height:22px;padding:1px 6px;border:none;background:transparent;border-radius:0;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.lcd-tagfilter{flex:1;min-height:0;display:flex;flex-direction:column;gap:4px}.lcd-tagfilter-grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:16px;gap:2px;padding:2px 6px;overflow:auto;-webkit-overflow-scrolling:touch}.lcd-tags-inline{display:inline-flex;align-items:baseline;gap:6px;min-width:0;font-size:12px;letter-spacing:.6px;opacity:.9}.lcd-tags-hit{flex:1 1 auto;border:none;background:transparent;padding:0 0 0 6px;min-width:0;display:inline-flex;align-items:center;justify-content:flex-end;height:100%}.lcd-tagclear{border:none;background:transparent;padding:0;font-family:VT323,monospace;font-size:16px;letter-spacing:1px;text-transform:uppercase;opacity:.95;text-decoration:underline}.lcd-tags-inline-btn{border:none;background:transparent;padding:0;font:inherit;letter-spacing:inherit;opacity:.95}.lcd-tags-inline-btn.lcd-filter-label{font-size:14px;letter-spacing:1px}.lcd-tags-inline-value{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.95}.lcd-tagpicker{flex:0 0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:2px 6px}.lcd-tagitem{border:none;background:transparent;padding:0;height:16px;font-family:VT323,monospace;font-size:14px;letter-spacing:.6px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.75}.lcd-tagitem.is-on{opacity:1;text-decoration:underline}.lcd-seek-row{flex:0 0 auto;display:flex;flex-direction:row;gap:8px;align-items:center;padding:0 6px 2px}.lcd-seek-time{flex:0 0 auto;min-width:42px;text-align:center;font-size:14px;letter-spacing:1px;opacity:.95}.lcd-seekbar{flex:1 1 auto;min-width:0;height:22px;touch-action:none;display:flex;align-items:center}.lcd-seekbar-track{width:100%;height:16px;border-radius:6px;background:#12181224;border:1px solid rgba(18,24,18,.35);overflow:hidden}.lcd-seekbar-fill{height:100%;width:0%;background:#121812d1}.mobile-library-overlay .lcd-status-text{font-size:14px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;max-width:100%;line-height:1.05;white-space:normal;overflow:hidden;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical}.mobile-library-overlay .lcd-seek{flex:0 0 auto}.mobile-library-overlay .lcd-screen-content>*{min-height:0}.mobile-library-overlay .lcd-default-screen,.mobile-library-overlay .lcd-main-info{flex:1;min-height:0}.mobile-library-overlay .lcd-main-info{display:flex;flex-direction:column;gap:8px;opacity:1}.mobile-library-overlay .lcd-row-group{display:flex;gap:6px}.mobile-library-overlay .lcd-row.half{flex:1}.mobile-library-overlay .lcd-row.sample-name{margin-bottom:4px}.mobile-library-overlay .lcd-row .label{font-size:14px;font-weight:700;color:inherit;min-width:60px;opacity:.6}.mobile-library-overlay .lcd-row .value{font-size:16px;color:inherit;opacity:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:none}.lcd-value-center{text-align:center;width:100%}.lcd-instruction{font-size:clamp(16px,4.7vw,22px);letter-spacing:1px;line-height:1.12;padding:2px 6px 4px;white-space:normal;overflow:hidden;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical}.track-new-badge{display:inline-flex;align-items:center;justify-content:center;height:16px;padding:0 6px;margin-left:8px;border-radius:999px;border:1px solid rgba(0,0,0,.6);background:#00000014;font-size:10px;letter-spacing:1px;text-transform:uppercase;animation:blink .8s infinite step-end}.mobile-library-overlay .lcd-message-overlay{position:absolute;top:10px;right:10px;bottom:10px;left:10px;display:flex;align-items:center;justify-content:center;background:#000000c7;border:1px solid rgba(182,255,214,.55);border-radius:6px;pointer-events:none;transition:opacity .16s ease;z-index:10}.mobile-library-overlay .lcd-msg-line{font-size:clamp(11px,3.4vw,14px);font-weight:800;color:#b6ffd6f2;opacity:1;letter-spacing:.6px;text-transform:uppercase;text-align:center;padding:6px 8px;text-shadow:0 0 10px rgba(182,255,214,.35);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-library-overlay .lcd-progress-bar{margin-top:10px;height:8px;border-radius:4px;background:#b6ffd61f;overflow:hidden;border:1px solid rgba(182,255,214,.25)}.mobile-library-overlay .lcd-progress-bar .progress-fill{height:100%;width:0%;background:#b6ffd6f2;transition:width .14s linear;box-shadow:0 0 10px #b6ffd659}.mobile-library-overlay .lcd-row{display:flex;justify-content:space-between;align-items:center;color:inherit;font-family:VT323,monospace;font-weight:400;text-shadow:none;opacity:1;background-color:transparent;padding:4px;border-radius:2px;font-size:18px}.mobile-library-overlay .lcd-track-title{font-size:13px;letter-spacing:1px;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.mobile-library-overlay .lcd-progress{font-size:11px;letter-spacing:1px;opacity:.8;white-space:nowrap}.mpc-softkeys{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:8px;padding:6px 8px 10px;background:transparent;border-radius:0;box-shadow:none;border-top:1px solid rgba(255,255,255,.1)}.mpc-softkey-panel{display:block;margin-top:2px;padding:0 8px 2px;background:transparent;border-radius:0;box-shadow:none;border-top:1px solid rgba(255,255,255,.1)}.mpc-softkey-labels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:0;font-family:Arial,Helvetica,sans-serif;font-weight:600;font-size:10px;letter-spacing:.8px;color:#fff9;text-align:center;text-transform:uppercase}.mpc-softkey-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;align-items:start;grid-auto-rows:12px}.mpc-softkey-btn{width:100%;height:12px;min-height:12px;padding:0;line-height:0;display:block;border-radius:2px;border:none;background:#3a3a3a;box-shadow:0 1px #ffffff26 inset,0 -1px #0000004d inset,0 2px 4px #0006;cursor:pointer;transition:transform .05s}.mobile-library-overlay .mpc-softkey-panel .mpc-softkey-buttons .mpc-softkey-btn{height:12px!important;min-height:12px!important;padding:0!important}.mpc-softkey-btn:active,.mpc-softkey-btn.is-pressed{transform:translateY(1px);box-shadow:0 0 #ffffff1a inset,0 0 #0000004d inset,0 1px 2px #0006;background:#2a2a2a}.mpc-softkey-btn:disabled{opacity:.3;cursor:not-allowed;transform:none}.softkeys{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:10px}.softkey{display:flex;flex-direction:column;align-items:center;gap:6px}.softkey-btn{width:100%;height:18px;border-radius:999px;border:1px solid rgba(0,0,0,.35);background:linear-gradient(#ececf0,#cfcfd6);box-shadow:inset 0 1px #ffffff8c,0 2px #00000040;cursor:pointer}.softkey-btn:active,.softkey-btn.is-pressed{transform:translateY(1px);box-shadow:inset 0 1px #ffffff8c,0 1px #00000040}.softkey-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.softkey-label{font-family:Arial,Helvetica,sans-serif;font-weight:800;font-size:9px;letter-spacing:.6px;color:#000000d9;text-align:center;line-height:1;white-space:nowrap}.lcd-extend-choice{font-family:VT323,monospace;font-size:clamp(22px,6vw,30px);height:40px;border-radius:8px;border:1px solid rgba(182,255,214,.38);color:inherit;background:#0000000f;box-shadow:inset 0 0 0 1px #00000059,0 6px 14px #00000059;cursor:pointer}.lcd-extend-choice.is-selected{background:#0000001f;border-color:#000000a6;box-shadow:inset 0 0 0 1px #00000059,0 8px 18px #00000073}.lcd-extend-actions{display:flex;width:100%;justify-content:center;gap:10px;padding:0 6px;flex-wrap:wrap}.lcd-extend-hint{font-size:clamp(14px,4.2vw,18px);letter-spacing:1px;opacity:.9;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lcd-row.actions{justify-content:flex-start;gap:10px}.lcd-action{font-size:10px;letter-spacing:1px;opacity:.75;padding:2px 4px;border:1px solid rgba(0,0,0,.28);border-radius:3px;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lcd-action:active{opacity:1;background:#00000014}.lcd-label{font-size:10px;opacity:.7;color:#000}.lcd-value{font-size:12px;letter-spacing:1px;color:#000;opacity:.8}.lcd-default-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:inherit;opacity:1;text-align:center;height:100%}.lcd-default-screen .lcd-large-brand{margin-bottom:2px}.lcd-default-screen .lcd-instruction-typewriter{margin-top:-4px}.lcd-rename-screen{justify-content:flex-start;padding-top:4px;gap:4px;position:relative;width:100%}.lcd-rename-top{flex:0 0 auto}.lcd-rename-bar{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:0 6px}.lcd-rename-bar-text{min-width:0}.lcd-rename-fields{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:4px}.lcd-rename-actions{flex:0 0 auto;width:100%;display:flex;justify-content:flex-end;gap:8px;padding:2px 6px 4px}.lcd-rename-action{font-family:VT323,monospace;font-size:18px;height:28px;padding:0 10px;border-radius:6px;border:1px solid rgba(0,0,0,.35);background:#ffffff2e}.lcd-rename-screen .lcd-instruction{font-size:16px;line-height:1.05;padding:0 6px}.lcd-rename-screen .lcd-extend-hint{font-size:14px;letter-spacing:1px}.lcd-rename-screen .lcd-rename-input{max-width:236px;padding:4px 6px;margin:3px auto;font-size:13px}.lcd-rename-screen .lcd-rename-actions{gap:6px;padding:0 6px 2px}.lcd-rename-screen .lcd-rename-action{height:24px;font-size:16px;padding:0 8px;border-radius:5px}.lcd-confirm-screen .lcd-instruction{font-size:14px;line-height:1.05;padding:0 6px;-webkit-line-clamp:3;line-clamp:3}.lcd-confirm-screen .lcd-extend-hint{font-size:14px;margin-top:2px}.lcd-confirm-screen .lcd-extend-actions{padding:0 6px;gap:8px}.lcd-confirm-screen .lcd-extend-choice{height:30px;font-size:22px}.lcd-rename-action.is-primary{border-color:#0000008c;background:#00000014}.lcd-rename-screen .lcd-extend-hint{margin-top:0}.lcd-rename-screen .lcd-extend-choice{height:30px;font-size:clamp(18px,5vw,24px)}.lcd-rename-screen .lcd-extend-actions{margin-top:0;padding-bottom:6px}.lcd-eye-pixel-grid{display:grid;grid-template-columns:repeat(13,4px);grid-template-rows:repeat(9,4px);gap:1px}.lcd-pixel{width:100%;height:100%;background-color:#b6ffd6f2;opacity:.85}.lcd-pixel.off{background-color:transparent}.lcd-meter-container.stereo{display:flex;flex-direction:column;justify-content:center;gap:4px;height:auto;min-height:40px;width:100%;padding:0 10px;margin-top:auto}.lcd-meter-channel{display:flex;align-items:center;gap:6px;width:100%}.lcd-meter-label{font-family:VT323,monospace;font-size:16px;color:#b6ffd6eb;width:12px}.lcd-meter-bar-horizontal{flex:1;height:10px;background:#b6ffd61f;position:relative;overflow:hidden;display:flex;gap:1px}.lcd-meter-fill-horizontal{height:100%;width:0%;background:repeating-linear-gradient(90deg,rgba(182,255,214,.95) 0,rgba(182,255,214,.95) 3px,transparent 3px,transparent 4px);opacity:1;transition:width .05s ease-out;box-shadow:0 0 8px #b6ffd659}@keyframes meter-bounce-h{0%{width:10%}to{width:90%}}.lcd-large-brand{font-family:VT323,monospace;font-size:42px;font-weight:700;letter-spacing:4px;color:#b6ffd6f2;opacity:1;text-shadow:0 0 12px rgba(182,255,214,.35);margin-bottom:10px}.lcd-instruction-typewriter{font-family:VT323,monospace;font-size:18px;color:#b6ffd6eb;opacity:1;letter-spacing:1px;height:24px;text-shadow:0 0 8px rgba(182,255,214,.25);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.blink-cursor{animation:blink .8s infinite step-end;font-weight:700}.blink-text{animation:blink .8s infinite step-end}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.lcd-track-info{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;color:#b6ffd6c7;opacity:.8;text-shadow:0 0 6px rgba(182,255,214,.2)}.close-btn{align-self:flex-start;margin-top:-6px;width:40px;height:40px;border-radius:50%;background:#3a3a3e;border:none;color:#d6d6db;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px 1px #ffffff1a,0 2px 4px #0000004d}.library-tabs{display:flex;background:#222;padding:4px;gap:4px}.tab-btn{flex:1;background:transparent;border:none;color:#666;padding:10px;font-family:inherit;font-weight:700;font-size:12px;letter-spacing:1px;position:relative}.tab-btn.active{color:#d6d6db;background:#333;border-radius:2px}.tab-btn.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:4px;height:4px;background:#ff2d55;border-radius:50%;box-shadow:0 0 4px #ff2d55}.library-search{margin:10px;background:#111;border:1px solid #333;border-radius:4px;display:flex;align-items:center;padding:0 10px;height:40px}.search-icon{color:#555;margin-right:8px}.library-search input{background:transparent;border:none;flex:1;color:#ccc;font-family:inherit;font-size:14px;text-transform:uppercase;outline:none}.library-search input::-moz-placeholder{color:#444}.library-search input::placeholder{color:#444}.library-fav-toggle{height:28px;min-width:44px;padding:0 10px;border-radius:999px;border:1px solid #333;background:#ffffff0f;color:#ffffffbf;font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;cursor:pointer}.library-fav-toggle.is-on{border-color:#ff2d55cc;background:#ff2d551f;color:#ff2d55}.library-paper.library-list{position:relative;flex:1;margin:10px;background:#111;box-shadow:inset 0 0 20px #000c;border-radius:4px;overflow-y:auto;overflow-x:hidden;padding:10px;padding-bottom:calc(10px + var(--transport-footer-safe, 140px));gap:4px;display:flex;flex-direction:column;background-image:none}.library-paper.library-list .loading-state,.library-paper.library-list .empty-state{padding-left:0}.library-item{display:flex;align-items:center;padding:0;height:48px;margin-bottom:2px;gap:0;background:#2a2a2a;border-radius:2px;box-shadow:0 2px 4px #00000080,inset 0 1px #ffffff26,inset 0 -1px #0000004d;position:relative;transform:translateZ(0);-webkit-tap-highlight-color:transparent;border:none;flex-shrink:0}.library-item-wrap,.library-revision,.revision-row{-webkit-tap-highlight-color:transparent}.library-item.selected{transform:scale(1.02) translateZ(0);z-index:10;box-shadow:0 4px 12px #000000b3,inset 0 1px #ffffff4d;outline:2px solid #74c986;transition:transform .1s}.library-item:active{background:transparent}.library-item,.library-item-wrap,.library-revision,.revision-row{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.library-item.playing{border-left:4px solid #74c986}.item-icon{width:36px;height:100%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#ffffff80;font-family:Kalam,cursive;font-size:10px;font-weight:700;border-right:1px solid rgba(0,0,0,.3);background:#0003;border-radius:0}.library-item.playing .item-icon{color:#74c986}.item-info{flex:1;min-width:0;height:100%;display:flex;align-items:center;padding:4px;position:relative;background:#111}.spine-paper{flex:1;height:90%;background:#f4f1ea;border-radius:1px;display:flex;align-items:center;padding:0 12px;position:relative;box-shadow:inset 0 0 5px #00000026;overflow:hidden;mask-image:linear-gradient(to right,black 95%,transparent 100%);-webkit-mask-image:linear-gradient(to right,black 95%,transparent 100%)}.spine-paper .item-title{padding:0 6px}.spine-checkbox{width:18px;height:18px;border:2px solid rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;background:transparent;transition:transform .1s}.spine-checkbox:active{transform:scale(.95)}.spine-checkbox.checked:after{content:"✓";font-family:Kalam,cursive;font-weight:700;font-size:22px;color:#000;line-height:1;transform:translate(1px,-2px) rotate(-5deg)}.library-item:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#ffffff1f,#ffffff08 40%,#fff0 50%,#0000001a);pointer-events:none;border-radius:2px;box-shadow:inset 0 1px 1px #ffffff1a}.item-title{color:#0f1216eb;font-size:18px;font-weight:700;white-space:nowrap;line-height:1;padding-top:4px;font-family:Kalam,cursive}.library-item.playing .item-title{color:#1a1a1a;text-decoration:underline;text-decoration-color:#74c986;text-decoration-thickness:3px}.library-revision.playing .revision-title{text-decoration:underline;text-decoration-color:#74c986;text-decoration-thickness:3px}.item-meta{display:none}.separator{color:#333}.action-btn{background:transparent;border:none;color:#d6d6db;padding:8px;opacity:.8;transition:opacity .2s}.action-btn:hover,.action-btn:active{opacity:1;color:#fff;background:#ffffff1a;border-radius:4px}.action-btn-spacer{display:inline-block;width:32px;height:32px}.mpc-key.is-pressed{transform:translateY(1px);box-shadow:inset 0 2px 6px #0000008c;opacity:.85}.action-btn.expanded svg{transform:rotate(180deg)}@keyframes extArrowBlink{0%{opacity:1}49%{opacity:1}50%{opacity:.15}to{opacity:.15}}.action-btn.has-new-rev svg{color:#b85cff;animation:extArrowBlink .8s steps(2,end) infinite}.library-item-wrap{display:flex;flex-direction:column;transform:translate(var(--tape-stack-x, 0px),var(--tape-stack-y, 0px));transition:transform .2s ease}.library-item.is-current{transform:translate(-10px) scale(.99) translateZ(0);z-index:12;box-shadow:0 10px 18px #000000c7,inset 0 1px #ffffff2e,inset 0 -1px #00000059}.library-item.is-current .spine-paper{filter:saturate(1.05) contrast(1.02)}.library-revisions{margin-left:54px;border-left:2px solid rgba(116,201,134,.22);padding-left:12px}.library-revision{display:flex;align-items:center;gap:10px;padding:9px 10px 9px 16px;border-bottom:1px solid #222}.library-revision.is-extended{background:#74c98608;border-left:2px solid rgba(116,201,134,.28)}.library-revision.selected{background:#ffd6662e;outline:1px solid rgba(15,18,22,.14)}.library-revision:active,.revision-row:active{background:transparent}.library-revision.playing{background:#74c9862e;border-left:4px solid #74c986;outline:2px solid rgba(116,201,134,.35);box-shadow:0 0 0 1px #00000040 inset,0 10px 24px #00000059}.revision-left{width:54px;height:54px;display:flex;align-items:flex-start;justify-content:center;color:#555;margin-left:6px}.library-revision.playing .revision-left .mini-equalizer{margin-top:6px}.library-revision.playing .revision-left .mini-equalizer .bar{background:#adf;box-shadow:0 0 8px #aaddffa6}.library-revision .cassette-thumb{width:42px;height:42px}.revision-mid{flex:1;min-width:0}.revision-title{color:#d6d6db;font-size:12px;font-weight:700;text-transform:uppercase}.library-revision.is-extended .revision-title{color:#d6d6dbbf}.revision-meta{color:#666;font-size:10px;text-transform:uppercase}.library-revision.is-extended .revision-meta{color:#666c}.mini-equalizer{display:flex;align-items:flex-end;gap:2px;height:12px}.mini-equalizer .bar{width:3px;background:#74c986;animation:eq-bounce .6s infinite ease-in-out}.mini-equalizer .bar:nth-child(2){animation-delay:.1s;height:60%}.mini-equalizer .bar:nth-child(3){animation-delay:.2s;height:30%}@keyframes eq-bounce{0%,to{height:20%}50%{height:100%}}.loading-state,.empty-state{text-align:center;padding:40px;color:#444;font-size:12px;letter-spacing:1px}.library-liner{padding:10px 0 14px}.library-liner .linerNotes{width:min(100%,340px);margin:10px auto;font-size:14px;color:#4d4d4d}.library-liner .clearfix:before,.library-liner .clearfix:after{content:" ";display:table}.library-liner .clearfix:after{clear:both}.library-liner .green{color:#4b9121}.library-liner .linerNotesTop{transform:rotate(180deg) skew(10deg);position:relative;left:.3em;height:3em;background:#f8f1e1;padding:.4em;box-shadow:#00000040 .35em .45em;border-radius:6px 6px 0 0}.library-liner .linerNotesTop .boxDesc{display:block;float:left;font-size:.68em;line-height:1.1;max-width:54%}.library-liner .linerNotesTop .infoBoxes{display:block;float:right;width:44%}.library-liner .linerNotesTop .infoBoxes .box1,.library-liner .linerNotesTop .infoBoxes .box2,.library-liner .linerNotesTop .infoBoxes .box3{display:block;float:left;text-transform:uppercase;text-align:center;border:#4d4d4d solid .2em;width:33.33%;height:2.35rem;line-height:1rem;font-size:.6em}.library-liner .linerNotesTop .infoBoxes .box1{padding-top:.1em}.library-liner .linerNotesTop .infoBoxes .box2{background:#4d4d4d;color:#f8f1e1;font-weight:900;padding-top:.72em}.library-liner .linerNotesTop .infoBoxes .box3{padding-top:.56em}.library-liner .linerNotesTop .infoBoxes .boxCopyright{display:block;width:100%;height:.8em;font-size:.6em;text-align:center;position:relative;top:-.4em}.library-liner .linerNotesSpine{transform:skew(-10deg) rotate(180deg);position:relative;left:.3em;height:3em;background:var(--liner-red, #fd6139);border-top:#4d4d4d solid .8em;border-bottom:#4d4d4d solid .8em;text-align:center;font-weight:900;line-height:1em;padding-top:.3em;box-shadow:inset var(--liner-gold, #e0c17a) 0 .3em 0 0,inset var(--liner-gold, #e0c17a) 0 -.3em 0 0,inset color-mix(in srgb,var(--liner-red, #fd6139) 70%,#000 30%) 0 -.7em,#00000047 .25em .35em}.library-liner .linerNotesSpine .spineTitle{display:block;background:var(--liner-gold, #e0c17a);width:14em;max-width:92%;margin:0 auto;padding:0 .35em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-liner .linerNotesMainContent{position:relative;height:var(--liner-height, 12em);background:#f8f1e1;padding:.8em;border:.2em solid #4d4d4d;border-top:none;border-bottom:none;overflow:hidden}.library-liner .linerNotesMainContent:before{content:"";position:absolute;z-index:2;top:0;left:50%;height:12em;border-left:#4d4d4d solid .1em}.library-liner .linerNotesMainContent:after{content:"";position:absolute;top:0;right:0;width:20.5em;border-top:#eedeb8 solid 2em;border-right:transparent solid .5em}.library-liner .linerNotesMainContent .side{float:left;position:relative;display:block;width:50%;padding-left:.5em;border-bottom:#4d4d4d solid .2em;z-index:2}.library-liner .linerNotesMainContent .linerNotesMainContentInner{position:absolute;z-index:100;top:2.5em;left:1.5em;width:calc(100% - 3em);height:calc(100% - 3.1em);font-family:Shadows Into Light,cursive;color:#424ba8;transform:rotate(3deg);overflow:hidden}.library-liner .linerNotesMainContent .linerNotesMainContentInner h1{font-size:1.15em;line-height:1em;margin:0 0 .35em}.library-liner .linerTrackGrid{display:grid;grid-template-columns:1fr 1fr;gap:.45em}.library-liner .linerTrackCol{display:flex;flex-direction:column;gap:.02em;min-width:0}.library-liner .linerTrack{all:unset;display:block;cursor:pointer;line-height:1.05;padding:.02em 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-liner .linerTrackNum{display:inline-block;min-width:1.6em}.library-liner .linerTrack:active{opacity:.7}.library-liner .linerTrack.is-playing{color:#4b9121;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px}.library-liner .linerNotesBottom{transform:rotate(180deg);position:relative;z-index:2;height:5.4em;background:#f8f1e1;box-shadow:inset color-mix(in srgb,var(--liner-red, #fd6139) 70%,#000 30%) 0 1.2em,inset var(--liner-red, #fd6139) 0 2.4em 0 0,inset #4d4d4d 0 3.6em,#00000040 .35em .4em;padding-top:1.1em;text-align:center;border-radius:0 0 6px 6px}.library-liner .linerNotesBottom .black{text-transform:uppercase;font-weight:900;font-size:.62em}.library-liner .linerNotesBottom .white{color:#efeeeb;font-size:.78em}.library-liner .linerNotesBottom .title{font-weight:900;font-size:1.4em;line-height:1.7em;padding-bottom:.1em}.minimal-mobile-container{position:fixed;top:0;left:0;width:100vw;height:100vh;height:calc(var(--vh, 1vh) * 100);overflow:hidden;overscroll-behavior:none;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000;box-sizing:border-box;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 110px);-webkit-overflow-scrolling:touch;pointer-events:auto}.scenery-tv-slot.is-zoomed .scenery-tv-iframe{left:-50%;width:200%}@supports (-webkit-touch-callout: none){.scenery-tv-slot.is-zoomed .scenery-tv-iframe{left:-56%;width:212%}}.boombox-controls{overflow:visible}.minimal-mobile-container.chat-open{padding-bottom:0}.minimal-mobile-container.library-open .top-branding,.minimal-mobile-container.library-open .switch-full-btn,.minimal-mobile-container.library-open .status-indicator{opacity:0;pointer-events:none!important}html[data-library-open=true] .live-stream-wrapper{display:none!important}.minimal-mobile-container .floating-cassette.zoomed~.top-branding,.minimal-mobile-container .floating-cassette.zoomed~.switch-full-btn,.minimal-mobile-container .floating-cassette.zoomed~.status-indicator{opacity:0;pointer-events:none!important}.minimal-mobile-container .animated-background,.minimal-mobile-container .three-smoke-container,.minimal-mobile-container .color-fade,.minimal-mobile-container .smoke-effect{pointer-events:none!important}.minimal-mobile-container .top-branding,.minimal-mobile-container .switch-full-btn,.minimal-mobile-container .producer-overlay,.minimal-mobile-container .settings-dropdown,.minimal-mobile-container .mobile-library-overlay,.minimal-mobile-container .floating-cassette,.minimal-mobile-container .radial-menu,.minimal-mobile-container .radial-backdrop,.minimal-mobile-container .transport-controls,.minimal-mobile-container .chat-button-container,.minimal-mobile-container .boombox-controls{pointer-events:auto!important}.library-transport-seek{box-sizing:border-box;position:absolute;left:0;right:0;top:0;transform:translateY(-100%);padding:.45em .85em;background:#0f0f12b3;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(0,0,0,.55);z-index:3}.boombox-controls{position:fixed}.library-transport-title{font-family:Arial,Helvetica,sans-serif;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#d6d6db;font-size:.72em;opacity:.9;margin-bottom:.55em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-transport-seek input[type=range]{width:100%;height:4px;accent-color:rgba(255,255,255,.6)}.top-branding{position:fixed;top:10px;left:10px;z-index:1200;display:flex;flex-direction:row;align-items:center;gap:8px;transform:translateZ(50px);pointer-events:auto}.brand-title{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:800;letter-spacing:4px;color:#ffffffe6;text-shadow:0 2px 10px rgba(0,0,0,.35);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:16px;text-transform:lowercase}.brand-title-small{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;color:#ffffffb3;font-size:12px;text-transform:lowercase;vertical-align:baseline}.brand-by{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;color:#ffffffb3;font-size:12px;text-transform:lowercase;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.producer-btn-compact{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;padding:6px;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:40px;height:40px;display:flex;align-items:center;justify-content:center}.producer-btn-compact:hover{background:#fff3;border-color:#fff6}.producer-thumb-compact{width:28px;height:28px;border-radius:4px;-o-object-fit:cover;object-fit:cover}.producer-emoji-compact{font-size:20px}.brand-text{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.producer-name{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:600;color:#fffc;font-size:11px;text-transform:uppercase;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.producer-name-large{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:800;letter-spacing:4px;color:#ffffffe6;text-shadow:0 2px 10px rgba(0,0,0,.35);font-size:16px;text-transform:capitalize;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fixed.top-4.right-32{display:none!important}.cassette-container.mobile-floating{animation:floatCassette 6s ease-in-out infinite;transform-origin:center center}@keyframes floatCassette{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-8px) rotate(.5deg)}50%{transform:translateY(-12px) rotate(0)}75%{transform:translateY(-8px) rotate(-.5deg)}}.cassette-container.mobile-floating *{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.cassette-container.mobile-floating .cassette{background-image:linear-gradient(273deg,#fff1,transparent)!important}.cassette-container.mobile-floating .top-text,.cassette-container.mobile-floating .cassette .medium-tape .label-container .label .top-label .top-text{display:block!important;visibility:visible!important;opacity:1!important;font-size:24px!important;line-height:110%!important;text-align:center!important;padding:6px 10px!important}.cassette-container.mobile-floating .arrow-text,.cassette-container.mobile-floating .cassette .medium-tape .label-container .label .bottom-label .arrow-text{display:flex!important;visibility:visible!important;opacity:1!important;color:#4d7fb4!important;font-size:32px!important;transform:scaleX(1.5) translate(-6px,-3px)!important}.cassette-container.mobile-floating .top-label,.cassette-container.mobile-floating .cassette .medium-tape .label-container .label .top-label{display:block!important;visibility:visible!important;opacity:1!important;height:62px!important}.cassette-container.mobile-floating .bottom-label,.cassette-container.mobile-floating .cassette .medium-tape .label-container .label .bottom-label{display:flex!important;visibility:visible!important;opacity:1!important;height:32px!important;justify-content:space-around!important;align-items:center!important}.cassette-container.cassette-swipe-left{animation:swipeLeft 1s ease-in-out!important}.cassette-container.cassette-swipe-right{animation:swipeRight 1s ease-in-out!important}.cassette-container.cassette-swipe-up{animation:swipeUp 1s ease-in-out!important}.cassette-container.cassette-swipe-down{animation:swipeDown 1s ease-in-out!important}@keyframes swipeLeft{0%{transform:translate(0) scale(1);opacity:1}50%{transform:translate(-100vw) scale(.8);opacity:0}51%{transform:translate(100vw) scale(.8);opacity:0}to{transform:translate(0) scale(1);opacity:1}}@keyframes swipeRight{0%{transform:translate(0) scale(1);opacity:1}50%{transform:translate(100vw) scale(.8);opacity:0}51%{transform:translate(-100vw) scale(.8);opacity:0}to{transform:translate(0) scale(1);opacity:1}}@keyframes swipeUp{0%{transform:translateY(0) scale(1);opacity:1}50%{transform:translateY(-100vh) scale(.8);opacity:0}51%{transform:translateY(100vh) scale(.8);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes swipeDown{0%{transform:translateY(0) scale(1);opacity:1}50%{transform:translateY(100vh) scale(.8);opacity:0}51%{transform:translateY(-100vh) scale(.8);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.floating-cassette{position:relative;z-index:100;transition:transform .4s cubic-bezier(.25,.46,.45,.94);transform-origin:center center;will-change:transform;backface-visibility:hidden}.floating-cassette.zoomed{transform:scale(1.2)}@supports (-webkit-appearance: none){.floating-cassette{transform:translateZ(0);perspective:1000px}.floating-cassette.zoomed{transform:scale(1.2) translateZ(0)}}.chat-button-container{position:fixed;bottom:20px;right:20px;z-index:200}.chat-btn{width:60px;height:60px;border-radius:50%;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chat-btn:hover{background:#fff3;border-color:#ffffff80;transform:scale(1.05)}.chat-btn:active{transform:scale(.95)}.boombox-controls{box-sizing:border-box;position:fixed;left:0;right:0;width:100vw;bottom:env(safe-area-inset-bottom,0px);transform:none;z-index:200;border:0;margin:0;border-radius:0;box-shadow:inset 0 -.1em .1em -.05em #fff2,inset 0 .125em .25em #0003,inset 0 .25em .25em #0001,inset -.05em -.1em .15em #0003,inset 0 -.05em .1em #0002,inset 0 0 0 .4em #2b2b2f;gap:.5em;padding:.8em;background:linear-gradient(#000 0,#000 0) 50% 50% / 97.5% 97.5% no-repeat;display:flex;justify-content:space-between;font-size:clamp(.9rem,3.2vmin,1.6rem);padding-bottom:calc(.8em + env(safe-area-inset-bottom,0px));transition:transform .2s ease,opacity .2s ease}html[data-library-open=true] .boombox-controls{z-index:7000}.minimal-mobile-container.chat-open .boombox-controls{transform:translateY(120%);opacity:0;pointer-events:none}:root{--lcd-blue-bg: #e6f0fa;--lcd-blue-text: #002244;--lcd-blue-active: #003366;--lcd-bezel: #1a1a1a;--lcd-screen-bg: #8baac0}.lcd-drawer-container{position:fixed;left:0;right:0;bottom:calc(var(--transport-footer-safe, 140px));z-index:9950;pointer-events:none;display:flex;flex-direction:column;align-items:center}.lcd-drawer-handle{width:60px;height:24px;background:var(--lcd-bezel);border-radius:6px 6px 0 0;cursor:pointer;pointer-events:auto;position:relative;display:flex;justify-content:center;align-items:center;box-shadow:0 -2px 5px #0000004d;z-index:9952;transition:transform .2s}.lcd-drawer-handle:active{transform:scale(.95)}.lcd-handle-bar{width:30px;height:4px;background:#444;border-radius:2px}.lcd-drawer-body{width:90%;max-width:400px;background:var(--lcd-bezel);border-radius:12px 12px 0 0;padding:8px 8px 0;box-shadow:0 -5px 15px #00000080;transform:translateY(100%);transition:transform .3s cubic-bezier(.19,1,.22,1);pointer-events:auto;max-height:45vh;display:flex;flex-direction:column;overflow:hidden}.lcd-drawer-body.is-open{transform:translateY(0)}.lcd-screen{background:var(--lcd-screen-bg);flex:1;border-radius:6px 6px 0 0;border:1px solid #6c8a9e;box-shadow:inset 0 0 15px #0003;display:flex;flex-direction:column;overflow:hidden;position:relative}.lcd-screen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#12101000 50%,#0000001a 50%);background-size:100% 4px;pointer-events:none;opacity:.3}.lcd-status-bar{height:24px;background:#0000001a;display:flex;justify-content:space-between;align-items:center;padding:0 8px;font-family:Courier New,monospace;font-size:10px;color:var(--lcd-blue-text);font-weight:700;border-bottom:1px solid rgba(0,0,0,.1)}.lcd-content{flex:1;overflow-y:auto;padding:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;scrollbar-width:thin;scrollbar-color:var(--lcd-blue-text) transparent}.lcd-content::-webkit-scrollbar{width:4px}.lcd-content::-webkit-scrollbar-thumb{background-color:var(--lcd-blue-text);border-radius:4px}.lcd-content.list-mode{display:flex;flex-direction:column;gap:8px}.lcd-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:8px;border-radius:6px;background:transparent;border:1px dashed rgba(0,34,68,.3);color:var(--lcd-blue-text);text-decoration:none;transition:background .15s,transform .1s;cursor:pointer;-webkit-tap-highlight-color:transparent}.lcd-item:active{background:#0022441a;transform:scale(.96);border-style:solid}.lcd-icon{width:32px;height:32px;background:var(--lcd-blue-text);mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}.lcd-label{font-family:Courier New,monospace;font-size:11px;font-weight:700;text-transform:uppercase;text-align:center;letter-spacing:-.5px}.lcd-list-item{display:flex;align-items:center;padding:12px;background:#ffffff26;border:1px solid rgba(0,34,68,.2);border-radius:4px;color:var(--lcd-blue-text);font-family:Courier New,monospace;font-weight:700;text-transform:uppercase;font-size:14px}.lcd-list-item:active{background:#0243}.lcd-back-btn{background:#0000001a;border:1px solid var(--lcd-blue-text);justify-content:center}.lcd-swipe-trigger{position:absolute;top:-150px;left:0;right:0;bottom:0;z-index:9940}.radial-wrap a:nth-child(1) div{background-image:url(/radial/library.svg)}.radial-wrap a:nth-child(2){border-radius:0 40vmin 0 0;left:52.5%;transform-origin:-10% 110%}.radial-wrap a:nth-child(2) div{background-image:url(/radial/genres.svg)}.radial-wrap a:nth-child(3){border-radius:0 0 0 40vmin;top:52.5%;transform-origin:110% -10%}.radial-wrap a:nth-child(3) div{background-image:url(/radial/fx.svg)}.radial-wrap a:nth-child(4){border-radius:0 0 40vmin;top:52.5%;left:52.5%;transform-origin:-10% -10%}.radial-wrap a:nth-child(4) div{background-image:url(/radial/scenery.svg)}.radial-wrap a:nth-child(5){width:55%;height:55%;left:22.5%;top:22.5%;border-radius:50vmin;box-shadow:0 0 0 5vmin #00000040}.radial-wrap a:nth-child(5) div{background-image:url(/radial/mixer.svg)}.boombox-controls legend{position:absolute;width:1px;height:1px;overflow:hidden;left:-1000in}.boombox-controls .boombox-btn{--spec: linear-gradient(#0000 0 0);--spec-checked: radial-gradient(50% 150% at 0 50%, #0004 6%, #0000 50%), radial-gradient(50% 130% at 100% 50%, #0004 10%, #0000 50%);--base: radial-gradient(at 20% 20%, #0000, #0003) 0 40% / 110% 120% padding-box, linear-gradient(#44444a, #28282f) 0 40% / 110% 120% padding-box, linear-gradient(#5b5b61, #28282f 50%, #202028) 0 40% / 110% 120% border-box;font-size:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1 1 0;width:auto;height:clamp(58px,10vmin,92px);border-radius:.15em;border:.02em solid #0000;margin:0;padding:0;position:relative;background:var(--spec),var(--base);color:#fff5;transform:perspective(30em) translateZ(3em);box-shadow:inset 0 0 .4em #0002,0 0 .15em #0005,.25em .15em .4em #000c,.2em .25em .35em #0009;z-index:2;transition:all .1s;cursor:pointer;-webkit-tap-highlight-color:transparent}.boombox-controls .boombox-btn:first-of-type{--spec-checked: radial-gradient(50% 100% at 100% 50%, #0004 10%, #0000 50%)}.boombox-controls .boombox-btn:last-of-type{--spec-checked: radial-gradient(50% 100% at 0% 50%, #0004 10%, #0000 50%)}.boombox-controls .boombox-btn.is-pressed{background:var(--spec-checked),var(--base);transform:perspective(30em) translateZ(0);z-index:1;box-shadow:inset 0 0 1em #0004,0 0 #0000,0 0 #0000,.125em .125em 1em #0005}.boombox-controls .boombox-btn:before{content:attr(value);transform:translate(-50%,-50%);font-size:.74em;left:50%;top:66%;position:absolute;text-transform:uppercase;font-weight:600;font-family:Arial,Helvetica,sans-serif}.boombox-controls .boombox-btn:after{content:"";position:absolute;top:34%;left:50%;width:.98em;height:.78em;background:currentcolor;transform:translate(-50%,-50%)}.boombox-controls .boombox-btn[value=rec]{color:#b44a}.boombox-controls .boombox-btn.is-broken{opacity:.42;filter:grayscale(1) contrast(1.05);cursor:not-allowed}.boombox-controls .boombox-btn.is-broken:before,.boombox-controls .boombox-btn.is-broken:after{opacity:.45}.boombox-controls .boombox-btn.is-broken:after{background:linear-gradient(135deg,currentcolor 0 0) 50% 50% / 100% 100% no-repeat;mask:radial-gradient(circle at 40% 40%,#0000 0 32%,#000 33%),linear-gradient(45deg,#000 0 12%,#0000 13% 40%,#000 41% 55%,#0000 56%);-webkit-mask:radial-gradient(circle at 40% 40%,#0000 0 32%,#000 33%),linear-gradient(45deg,#000 0 12%,#0000 13% 40%,#000 41% 55%,#0000 56%)}.boombox-controls .boombox-btn[value=rec]:after{width:.78em;border-radius:50%;background:currentcolor}.boombox-controls .boombox-btn[value=rew]:after{clip-path:polygon(0 50%,50% 0,50% 45%,100% 0,100% 100%,50% 55%,50% 100%)}.boombox-controls .boombox-btn[value=play]:after{width:.86em;clip-path:polygon(100% 50%,0% 0,0% 100%)}.boombox-controls .boombox-btn[value=ffwd]:after{clip-path:polygon(100% 50%,50% 0,50% 45%,0% 0,0% 100%,50% 55%,50% 100%)}.boombox-controls .boombox-btn[value=stop]:after{width:.78em}.boombox-controls .boombox-btn[value=chat]{color:#78aaffbf}.boombox-controls .boombox-btn[value=chat]:after{width:.98em;height:.72em;background:currentcolor;border-radius:.18em;clip-path:polygon(0% 0%,100% 0%,100% 80%,65% 80%,52% 100%,52% 80%,0% 80%)}@keyframes boombox-rec-blink{0%{opacity:1;filter:drop-shadow(0 0 .35em rgba(255,45,85,.95))}50%{opacity:.18;filter:drop-shadow(0 0 .05em rgba(255,45,85,.25))}to{opacity:1;filter:drop-shadow(0 0 .35em rgba(255,45,85,.95))}}.boombox-controls .boombox-btn.boombox-rec.is-recording:after{background:#ff2d55;animation:boombox-rec-blink .9s steps(2,end) infinite}.invisible-chat-input{position:absolute;top:-9999px;left:-9999px;opacity:0;pointer-events:none;width:1px;height:1px;border:none;background:transparent}.landscape-mixer-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#0a0a1a,#0f0c29,#1a1a3d 60%,#2d1b4e);display:flex;flex-direction:column;overflow:hidden}.mixer-scroll-container{flex:1;overflow-x:auto;overflow-y:hidden;padding:20px 0;-webkit-overflow-scrolling:touch}.mixer-channels{display:flex;gap:20px;padding:0 20px;min-width:-moz-max-content;min-width:max-content;height:100%;align-items:flex-start}.mixer-channel{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:90px;background:#ffffff0d;border-radius:12px;padding:15px 8px;border:1px solid rgba(255,255,255,.1)}.channel-label{color:#fff;font-size:11px;font-weight:700;text-align:center;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:5px;text-shadow:0 0 8px rgba(255,255,255,.3)}.track-controls{display:flex;gap:4px;margin-bottom:8px}.control-btn{padding:4px 8px;background:#4caf5033;border:1px solid #4CAF50;color:#4caf50;border-radius:4px;font-size:9px;font-weight:600;cursor:pointer;transition:all .2s ease}.control-btn:hover{background:#4caf5066;transform:scale(1.05)}.control-btn.small{padding:3px 6px;font-size:8px}.control-btn.genre-btn{background:#9c27b033;border-color:#9c27b0;color:#9c27b0}.control-btn.genre-btn:hover{background:#9c27b066}.pattern-toggles{display:flex;gap:3px;margin-bottom:8px}.pattern-btn{width:24px;height:24px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff9;font-size:10px;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.pattern-btn.active{background:#4caf504d;border-color:#4caf50;color:#4caf50;box-shadow:0 0 10px #4caf5066}.pattern-btn:hover{transform:scale(1.1);background:#fff3}.fader-container{margin:10px 0}.channel-fader{writing-mode:vertical-lr;direction:rtl;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:40px;height:180px;background:linear-gradient(to top,#1a1a1a,#333,#1a1a1a);outline:none;border-radius:20px;cursor:pointer;border:2px solid rgba(255,255,255,.2);box-shadow:inset 0 0 10px #00000080}.channel-fader::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:36px;height:18px;border-radius:9px;background:linear-gradient(135deg,#4caf50,#66bb6a);cursor:pointer;border:2px solid white;box-shadow:0 2px 10px #0006,0 0 15px #4caf504d}.channel-fader::-moz-range-thumb{width:36px;height:18px;border-radius:9px;background:linear-gradient(135deg,#4caf50,#66bb6a);cursor:pointer;border:2px solid white;box-shadow:0 2px 10px #0006,0 0 15px #4caf504d}.landscape-transport{position:fixed;bottom:0;left:0;right:0;height:130px;padding-bottom:env(safe-area-inset-bottom);background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;gap:40px;border-top:1px solid rgba(255,255,255,.1)}.landscape-transport .transport-btn{width:60px;height:60px;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:#ffffff1a;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.landscape-transport .transport-btn:hover{background:#fff3;border-color:#ffffff80;transform:scale(1.05)}.landscape-transport .transport-btn.active{background:#4caf504d;border-color:#4caf50;color:#4caf50}.record-circle{width:24px;height:24px;border-radius:50%;background:#f44336;border:2px solid white}.mute-btn{padding:8px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:6px;font-size:10px;font-weight:700;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px;min-width:60px;text-align:center}.mute-btn:hover{background:#fff3;transform:scale(1.05)}.mute-btn.muted{background:#f443364d;border-color:#f44336;color:#f44336;box-shadow:0 0 15px #f4433666}.new-btn{padding:6px 10px;background:#444c;border:1px solid rgba(255,255,255,.4);color:#fff;border-radius:4px;font-size:9px;font-weight:700;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px;min-width:50px;text-align:center;margin-top:4px}.new-btn:hover{background:#555555e6;transform:scale(1.05);box-shadow:0 2px 8px #0000004d}.landscape-mixer-container{display:flex;flex-direction:row;width:100vw;height:100vh;height:calc(var(--vh, 1vh) * 100);overflow:hidden}.landscape-sidebar{width:72px;min-width:72px;height:100vh;height:calc(var(--vh, 1vh) * 100);display:flex;flex-direction:column;gap:8px;padding:10px 8px;background:#ffffff0f;border-right:1px solid rgba(255,255,255,.15);backdrop-filter:blur(10px) saturate(120%);-webkit-backdrop-filter:blur(10px) saturate(120%)}.sidebar-button{width:100%;height:44px;border-radius:10px;background:#ffffff14;border:1px solid rgba(255,255,255,.22);color:#eee;font-size:11px;font-weight:700;letter-spacing:.5px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .18s ease;text-transform:uppercase}.sidebar-button:hover{background:#ffffff24;transform:translateY(-1px)}.sidebar-button:active{transform:translateY(0)}.sidebar-button.active{background:#64c8ff2e;border-color:#64c8ffa6;color:#c8ecff;box-shadow:0 4px 14px #64c8ff40}.landscape-content{flex:1;height:100vh;height:calc(var(--vh, 1vh) * 100);position:relative;overflow:hidden;display:flex;flex-direction:column}.mixer-scroll-container{position:relative;height:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.mixer-channels{display:flex;flex-direction:row;gap:12px;padding:14px;min-height:100%;align-items:stretch}.mixer-channel{background:linear-gradient(to bottom,#ffffff14,#ffffff0a);border:1px solid rgba(255,255,255,.18);border-radius:14px;box-shadow:inset 0 0 10px #00000059,0 8px 18px #00000040;width:120px;min-width:120px;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.pattern-toggles{display:flex;gap:6px;margin:6px 0 8px}.pattern-btn{width:28px;height:28px;border-radius:6px;background:#ffffff14;border:1px solid rgba(255,255,255,.25);color:#eee;font-size:11px;font-weight:700;cursor:pointer;transition:all .15s ease}.pattern-btn:hover{background:#ffffff29}.pattern-btn.active{background:#4caf5047;border-color:#4caf50;color:#c9f3cf;box-shadow:0 0 10px #4caf5059}.fader-container{width:100%;margin:8px 0}.landscape-panel{position:relative;width:100%;height:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:8px;display:flex;align-items:stretch;justify-content:stretch}.landscape-panel .fx-menu-container{position:relative!important;left:auto!important;bottom:auto!important;width:min(1024px,96%)!important;height:min(90vh,640px)!important;border-radius:12px!important;box-shadow:0 8px 28px #00000073!important}.landscape-panel .recipes-container{position:relative!important;left:auto!important;top:auto!important;right:auto!important;bottom:auto!important;width:min(1100px,96%)!important;height:auto!important;max-height:90vh!important;margin:0 auto!important}.landscape-panel .recipes-modal{height:100%!important;max-height:100%!important}.landscape-panel .spotify-container{position:relative!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;width:min(1200px,96%)!important;height:100%!important;max-height:100%!important;margin:0 auto!important;overflow:auto!important}.landscape-panel .spotify-container .spotify-header{height:44px!important;padding:8px 12px!important}.landscape-panel .spotify-container .spotify-logo-text{font-size:18px!important;margin-right:12px!important;padding-bottom:2px!important}.landscape-panel .spotify-container .close-button{width:28px!important;height:28px!important}.landscape-panel .spotify-container .spotify-content{height:calc(100% - 44px)!important}.landscape-panel .spotify-container .artist-grid-container{scrollbar-width:thin;scrollbar-color:#26c96f #121212}.landscape-panel .spotify-container .artist-grid-container::-webkit-scrollbar{width:8px}.landscape-panel .spotify-container .artist-grid-container::-webkit-scrollbar-track{background:#00000059;border-radius:8px}.landscape-panel .spotify-container .artist-grid-container::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8a2be2,#1db954);border-radius:8px;border:2px solid rgba(0,0,0,.4)}.landscape-panel .spotify-container .artist-grid-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#9b4dff,#26c96f)}.landscape-panel [class*=sampler][class*=container],.landscape-panel .sampler-container,.landscape-panel .genre-selector-container{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:min(1200px,96%)!important;height:auto!important;max-height:90vh!important;overflow:auto!important;display:grid!important;grid-template-columns:1fr 1fr!important;grid-auto-rows:1fr!important;gap:10px!important;padding:6px!important;margin:0!important;align-items:stretch!important;justify-items:stretch!important}.landscape-panel .genre-selector-container .control-button .button-inner span{font-size:11px!important}.landscape-panel .genre-selector-container .section-container{max-height:100%!important}.landscape-panel .genre-selector-container{width:100%!important;height:100%!important;margin:0!important;padding:6px!important;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 72px)!important;display:grid!important;grid-template-columns:1fr 1fr!important;grid-auto-rows:1fr!important;gap:12px!important;overflow:hidden!important}.landscape-panel .genre-selector-container .middle-section{display:none!important}.landscape-panel .genre-selector-container .section-container{flex:1 1 auto!important;width:auto!important;min-width:0!important;min-height:0!important}.landscape-panel .genre-selector-container .section-header{padding:4px 6px!important}.landscape-panel .genre-selector-container .section-title{font-size:12px!important;letter-spacing:.5px!important}.landscape-panel .genre-selector-container .led-display{height:22px!important;min-width:100px!important;padding:2px 8px!important}.landscape-panel .genre-selector-container .led-display-value{font-size:11px!important}.landscape-panel .genre-selector-container .genre-grid{padding:6px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-rows:34px!important;gap:6px!important;overflow:hidden!important;align-items:stretch!important;justify-items:stretch!important;align-content:start!important}.landscape-panel .genre-selector-container .genre-button{min-height:28px!important;border-radius:10px!important;width:100%!important;height:100%!important;box-sizing:border-box!important}.landscape-panel .genre-selector-container .genre-button .button-outer{border-radius:8px!important;width:100%!important;height:100%!important}.landscape-panel .genre-selector-container .genre-button .button-inner{padding:4px 8px!important;border-radius:10px!important;width:100%!important;height:100%!important;box-sizing:border-box!important}.landscape-panel .genre-selector-container .genre-button span{font-size:11.5px!important;font-weight:700!important;letter-spacing:.2px!important;line-height:1.1!important;white-space:normal!important;word-break:break-word!important;-webkit-hyphens:auto!important;hyphens:auto!important}.landscape-panel .genre-selector-container .section-container:nth-of-type(1){border-right:2px solid rgba(255,255,255,.16)!important;padding-right:6px!important}.landscape-panel .genre-selector-container .section-container:nth-of-type(2){border-left:2px solid rgba(255,255,255,.16)!important;padding-left:6px!important}.landscape-panel .genre-selector-container .control-buttons{display:none!important}.landscape-panel .genre-selector-container .control-button .button-inner span{font-size:9px!important}.landscape-panel .sampler-main-layout{gap:8px!important}.landscape-panel .sampler-pad-section{min-width:0!important;padding:6px!important}.landscape-panel .sampler-left-section{max-width:420px!important}.landscape-panel .pitch-fader-section{width:56px!important;min-width:56px!important}.landscape-panel .sampler-pads{grid-template-columns:repeat(4,1fr)!important;grid-auto-rows:auto!important;grid-template-rows:none!important;gap:6px!important;width:100%!important;height:auto!important;max-height:none!important;min-width:0!important;min-height:0!important;overflow:visible!important}.landscape-panel .mpc-pad{aspect-ratio:1 / 1!important;width:100%!important;height:auto!important;min-height:0!important}.landscape-panel .sampler-menu-container{padding:6px 6px 12px!important}.landscape-panel .sampler-header h2{font-size:16px!important}.landscape-panel .sampler-content{margin-top:6px!important}.landscape-panel .lcd-line{min-height:20px!important;padding:4px 6px!important}.landscape-panel .sampler-lcd{min-height:90px!important;padding:6px 8px!important}.landscape-panel .button-row{margin:8px 0 6px!important;gap:8px!important}.landscape-panel .control-btn{min-height:24px!important;min-width:70px!important;max-width:90px!important;font-size:10px!important;padding:3px 6px!important}.landscape-panel .mute-controls,.landscape-panel .time-controls,.landscape-panel .jump-controls,.landscape-panel .toggle-controls{padding:6px 8px!important}.landscape-panel .mute-btn-inner{width:42px!important;height:42px!important}.landscape-panel .mute-label{font-size:9px!important}@media (max-width: 480px){.brand-title{font-size:14px;letter-spacing:3px}.brand-by,.producer-name{font-size:10px}.producer-btn-compact{width:35px;height:35px}.producer-thumb-compact{width:24px;height:24px}.producer-emoji-compact{font-size:18px}}.minimal-mobile-container.overlay-open .floating-cassette,.minimal-mobile-container.overlay-open .transport-controls,.minimal-mobile-container.overlay-open .chat-button-container,.minimal-mobile-container.overlay-open .producer-btn,.minimal-mobile-container.overlay-open .switch-full-btn{pointer-events:none;touch-action:none}body{position:fixed;width:100%;height:100%;overflow:hidden;-webkit-overflow-scrolling:touch}html{overflow:hidden;height:100%}input{font-size:16px!important;transform-origin:left top;zoom:1}.animated-background{display:none}.three-smoke-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.swipe-hint{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999!important;background:#000c;color:#fff;padding:12px 20px;border-radius:25px;font-size:16px;font-weight:600;text-align:center;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 20px #0000004d;animation:swipeHintFade .3s ease-out}.swipe-hint.hint-up{top:35%;transform:translate(-50%,-50%)}.swipe-hint.hint-down{top:70%;transform:translate(-50%,-50%)}.swipe-hint.hint-left{left:25%;transform:translate(-50%,-50%)}.swipe-hint.hint-right{left:75%;transform:translate(-50%,-50%)}@keyframes swipeHintFade{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.floating-cassette.swipe-left{animation:swipeLeft 1s ease-in-out}.floating-cassette.swipe-right{animation:swipeRight 1s ease-in-out}.floating-cassette.swipe-up{animation:swipeUp 1s ease-in-out}.floating-cassette.swipe-down{animation:swipeDown 1s ease-in-out}@keyframes swipeLeft{0%{transform:translate(0) scale(1);opacity:1}50%{transform:translate(-120vw) scale(.8);opacity:.3}to{transform:translate(0) scale(1);opacity:1}}@keyframes swipeRight{0%{transform:translate(0) scale(1);opacity:1}50%{transform:translate(120vw) scale(.8);opacity:.3}to{transform:translate(0) scale(1);opacity:1}}@keyframes swipeUp{0%{transform:translateY(0) scale(1);opacity:1}50%{transform:translateY(-120vh) scale(.8);opacity:.3}to{transform:translateY(0) scale(1);opacity:1}}@keyframes swipeDown{0%{transform:translateY(0) scale(1);opacity:1}50%{transform:translateY(120vh) scale(.8);opacity:.3}to{transform:translateY(0) scale(1);opacity:1}}.smoke-effect{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 30% 40%,#6478ff1a,#0000 60%),radial-gradient(ellipse at 70% 60%,#9664ff1a,#0000 60%),radial-gradient(ellipse at 40% 80%,rgba(255,255,255,.06) 0%,transparent 50%);animation:smokeFloat 8s ease-in-out infinite;opacity:.6;z-index:2;mix-blend-mode:screen}@keyframes smokeFloat{0%,to{transform:translateY(0) rotate(0);opacity:.3}33%{transform:translateY(-20px) rotate(1deg);opacity:.5}66%{transform:translateY(10px) rotate(-1deg);opacity:.4}}.color-fade{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#8a2be21a,#1e90ff1a,#ff14931a,#32cd321a);background-size:400% 400%;animation:colorShift 12s ease-in-out infinite}@keyframes colorShift{0%{background-position:0% 50%}25%{background-position:100% 50%}50%{background-position:100% 100%}75%{background-position:0% 100%}to{background-position:0% 50%}}.version-selector{position:absolute;top:20px;right:20px;z-index:100}.switch-version-btn{position:absolute;top:30px;right:20px;z-index:100;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fffc;width:40px;height:40px;font-size:16px;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;display:flex;align-items:center;justify-content:center}.switch-version-btn:hover{background:#fff3;border-color:#ffffff4d;transform:scale(1.1)}.switch-version-btn:active{transform:scale(.95)}.time-display{position:absolute;top:20px;left:20px;z-index:100;color:#fffc;font-family:Courier New,monospace;font-size:16px;font-weight:700;text-shadow:0 0 10px rgba(255,255,255,.3);pointer-events:none}.floating-cassette{position:relative;z-index:50;filter:drop-shadow(0 10px 30px rgba(0,0,0,.5));transform-origin:center center;will-change:transform;touch-action:none;transform:scale(1) translateY(0);animation:floatCassette 6s ease-in-out infinite;transition:transform .7s cubic-bezier(.33,1,.68,1);backface-visibility:hidden;-webkit-backface-visibility:hidden}.minimal-mobile-container .floating-cassette,.minimal-mobile-container .cassette:not(.holding):not(.release-animating){backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);will-change:transform}.minimal-mobile-container .tascam-portastudio-container .cassette,.minimal-mobile-container .cassette{background:var(--bgcolor)!important;background-image:none!important;background-clip:padding-box;outline:1px solid transparent}.minimal-mobile-container .cassette .label,.minimal-mobile-container .cassette .medium-tape .label-container .label{background:#eee!important;background-image:none!important}.minimal-mobile-container .cassette .top-tape .arrow-mark-container,.minimal-mobile-container .cassette .top-tape .brand-mark{background:transparent!important}.minimal-mobile-container .cassette:hover:not(.holding):not(.release-animating){animation:none!important}.minimal-mobile-container .floating-cassette .cassette:not(.holding):not(.release-animating){transform:none!important}@supports (-webkit-touch-callout: none){.minimal-mobile-container .cassette:not(.holding):not(.release-animating){transform:translateZ(0);border-color:#40404000!important;box-shadow:none!important}.minimal-mobile-container .cassette:before,.minimal-mobile-container .cassette:after{display:none!important}.minimal-mobile-container .floating-cassette{animation:none!important}}.minimal-mobile-container .floating-cassette:not(.zoomed){transform:scale(.95) translateY(clamp(26px,4.5vh,70px))!important}.minimal-mobile-container .floating-cassette.zoomed{transform:scale(1.55) translateY(-4vh)!important}@media (max-width: 1024px){.minimal-mobile-container .floating-cassette.zoomed{transform:scale(1.25) translateY(-15vh)!important}}@media (max-width: 768px){.minimal-mobile-container .floating-cassette.zoomed{transform:scale(1.55) translateY(-4vh)!important}@media (max-height: 600px){.minimal-mobile-container .floating-cassette.zoomed{transform:scale(1.05) translateY(-22vh)!important}}}@media (max-width: 480px){.minimal-mobile-container .floating-cassette.zoomed{transform:scale(1.15) translateY(-22vh)!important}@media (max-height: 500px){.minimal-mobile-container .floating-cassette.zoomed{transform:scale(1.05) translateY(-25vh)!important}}}.swipe-hint{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000b3;color:#fff;padding:12px 24px;border-radius:24px;font-size:18px;font-weight:500;z-index:100;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn .2s ease-out;white-space:nowrap;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 20px #0000004d}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.floating-cassette{transition:transform .5s cubic-bezier(.33,1,.68,1),opacity .15s ease}.floating-cassette.zoomed{transform:scale(1.6) translateY(-10vh)!important;z-index:100;position:relative;animation:none!important}@media (max-width: 1024px){.floating-cassette.zoomed{transform:scale(1.3) translateY(-15vh)}}@media (max-width: 768px){.floating-cassette{transition:transform .7s cubic-bezier(.25,.46,.45,.94),opacity .15s ease;transform-origin:center center;will-change:transform}.floating-cassette.zoomed{transform:scale(1.6) translateY(-10vh);transition:transform .7s cubic-bezier(.33,1,.68,1)}@media (max-height: 600px){.floating-cassette.zoomed{transform:scale(1.1) translateY(-22vh)}}}@media (max-width: 480px){.floating-cassette{transition:transform .35s cubic-bezier(.33,1,.68,1),filter .35s ease-out,opacity .15s ease}.floating-cassette.zoomed{transform:scale(1.2) translateY(-22vh)}@media (max-height: 500px){.floating-cassette.zoomed{transform:scale(1.1) translateY(-25vh)}}}@keyframes slideDown{0%{transform:scale(1.2) translateY(-15vh)}to{transform:scale(1) translateY(0)}}.floating-cassette.slide-down{animation:slideDown .4s cubic-bezier(.33,1,.68,1) forwards}@keyframes floatCassette{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-10px) rotate(.5deg)}66%{transform:translateY(5px) rotate(-.5deg)}}.invisible-chat-input{position:fixed;top:-9999px;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none;font-size:16px;border:none;background:transparent;color:transparent;outline:none;z-index:-1}.chat-controls{position:absolute;bottom:-80px;left:50%;transform:translate(-50%);display:flex;gap:15px;z-index:20}.invisible-send-btn{background:#64ff6433;border:2px solid rgba(100,255,100,.5);border-radius:15px;padding:12px 24px;color:#64ff64;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.invisible-send-btn:hover:not(:disabled){background:#64ff644d;border-color:#64ff64b3;transform:translateY(-2px)}.invisible-send-btn:disabled{opacity:.4;cursor:not-allowed}.invisible-close-btn{background:#ff646433;border:2px solid rgba(255,100,100,.5);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#ff6464;cursor:pointer;transition:all .3s ease;font-size:18px;font-weight:700;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.invisible-close-btn:hover{background:#ff64644d;border-color:#ff6464b3;transform:scale(1.1)}.minimal-mobile-container.zoomed{overflow:hidden}.floating-cassette.zoomed{transform:scale(1.5) translateY(-20px);z-index:100;transition:transform .5s ease}.floating-cassette:not(.zoomed){transition:transform .5s ease}.floating-cassette{position:relative;z-index:150;will-change:transform;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (max-height: 700px){.floating-cassette{transform:scale(.75)}.transport-controls{bottom:calc(env(safe-area-inset-bottom,0px) + 20px)}.minimal-status{bottom:15px}.chat-button-container{bottom:10px;right:10px}.chat-btn{width:45px;height:45px}}@media (max-height: 500px){.floating-cassette{transform:scale(.6) translateY(-20px)}.transport-controls{bottom:calc(env(safe-area-inset-bottom,0px) + 16px)}.chat-button-container{bottom:5px;right:5px}.time-display,.version-selector{top:10px}}@media (max-height: 600px){.floating-cassette{transform:scale(.65)}.transport-controls{bottom:calc(env(safe-area-inset-bottom,0px) + 18px);gap:15px}.transport-btn{width:45px;height:45px}.minimal-status{bottom:10px}.status-indicator{font-size:10px;padding:4px 8px}}.producer-btn{position:absolute;top:20px;left:20px;width:56px;height:56px;border-radius:50%;background:#ffffff1f;border:2px solid rgba(255,255,255,.28);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;cursor:pointer;z-index:3000;transition:all .2s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);touch-action:manipulation;-webkit-tap-highlight-color:transparent}.producer-btn:before{content:"";position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px;border-radius:50%}.producer-btn:hover{transform:scale(1.06);background:#fff3}.producer-btn:active{transform:scale(.95)}.switch-full-btn{position:fixed;top:20px;right:20px;width:50px;height:50px;background-color:#ffffff26;border:none;border-radius:50%;color:#fff;font-size:18px;cursor:pointer;z-index:2147483647!important;display:flex;align-items:center;justify-content:center;transition:all .2s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);touch-action:manipulation;pointer-events:auto!important;transform:translateZ(50px)}.switch-full-btn:hover{background-color:#ffffff40;transform:translateZ(50px) scale(1.06)}.switch-full-btn:active{transform:translateZ(50px) scale(.95)}.producer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;backdrop-filter:blur(8px) saturate(120%);-webkit-backdrop-filter:blur(8px) saturate(120%);z-index:4000;display:flex;flex-direction:column}.producer-overlay-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;color:#eee}.producer-title{font-size:16px;font-weight:600;letter-spacing:.6px}.producer-close{width:40px;height:40px;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:#ffffff1f;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.producer-carousel{display:flex;gap:18px;padding:10px 20px 30px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.producer-card{scroll-snap-align:center;flex:0 0 72vw;height:58vh;border-radius:22px;background:linear-gradient(180deg,#ffffff1f,#ffffff0f);border:2px solid rgba(255,255,255,.22);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;box-shadow:0 8px 30px #0000004d}.producer-card.active{border-color:#64c8ffcc;box-shadow:0 10px 36px #64c8ff59}.producer-avatar{font-size:64px}.producer-name{font-size:18px;font-weight:600;letter-spacing:.5px;opacity:.9}@media (max-width: 420px){.producer-card{flex-basis:78vw;height:56vh}.producer-avatar{font-size:56px}}.producer-thumb{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover}.producer-avatar-img{width:80%;height:65%;border-radius:16px;-o-object-fit:cover;object-fit:cover;box-shadow:0 6px 18px #00000059}.producer-btn{pointer-events:auto;z-index:1001;touch-action:manipulation}.scenery-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:6500;display:flex;align-items:stretch;justify-content:stretch;background:#0000008c;backdrop-filter:blur(10px) saturate(130%);-webkit-backdrop-filter:blur(10px) saturate(130%);pointer-events:auto}.scenery-float-layer{position:fixed;top:0;left:0;right:0;bottom:var(--transport-footer-safe, 140px);z-index:9000;pointer-events:auto;background:#0000;touch-action:auto}.scenery-build-stamp{display:none}.scenery-back-btn{all:unset;position:fixed;left:14px;bottom:calc(var(--transport-footer-safe, 140px) - 6px);z-index:9002;height:40px;padding:0 12px;border-radius:8px;border:0;background:transparent;color:#78ff78eb;font-family:Sys,monospace;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:22px;text-shadow:0 0 6px rgba(60,255,60,.45),0 0 18px rgba(60,255,60,.25);filter:blur(.35px);mix-blend-mode:screen;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);box-shadow:none}.scenery-back-btn:active{transform:translateY(1px);background:#0006}.scenery-float-stage{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.scenery-main-menu{position:fixed;left:0;right:0;top:calc(68px + min(46vh,520px));bottom:calc(var(--transport-footer-safe, 140px) + 54px);z-index:9002;pointer-events:none;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:8px 10px;gap:clamp(12px,2.4vh,22px)}@supports (height: 100svh){.scenery-main-menu{top:calc(68px + min(46svh,520px))}}@supports (-webkit-touch-callout: none){.scenery-main-menu{bottom:calc(var(--transport-footer-safe, 140px) + 110px)}.scenery-word{font-size:clamp(16px,4.2vw,22px)}}.scenery-main-menu-row{display:flex;width:100%;justify-content:space-between;pointer-events:auto;background:#0000;touch-action:auto}.lcd-drawer-handle{position:absolute;bottom:0;left:50%;transform:translate(-50%);z-index:9002;height:40px;padding:0 16px;border-radius:8px;border:0;background:transparent;color:#78ff78eb;font-family:Sys,monospace;font-weight:800;letter-spacing:.1em;text-transform:uppercase;font-size:22px;text-shadow:0 0 8px rgba(60,255,60,.6),0 0 20px rgba(60,255,60,.3);filter:blur(.3px);mix-blend-mode:screen;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0)}.scenery-main-menu .scenery-back-btn{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--transport-footer-safe, 140px) + 16px)}.scenery-word-clubs{grid-column:1;grid-row:1;justify-self:end;margin-right:15px}.scenery-word-car{grid-column:2;grid-row:1;justify-self:start;margin-left:15px}.scenery-word-concerts{grid-column:1;grid-row:2;justify-self:end;margin-right:70px}.scenery-word-studio{grid-column:2;grid-row:2;justify-self:start;margin-left:35px}.scenery-word-library{grid-column:1;grid-row:3;justify-self:end;margin-right:50px}.scenery-word-nba{grid-column:2;grid-row:3;justify-self:start;margin-left:15px}.scenery-tv-slot .scenery-scanlines-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none}.scenery-float-layer .scenery-word{all:unset;cursor:pointer;position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-moz-user-select:none;user-select:none;transform:translateZ(0);z-index:9002;touch-action:manipulation;top:0;left:0;right:auto;animation:none!important}.scenery-main-menu .scenery-word{position:relative;top:auto;left:auto;right:auto;pointer-events:auto;max-width:92vw}.scenery-main-menu .scenery-word-clubs{animation:sceneryFloatA 5.2s ease-in-out infinite}.scenery-main-menu .scenery-word-car{animation:sceneryFloatB 6.1s ease-in-out infinite}.scenery-main-menu .scenery-word-concerts{animation:sceneryFloatB 6.6s ease-in-out infinite}.scenery-main-menu .scenery-word-studio{animation:sceneryFloatA 5.8s ease-in-out infinite}.scenery-main-menu .scenery-word-library{animation:sceneryFloatA 6.3s ease-in-out infinite}.scenery-main-menu .scenery-word-nba{animation:sceneryFloatB 5.6s ease-in-out infinite}.scenery-smoke-text{display:inline-block;filter:url(#scenery-smoke-filter) blur(3px) contrast(108%);background:linear-gradient(#fff,#999,#ddd,#888);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:900;letter-spacing:.08em;white-space:nowrap}.scenery-plain-text{display:inline-block;color:#fffffff0;font-weight:900;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;text-shadow:2px 2px 0 rgba(0,0,0,.75),-2px -2px 0 rgba(0,0,0,.55)}.scenery-word-sub .scenery-smoke-text{background:linear-gradient(#ffe9c2,#ffc77a,#f6e6ff,#a9d6ff);-webkit-background-clip:text;background-clip:text;font-size:clamp(34px,7.2vw,62px)}@keyframes sceneryAnchoredBob{0%{transform:translateZ(0)}50%{transform:translate3d(0,-8px,0)}to{transform:translateZ(0)}}.scenery-word-anchored .scenery-smoke-text{animation:sceneryAnchoredBob 3.8s ease-in-out infinite}.scenery-float-layer .scenery-word-single{top:50%;left:50%;transform:translate3d(-50%,-50%,0);animation:sceneryFloatA 5.8s ease-in-out infinite;max-width:92vw;text-align:center}.scenery-float-layer .scenery-word .container{display:inline-block;white-space:nowrap}.scenery-float-layer .scenery-word .char{--delay: var(--d);display:inline-block;position:relative;font-family:Google Sans,sans-serif;font-weight:700;font-size:clamp(54px,10.2vw,96px);line-height:1}.scenery-float-layer .scenery-word .base{z-index:1;color:#fff;filter:blur(20px);opacity:0;text-shadow:0 2px 0 rgba(0,0,0,.25),0 0 16px rgba(255,255,255,.22);animation:sceneryBaseReveal .6s ease-out calc(var(--delay) + .2s) forwards}.scenery-float-layer .scenery-word .gradient{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;background:linear-gradient(90deg,#3186ff,#346bf1,#4fa0ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:blur(20px);clip-path:inset(0 100% 0 0);opacity:1;animation:sceneryGradientReveal .6s ease-out var(--delay) forwards}@keyframes sceneryBaseReveal{0%{opacity:0;filter:blur(20px);transform:translateY(8px)}50%{opacity:1;filter:blur(8px);transform:translateY(0)}90%{opacity:1;filter:blur(2px);transform:translateY(0)}to{opacity:1;filter:blur(0);transform:translateY(0)}}@keyframes sceneryGradientReveal{0%{clip-path:inset(0 100% 0 0);filter:blur(20px);opacity:1}30%{clip-path:inset(0 60% 0 0);filter:blur(12px);opacity:1}60%{clip-path:inset(0 20% 0 0);filter:blur(6px);opacity:1}90%{clip-path:inset(0 0% 0 0);filter:blur(0);opacity:1}to{clip-path:inset(0 0% 0 0);opacity:0}}@keyframes sceneryFloatA{0%{transform:translateZ(0)}50%{transform:translate3d(0,-10px,0)}to{transform:translateZ(0)}}@keyframes sceneryFloatB{0%{transform:translateZ(0)}50%{transform:translate3d(0,12px,0)}to{transform:translateZ(0)}}.scenery-float-layer .scenery-sceneoff{position:fixed;right:14px;left:auto;transform:none;bottom:calc(var(--transport-footer-safe, 140px) - 64px)!important;z-index:9002;height:40px;padding:0 14px;border-radius:999px;border:2px solid rgba(255,255,255,.18);background:#0006;color:#ffffffe6;font-weight:700;letter-spacing:.04em;font-size:11px}.scenery-tv-slot{position:absolute;inset:64px 0 auto 0;transform:none;width:100%;height:min(46vh,520px);aspect-ratio:auto;z-index:9001;background:#0000009e;pointer-events:none}.scenery-tv-slot.is-zoomed{inset:64px 0 auto 0!important;width:100%!important;height:min(46vh,520px)!important;transform:none!important;pointer-events:none}.scenery-tv-slot .scanlines{width:100%!important;max-width:none!important;aspect-ratio:auto!important;margin:0!important}.scenery-tv-slot .scenery-crt.scanlines{width:100%!important;height:100%!important}.scenery-crt{position:relative;width:100%;height:100%}.scenery-crt .screen{position:relative;width:100%;height:100%;overflow:hidden}.scenery-crt .screen:before{background:transparent linear-gradient(to bottom,#85908c,#323431) repeat scroll 0 0;content:"";position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0);width:100%;height:100%;z-index:-1}.scenery-crt.scanlines .overlay{height:100%;left:0;position:absolute;top:0;width:100%;z-index:20;display:flex;align-items:center;justify-content:center}.scenery-crt.scanlines .overlay:after{position:absolute;left:0;top:0;width:100%;height:100%;background-image:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/86186/crt.png);background-repeat:no-repeat;background-size:100% 100%;content:"";z-index:2;pointer-events:none}.scenery-crt.scanlines .overlay:before{position:absolute;top:0;left:0;bottom:0;right:0;content:" ";background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);z-index:3;background-size:100% 2px,3px 100%;pointer-events:none}.scenery-crt .picture{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:-1;background:transparent linear-gradient(to bottom,#85908c,#323431) repeat scroll 0 0}.scenery-crt .text{color:#0f0;opacity:.95;filter:blur(.4px);font-family:Sys,monospace;font-size:4.2vmin;left:5%;position:absolute;text-shadow:0 0 3px lime;top:10%;width:200px;z-index:3}.scenery-crt .menu{opacity:1;background-color:#0069ffeb;box-sizing:border-box;font-family:Sys,monospace;font-size:clamp(22px,4.2vmin,38px);height:auto;text-transform:uppercase;width:calc(100% - 18px);max-width:none;text-shadow:1px 1px 0 #000000,-1px -1px 0 #000000,1px -1px 0 #000000,-1px 1px 0 #000000;filter:blur(.35px);color:#fff;z-index:3}.scenery-crt .menu[aria-hidden=true]{display:none}.scenery-crt .menu header{color:#e7e05c;margin-bottom:10px;padding:8px 14px}.scenery-crt .menu ul{margin:0;padding:0}.scenery-crt .menu ul li{box-sizing:border-box;list-style:none;padding:8px 14px}.scenery-crt .menu ul li.active{background-color:#1af2ffd9}.scenery-crt .menu ul li a{color:#fff;text-decoration:none}.scenery-crt .menu footer{background-color:#2afd72e6;margin-top:10px;padding:8px 14px;cursor:pointer}.scenery-crt .menu footer:after{clear:both;content:" ";display:table}.scenery-crt .menu footer .key{float:left;width:50%}.scenery-crt .menu footer .key span{background-color:#0069ffeb;border:4px solid #e7e05c;border-radius:6px;display:inline-block;height:18px;line-height:18px;padding:0 6px;border-width:3px}.scenery-crt .menu footer .key:last-child{text-align:right}@keyframes crtSmokePulse{0%{opacity:1;filter:blur(.2px)}45%{opacity:.25;filter:blur(1.6px)}60%{opacity:.8;filter:blur(.4px)}to{opacity:1;filter:blur(.2px)}}.scenery-crt .menu ul li a{animation:crtSmokePulse 6.5s ease-in-out infinite}.scenery-tv{position:relative;width:100%;height:100%}.scenery-tv-screen{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(https://alexandrevacassin.fr/codepen/old-tv/base.webp);background-size:cover;background-position:center center;background-repeat:no-repeat;z-index:10;pointer-events:none}.scenery-tv-container,.scenery-tv-hud{position:absolute;top:12%!important;right:4%!important;bottom:10%!important;left:4%!important;z-index:1;overflow:hidden;pointer-events:none;background:transparent!important}.scenery-tv-hud{position:absolute;top:12%!important;right:4%!important;bottom:10%!important;left:4%!important;z-index:15;pointer-events:auto;font-family:Sys,monospace;-webkit-tap-highlight-color:rgba(0,0,0,0);padding-bottom:58px}.scenery-vhs-av{position:absolute;left:10px;top:10px;color:#ffffffeb;font-size:18px;letter-spacing:.08em;text-shadow:0 0 4px rgba(255,255,255,.25);filter:blur(.25px)}.scenery-vhs-menu{position:relative;margin:44px 10px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-auto-rows:min-content;align-content:start;gap:8px;pointer-events:auto;overflow:auto;-webkit-overflow-scrolling:touch;padding-bottom:10px}@media (max-width: 420px){.scenery-main-menu{grid-template-columns:repeat(2,1fr);row-gap:10px;-moz-column-gap:10px;column-gap:10px}}.scenery-vhs-menu[aria-hidden=true]{display:none}.scenery-vhs-item{all:unset;cursor:pointer;color:#fffffff0;font-size:clamp(22px,4.2vmin,40px);letter-spacing:.06em;text-transform:uppercase;text-shadow:1px 1px 0 rgba(0,0,0,.85),-1px -1px 0 rgba(0,0,0,.85);filter:blur(.35px);padding:2px 4px}.scenery-tv-slot.is-zoomed .scenery-vhs-item{font-size:clamp(24px,4.7vmin,46px)}.scenery-vhs-item.is-active{background:#ffffff29}.scenery-tv-iframe{position:absolute;left:-180%!important;top:-20%;width:450%!important;height:140%;border:0;background:#000;filter:contrast(1.15) brightness(1.1);pointer-events:none}@supports (-webkit-touch-callout: none){.scenery-tv-container,.scenery-tv-hud{top:12%!important;right:4%!important;bottom:10%!important;left:4%!important}.scenery-tv-iframe{left:-200%!important;top:-25%;width:500%!important;height:150%}}.scenery-vhs-back{all:unset;position:absolute;left:50%;transform:translate(-50%);bottom:max(28px,env(safe-area-inset-bottom,0px));z-index:40;cursor:pointer;font-family:Sys,monospace;font-size:22px;letter-spacing:.08em;text-transform:uppercase;padding:6px 10px;border-radius:8px;background:transparent;color:#78ff78eb;text-shadow:0 0 6px rgba(60,255,60,.45),0 0 18px rgba(60,255,60,.25);filter:blur(.35px);mix-blend-mode:screen;-webkit-tap-highlight-color:rgba(0,0,0,0)}.scenery-vhs-back:active{opacity:.75}.scenery-tv-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border:0;filter:contrast(1.2) brightness(1.1);pointer-events:none}.scenery-tv-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;mix-blend-mode:screen;opacity:.75;pointer-events:none;z-index:3}.scenery-tv-glitch{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;background:url(https://upload.wikimedia.org/wikipedia/commons/0/02/Television_static.gif);mix-blend-mode:multiply;opacity:.22;animation:glitchMove .2s infinite linear;z-index:4}.scenery-tv-scanlines{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(to bottom,#0000,#0003,#0000 2px);pointer-events:none;z-index:5}.scenery-tv-snow{position:absolute;top:0;right:0;bottom:0;left:0;background:url(https://upload.wikimedia.org/wikipedia/commons/0/02/Television_static.gif);background-size:cover;opacity:0;z-index:6;pointer-events:none;transition:opacity .5s ease-in-out}.scenery-tabs .main-tabs-container{padding:0 1rem 1rem}.scenery-tabs .main-tabs-wrapper{position:relative}.scenery-tabs ul.main-tabs,.scenery-tabs ul.filter-tabs{list-style-type:none;display:flex}.scenery-tabs ul.main-tabs li{display:inline-flex;position:relative;padding:1.5rem;z-index:1}.scenery-tabs .avatar,.scenery-tabs .avatar img{height:4rem;width:4rem;border-radius:50%;pointer-events:none}.scenery-tabs .avatar img{-o-object-fit:cover;object-fit:cover}.scenery-tabs .round-button{height:4.8rem;width:4.8rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#ffffffd9;transition:color .2s ease-in-out}.scenery-tabs .round-button:hover,.scenery-tabs .round-button.active{color:var(--round-button-active-color, rgba(255, 255, 255, .95))}.scenery-round-label{font-weight:800;letter-spacing:.06em;font-size:11px}.scenery-tabs .main-slider{pointer-events:none;position:absolute;top:0;left:0;padding:1.5rem;z-index:0;transition:transform .4s ease-in-out;transform:translate(var(--translate-main-slider))}.scenery-tabs .main-slider-circle{height:4.8rem;width:4.8rem;border-radius:50%;transition:background-color .4s ease-in-out;background-color:var(--main-slider-color, rgba(255, 255, 255, .18))}.scenery-tabs .animate-jello{animation:scenery-jello-horizontal .9s both}@keyframes scenery-jello-horizontal{0%{transform:scaleZ(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleZ(1)}}.scenery-tabs .filters-container{overflow:hidden;padding:0 3rem;transition:max-height .4s ease-in-out;max-height:var(--filters-container-height)}.scenery-tabs .filters-wrapper{position:relative;transition:opacity .2s ease-in-out;opacity:var(--filters-wrapper-opacity)}.scenery-tabs .filter-tabs{border-radius:1rem;padding:.3rem;overflow:hidden;background-color:#ffffff1a}.scenery-tabs .filter-tabs li{position:relative;z-index:1;display:flex;flex:1 0 33.33%}.scenery-tabs .filter-button{display:flex;align-items:center;justify-content:center;border-radius:.8rem;flex-grow:1;height:3rem;padding:0 1.5rem;color:#ffffffb8;font-weight:400;font-size:1.4rem;white-space:nowrap}.scenery-tabs .filter-button.filter-active{transition:color .4s ease-in-out;color:#0f0f10e6}.scenery-tabs .filter-slider{pointer-events:none;position:absolute;padding:.3rem;top:0;left:0;right:0;bottom:0;z-index:0}.scenery-tabs .filter-slider-rect{height:3rem;width:33.33%;border-radius:.8rem;background-color:#ffffffeb;box-shadow:0 .1rem 1rem -.4rem #0000001f;transition:transform .4s ease-in-out;transform:translate(var(--translate-filters-slider))}.transport-controls{position:fixed;bottom:calc(env(safe-area-inset-bottom,0px) + 24px);left:50%;transform:translate(-50%);display:flex;gap:20px;z-index:200}.transport-btn{width:60px;height:60px;border-radius:50%;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .1s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);touch-action:manipulation;-webkit-tap-highlight-color:transparent}.transport-btn:hover{background:#fff3;border-color:#ffffff80;transform:scale(1.05)}.transport-btn:active{transform:scale(.95);transition:all .05s ease}.transport-btn.active{background:#4caf504d!important;border-color:#4caf50!important;color:#4caf50!important}@media (max-width: 768px){.landscape-transport{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#000000b8!important}.transport-btn,.chat-btn,.mute-btn,.new-btn{box-shadow:0 1px 6px #00000040!important;border-color:#ffffff40!important}}@media (prefers-reduced-motion: reduce){.cassette-container.mobile-floating,.floating-cassette,.floating-cassette.swipe-left,.floating-cassette.swipe-right,.floating-cassette.swipe-up,.floating-cassette.swipe-down,.cassette-container.cassette-swipe-left,.cassette-container.cassette-swipe-right,.cassette-container.cassette-swipe-up,.cassette-container.cassette-swipe-down,.swipe-hint{animation:none!important;transition:none!important}}.minimal-status{position:fixed;bottom:40px;left:50%;transform:translate(-50%);z-index:50}.status-indicator{background:#000c;border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:8px 16px;color:#fff;font-size:12px;font-weight:600;text-align:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .1s ease}.status-indicator.playing{color:#4caf50;border-color:#4caf5066;background:#4caf501a}.status-indicator.stopped{color:#f44336;border-color:#f4433666;background:#f443361a}.settings-dropdown{position:fixed;top:60px;right:10px;z-index:10001!important;background:#111827fa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 10px 40px #00000080;min-width:200px;max-width:280px;animation:slideDown .2s ease-out;transform:translateZ(60px);pointer-events:auto!important}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.settings-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.1);color:#fff}.settings-close-btn{background:transparent;border:none;color:#fff9;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.settings-close-btn:hover{background:#ffffff1a;color:#fff}.settings-dropdown-content{padding:8px;display:flex;flex-direction:column;gap:4px}.settings-menu-item{background:transparent;border:none;color:#fff;padding:12px 16px;text-align:left;cursor:pointer;border-radius:8px;font-size:14px;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:8px;white-space:nowrap}.settings-menu-item:hover{background:#ffffff1a}.settings-menu-item:active{background:#ffffff26;transform:scale(.98)}.settings-divider{height:1px;background:#ffffff1a;margin:4px 8px}@media (max-width: 768px){.settings-dropdown{right:10px;max-width:calc(100vw - 40px)}.settings-menu-item{padding:14px 16px;font-size:15px}}.settings-dropdown{pointer-events:auto}.switch-full-btn{display:flex;align-items:center;justify-content:center}:root{--spotify-menu-top: 480px;--spotify-menu-left: 10px;--soundcraft-width: 85px}.spotify-container{background:linear-gradient(135deg,#121212,#181818);color:#fff;font-family:Circular Std,Helvetica Neue,Helvetica,Arial,sans-serif;position:fixed;top:var(--spotify-menu-top);bottom:0;left:calc(var(--spotify-menu-left) + var(--soundcraft-width));right:0;z-index:200!important;box-shadow:0 8px 32px #0009;overflow:hidden;display:flex;flex-direction:column;pointer-events:auto;border-top-left-radius:12px;max-height:calc(100vh - var(--spotify-menu-top));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.spotify-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(90deg,#8a2be233,#1db9541a);box-shadow:0 4px 12px #0003;position:sticky;top:0;z-index:201!important;height:60px}.close-button{background:#0000004d;border:1px solid rgba(255,255,255,.1);color:#e0e0e0;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s;box-shadow:0 2px 4px #0000004d}.close-button:hover{color:#fff;background-color:#ffffff26;transform:scale(1.05);box-shadow:0 4px 8px #0006}.spotify-logo{width:180px;margin-right:24px;display:flex;align-items:center}.spotify-logo-text{font-size:26px;font-weight:800;letter-spacing:.5px;background:linear-gradient(90deg,#8a2be2,#1db954);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;text-shadow:0 2px 4px rgba(0,0,0,.4);margin-right:20px;position:relative;padding-bottom:4px}.spotify-logo-text:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,#8a2be2,#1db954);border-radius:2px;box-shadow:0 1px 3px #1db9544d}.spotify-logo-svg{width:100%;height:auto}.spotify-nav{display:flex;gap:24px}.nav-item{font-size:14px;font-weight:700;cursor:pointer;opacity:.7;transition:opacity .2s}.nav-item:hover,.nav-item.active{opacity:1}.section-title{font-size:24px;font-weight:700;margin-bottom:20px;color:#fff}.spotify-content{padding:0;flex:1;overflow:hidden;display:flex;height:calc(100% - 70px);position:relative}.artist-grid-container{width:50%;height:100%;overflow-y:auto;padding:20px;border-right:1px solid rgba(255,255,255,.1);background:#0003;position:relative}.artist-grid-container:before{content:"";position:absolute;top:0;left:0;right:0;height:40px;background:linear-gradient(to bottom,rgba(0,0,0,.3),transparent);pointer-events:none;z-index:1}.artist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:16px;padding-bottom:20px;position:relative;z-index:2}.artist-card{background:linear-gradient(145deg,#1a1a1a,#222);border-radius:8px;padding:12px;transition:all .3s ease;cursor:pointer;text-align:center;box-shadow:0 4px 12px #0003;position:relative;overflow:hidden}.artist-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#8a2be21a,#1db9540d);opacity:0;transition:opacity .3s}.artist-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 8px 20px #0000004d}.artist-card:hover:before{opacity:1}.artist-card.selected{background:linear-gradient(145deg,#222,#2a2a2a);box-shadow:0 0 0 2px #1db954,0 8px 20px #0006}.artist-image{width:100%;aspect-ratio:1 / 1;border-radius:6px;overflow:hidden;margin-bottom:10px;box-shadow:0 4px 10px #0000004d;position:relative;transform:translateZ(0)}.artist-image:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0000001a,#0006);opacity:.6;transition:opacity .3s}.artist-card:hover .artist-image:after{opacity:.3}.artist-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s}.artist-card:hover .artist-image img{transform:scale(1.08)}.artist-name{font-weight:700;text-align:center;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;color:#fff;margin-top:8px}.artist-type{font-size:14px;color:#b3b3b3}.artist-detail-container{width:50%;height:100%;overflow:hidden;padding:0;background:#181818;display:flex;flex-direction:column;position:relative}.artist-detail-bg{background-size:cover;background-position:center;background-repeat:no-repeat}.artist-detail-overlay{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:linear-gradient(180deg,#121212b3,#121212e6 60%,#121212);display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.artist-detail-content,.artist-detail-content-grid{width:100%;padding:36px 32px 32px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;z-index:2}.artist-detail-content-grid{margin-top:0}.artist-detail-name-top{font-size:2.1em;font-weight:800;color:#fff;margin-bottom:12px;text-align:left;text-shadow:0 2px 12px rgba(0,0,0,.7);letter-spacing:1px}.artist-detail-main-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;width:100%;align-items:flex-start}.artist-detail-name{font-size:2.2em;font-weight:800;color:#fff;margin-bottom:16px;text-shadow:0 2px 12px rgba(0,0,0,.7);letter-spacing:1px;text-align:center}.artist-beat-style{background:#00000059;border-radius:8px;padding:4px 12px;margin-bottom:8px;color:#fff;box-shadow:0 2px 8px #0003;text-align:center;font-size:1em;max-width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.artist-beat-style-right{background:#0000008c;border-radius:10px;padding:18px;color:#fff;text-align:left;font-size:1.06em;width:100%;min-height:0;height:auto;white-space:pre-line;overflow-wrap:break-word;word-break:break-word;align-self:stretch;overflow:visible;box-shadow:none}.artist-detail-main-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;width:100%;align-items:stretch;align-content:stretch}.artist-beat-style-right .beat-style-title{margin:0 0 8px;font-size:1.08em;font-weight:700;color:#1db954}.artist-beat-style-right .beat-style-description{margin:0;font-size:1em;color:#fff;white-space:normal;line-height:1.4;width:100%;overflow:visible;text-overflow:unset;word-break:break-word;display:block}.songs-title{font-size:1.1em;color:#fff;margin-bottom:10px;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.6)}.songs-list.songs-list-vertical{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:6px;width:100%;margin-top:16px;position:static;padding:0}.song-item.song-item-vertical{display:flex;flex-direction:row;align-items:center;background:#00000059;border-radius:6px;padding:4px 10px;min-height:36px;width:100%;transition:background .2s}.song-item.song-item-vertical:hover{background:#1db9541a}.song-play-btn{background:#191414;border:none;outline:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;margin-right:12px;cursor:pointer;transition:background .2s}.song-play-btn:hover{background:#1db954}.song-play-btn svg{width:18px;height:18px;fill:#fff}.song-title-text{color:#fff;font-size:1em;font-weight:500;flex:1 1 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-duration-text{color:#b3b3b3;font-size:.95em;margin-left:10px;min-width:40px;text-align:right}.song-item.song-item-overlay:hover{background:#1db95426}.song-play-icon{margin-right:10px}.song-title{font-size:1em;font-weight:600;color:#fff;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-duration{font-size:.9em;color:#b3b3b3}.artist-detail-info{flex:1;display:flex;flex-direction:column;justify-content:center}.artist-detail-right{flex:1 1 0;min-width:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:0;max-width:100%;height:100%;overflow-y:auto}.artist-detail-image{width:120px;height:120px;border-radius:8px;overflow:hidden;margin-right:20px;box-shadow:0 8px 16px #00000080;flex-shrink:0;position:relative;transform:translateZ(0);border:2px solid rgba(255,255,255,.1)}.artist-detail-image:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#8a2be233,#1db9541a);opacity:.6}.artist-detail-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.artist-detail-name{font-size:28px;font-weight:800;margin-bottom:10px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5);letter-spacing:.5px;position:relative;display:inline-block}.artist-detail-name:after{content:"";position:absolute;bottom:-4px;left:0;width:40px;height:3px;background:linear-gradient(90deg,#8a2be2,#1db954);border-radius:3px}.artist-detail-type{font-size:14px;color:#b3b3b3;text-align:center}.artist-beat-style{background-color:#0000004d;border-radius:8px;padding:15px;margin-bottom:20px}.beat-style-title,.songs-title{font-size:18px;font-weight:700;margin-bottom:10px;color:#1db954;margin-top:0;display:flex;align-items:center}.beat-style-title:before,.songs-title:before{content:"";display:inline-block;width:12px;height:12px;background:linear-gradient(135deg,#8a2be2,#1db954);border-radius:50%;margin-right:8px;box-shadow:0 2px 4px #1db9544d}.beat-style-description{font-size:14px;line-height:1.5;color:#e0e0e0;margin-bottom:0;background:linear-gradient(145deg,#1db9540d,#8a2be20d);padding:12px 15px;border-radius:8px;border-left:3px solid #1DB954;max-height:70px;overflow-y:auto;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;box-shadow:0 2px 8px #0003;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.songs-title{font-size:16px;font-weight:700}.songs-list{display:flex;flex-direction:column;gap:4px;margin-top:4px;padding:0;width:100%;max-height:210px;overflow-y:auto}.song-item-spotify{display:flex;flex-direction:row;align-items:center;gap:8px;padding:3px 8px;border-radius:4px;background:linear-gradient(145deg,#1e1e1e99,#14141499);box-shadow:0 2px 8px #0003;border:1px solid rgba(255,255,255,.05);position:relative;overflow:hidden;min-height:28px;font-size:13px}.song-item-spotify:hover{background-color:#ffffff1a}.song-item-col-index{display:flex;align-items:center;justify-content:center;color:#b3b3b3;font-size:14px}.song-item-spotify .song-play-icon{display:none;fill:#fff}.song-item-spotify .song-play-icon svg{display:block}.song-item-spotify:hover .song-number{display:none}.song-item-spotify:hover .song-play-icon{display:block}.song-item-col-title{display:flex;flex-direction:column;justify-content:center;overflow:hidden}.song-title-spotify{font-size:16px;font-weight:400;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.song-artist-spotify{font-size:14px;color:#b3b3b3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.song-item-col-duration{display:flex;align-items:center;justify-content:flex-end;font-size:14px;color:#b3b3b3;font-variant-numeric:tabular-nums}.back-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:#000000b3;border-radius:50%;margin-right:16px;cursor:pointer;transition:all .2s}.back-button:hover{background-color:#000000e6;transform:scale(1.05)}.artist-detail-header{display:flex;align-items:flex-start;padding:24px 20px 20px;background:linear-gradient(to bottom,#8a2be226,#1db9540d);position:relative;border-bottom:1px solid rgba(255,255,255,.05)}.artist-header-image{width:100px;height:100px;border-radius:50%;margin-bottom:8px;overflow:hidden;box-shadow:0 4px 8px #0000004d}.artist-header-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.artist-header-info{margin-bottom:24px}.artist-type-label{font-size:12px;font-weight:700;margin-bottom:8px}.artist-title{font-size:72px;font-weight:900;margin:0 0 8px;line-height:1}.artist-stats{font-size:14px;color:#b3b3b3}.action-buttons{display:flex;align-items:center;margin:24px 0;gap:16px}.play-button{display:flex;align-items:center;justify-content:center;background-color:#1db954;color:#fff;border:none;border-radius:32px;padding:8px 32px;font-size:16px;font-weight:700;cursor:pointer;transition:transform .1s}.play-button svg{margin-right:8px;fill:currentColor}.play-button:hover{transform:scale(1.04);background-color:#1ed760}.follow-button{background-color:transparent;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:4px;padding:8px 16px;font-size:14px;font-weight:700;cursor:pointer}.follow-button:hover{border-color:#fff}.more-options{display:flex;align-items:center;justify-content:center;cursor:pointer}.more-options svg{fill:#b3b3b3}.more-options:hover svg{fill:#fff}.song-list{margin-top:16px}.song-item{display:flex;align-items:center;padding:10px 12px;border-radius:8px;transition:all .3s ease;cursor:pointer;background:linear-gradient(145deg,#1e1e1e99,#14141499);box-shadow:0 2px 8px #0003;border:1px solid rgba(255,255,255,.05);position:relative;overflow:hidden}.song-item:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(to bottom,#8a2be2,#1db954);opacity:0;transition:opacity .3s}.song-item:hover{background:linear-gradient(145deg,#282828b3,#1e1e1eb3);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.song-item:hover:before{opacity:1}.song-info{display:flex;flex-direction:column}.song-title{font-size:13px;font-weight:500;margin-bottom:2px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.song-duration{font-size:11px;color:#b3b3b3}.song-more svg{fill:#b3b3b3;opacity:0}.song-item:hover .song-more svg{opacity:1}.loading{display:flex;justify-content:center;align-items:center;height:100%;font-size:16px;color:#1db954}.genre-selector-container{display:flex;padding:20px;background-color:#1a1a1a;border-radius:8px;margin-top:20px;gap:15px;width:100%;box-sizing:border-box;justify-content:space-between}.section-container{display:flex;flex-direction:column;width:35%;gap:10px;margin-top:-30px}.middle-section{display:flex;flex-direction:column;width:45%!important;gap:15px;align-items:center;position:relative;margin-top:20px!important;transform:scale(1.3)!important;z-index:10}.section-title{font-size:1.5rem;font-weight:700;margin-bottom:10px;text-align:center;color:red}.section-container:first-child .section-title{color:red}.section-container:last-child .section-title{color:red}.region-title{font-size:1.3rem;font-weight:700;margin-bottom:5px;text-align:center;color:#0f0}.genre-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(6,1fr);gap:8px;width:100%}.region-grid{display:grid;grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(6,1fr);gap:8px;width:100%;border:1px solid #0000ff;border-radius:5px;padding:8px;background-color:#003}.genre-button,.region-button,.control-button{all:unset;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;border-radius:5px;background-color:#000000bf;box-shadow:-.15em -.15em .15em -.075em #05050540,.0375em .0375em .0675em #0505051a;width:100%;min-height:40px;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;font-family:Arial,sans-serif;text-align:center;word-break:break-word;line-height:1.2}.genre-button:after,.region-button:after,.control-button:after{content:"";position:absolute;z-index:0;width:calc(100% + .3em);height:calc(100% + .3em);top:-.15em;left:-.15em;border-radius:inherit;background:linear-gradient(-135deg,rgba(5,5,5,.5),transparent 20%,transparent 100%);filter:blur(.0125em);opacity:.25;mix-blend-mode:multiply}.button-outer{position:relative;z-index:1;border-radius:inherit;transition:box-shadow .3s ease,transform .3s ease;will-change:box-shadow,transform;box-shadow:0 .1em .1em -.01em #050505,0 .05em .05em -.01em #050505b3,.2em .4em .2em -.01em #05050566,.3em .6em .4em -.01em #05050533,.4em .8em .6em -.01em #0505051a,.6em 1em .8em -.01em #0505050d;width:100%;height:100%}.genre-button:hover .button-outer,.region-button:hover .button-outer,.control-button:hover .button-outer{box-shadow:0 0 #050505,0 0 #05050580,0 0 #05050540}.button-inner{--inset: .035em;position:relative;z-index:1;border-radius:inherit;padding:.5em;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-image:linear-gradient(135deg,#e6e6e6,#b4b4b4);transition:box-shadow .3s ease,clip-path .25s ease,background-image .25s ease,transform .25s ease;will-change:box-shadow,clip-path,background-image,transform;overflow:clip;clip-path:inset(0 0 0 0 round 5px);box-shadow:0 0 inset #0505051a,-.05em -.05em .05em inset #05050540,0 0 inset #0505051a,0 0 .05em .2em inset #ffffff40,.025em .05em .1em inset #fff,.12em .12em .12em inset #ffffff40,-.075em -.25em .25em .1em inset #05050540}.genre-button:hover .button-inner,.region-button:hover .button-inner,.control-button:hover .button-inner{clip-path:inset(clamp(1px,.0625em,2px) clamp(1px,.0625em,2px) clamp(1px,.0625em,2px) clamp(1px,.0625em,2px) round 5px);box-shadow:.1em .15em .05em inset #050505bf,-.025em -.03em .05em .025em inset #05050580,.25em .25em .2em inset #05050580,0 0 .05em .5em inset #ffffff26,0 0 inset #fff,.12em .12em .12em inset #ffffff40,-.075em -.12em .2em .1em inset #05050540}.button-inner span{position:relative;z-index:4;font-family:Arial,sans-serif;letter-spacing:-.02em;font-weight:600;color:#0000;background-image:linear-gradient(135deg,#191919,#4b4b4b);-webkit-background-clip:text;background-clip:text;transition:transform .25s ease;display:block;will-change:transform;text-shadow:rgba(0,0,0,.1) 0 0 .1em}.genre-button:hover .button-inner span,.region-button:hover .button-inner span,.control-button:hover .button-inner span{transform:scale(.975)}.genre-button:active .button-inner,.region-button:active .button-inner,.control-button:active .button-inner{transform:scale(.9)!important;box-shadow:.1em .15em .05em inset #050505e6,-.025em -.03em .05em .025em inset #050505b3,.25em .25em .2em inset #050505b3,0 0 .05em .5em inset #ffffff26,inset 0 0 15px #000c!important;background-image:linear-gradient(135deg,#c8c8c8,#969696)}.genre-button.selected .button-outer,.genre-button.selected:hover .button-outer,.music-genre-selected .button-outer,.music-genre-selected:hover .button-outer{box-shadow:0 .05em .05em -.01em #050505b3,0 .01em .01em -.01em #0505054d,.05em .1em .05em -.01em #05050533;transform:translateY(.1em)}.genre-button.selected .button-inner,.music-genre-selected .button-inner{transform:scale(.975);box-shadow:.1em .15em .05em inset #050505bf,-.025em -.03em .05em .025em inset #05050580,.25em .25em .2em inset #05050580,0 0 .05em .5em inset #ffffff26;background-image:linear-gradient(135deg,#c8c8c8,#969696)}.region-button .button-inner{background-image:linear-gradient(135deg,#003,#006)}.region-button .button-inner span{background-image:linear-gradient(135deg,#c8c8ff,#fff)}.empty-button{opacity:0;cursor:default;pointer-events:none;box-shadow:none}.control-buttons{display:flex;gap:8px;margin-top:10px;justify-content:space-between}.control-button{flex:1;min-height:35px;font-size:.8rem}.fx-off .button-inner{background-image:linear-gradient(135deg,#3c3c3c,#1e1e1e)}.fx-off .button-inner span{background-image:linear-gradient(135deg,#dcdcdc,#fff)}.drops .button-inner,.fill .button-inner,.mute-drums .button-inner,.slow .button-inner,.fast .button-inner{background-image:linear-gradient(135deg,#da0,#a80)}.drops .button-inner span,.fill .button-inner span,.mute-drums .button-inner span,.slow .button-inner span,.fast .button-inner span{background-image:linear-gradient(135deg,#000,#323232)}.fx .button-inner{background-image:linear-gradient(135deg,#909,#606)}.fx .button-inner span{background-image:linear-gradient(135deg,#fff,#dcdcdc)}.tv-screen-container{width:100%!important;height:600px!important;display:flex;align-items:center;justify-content:center;perspective:1000px;margin-bottom:10px;overflow:visible!important;transform:scale(1.2)!important}@font-face{font-family:Terminal;src:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/86186/terminal_copy.ttf)}@font-face{font-family:Sys;src:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/86186/sys.ttf) format("truetype")}.scanlines{width:100%;max-width:300px;aspect-ratio:4 / 3;position:relative;overflow:hidden;border-radius:20px;box-shadow:0 0 20px #000000b3 inset,0 5px 15px #00000080;background:#1b2838}.screen{width:100%;height:100%;position:relative;background-color:#121010;overflow:hidden;border-radius:20px;box-sizing:border-box}.screen:before{background:transparent linear-gradient(to bottom,#85908c,#323431) repeat scroll 0 0;content:"";position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0);width:100%;height:100%;z-index:-1}.scanlines .overlay{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1;display:flex;align-items:center;justify-content:center}.scanlines .overlay:after{position:absolute;left:0;top:0;width:100%;height:100%;background-image:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/86186/crt.png);background-repeat:no-repeat;background-size:100% 100%;content:""}.scanlines .overlay:before{position:absolute;top:0;left:0;bottom:0;right:0;content:" ";background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);z-index:2;background-size:100% 2px,3px 100%;pointer-events:none}.picture{height:100%;width:100%;z-index:-1;transform:scale(0);background:transparent linear-gradient(to bottom,#85908c,#323431) repeat scroll 0 0}.text{color:#0f0;opacity:1;filter:blur(.5px);font-family:Sys,Terminal,VT323,monospace;font-size:clamp(1.5rem,4vw,2.5rem);position:absolute;text-shadow:0 0 3px lime;width:100%;text-align:center;text-transform:uppercase;z-index:3;left:5%;top:10%}.video-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;overflow:hidden;border-radius:20px;pointer-events:none}.youtube-container{position:relative;width:100%;height:100%;overflow:hidden;background-color:#121010;z-index:1}@keyframes shimmer{0%{transform:scaleY(.8) translateZ(0);filter:brightness(4) saturate(1.3) contrast(1.2);opacity:1}3.5%{transform:scaleY(.8) translate3d(0,100%,0)}3.6%{transform:scaleY(.8) translate3d(0,-100%,0);opacity:1}9%{transform:scale(1.3,.6) translate3d(0,100%,0);filter:brightness(4) saturate(1.3) contrast(1.2);opacity:.8}11%{transform:scale(1) translateZ(0);filter:contrast(1) brightness(1.2) saturate(1.3);opacity:.9}to{transform:scale(1) translateZ(0);filter:contrast(1.2) brightness(1.2) saturate(1.3);opacity:1}}.youtube-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#ff000003,#00ff0001,#0000ff03);z-index:9;opacity:.15;mix-blend-mode:screen;pointer-events:none}.vhs-degradation{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.2) 50%,transparent 100%),linear-gradient(to right,#ff000008,#00ff0005,#0000ff08);opacity:.7;z-index:8;pointer-events:none;animation:vhs-degradation 15s infinite alternate}@keyframes vhs-degradation{0%{transform:translateY(0);opacity:.7}10%{transform:translateY(1px);opacity:.7}20%{transform:translateY(0);opacity:.8}30%{transform:translateY(-1px);opacity:.7}40%{transform:translateY(0);opacity:.7}50%{transform:translateY(2px);opacity:.8}60%{transform:translateY(0);opacity:.7}70%{transform:translateY(-2px);opacity:.7}80%{transform:translateY(0);opacity:.8}90%{transform:translateY(1px);opacity:.7}to{transform:translateY(0);opacity:.7}}.youtube-container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#12101000 50%,#0000000d 50%);background-size:100% 6px;pointer-events:none;z-index:10;opacity:.2;animation:scanline-move 15s linear infinite}@keyframes scanline-move{0%{background-position:0 0}to{background-position:0 100%}}@keyframes vhs-flicker{0%{opacity:1}3%{opacity:.9}6%{opacity:1}7%{opacity:.9}8%{opacity:1}9%{opacity:.9}10%{opacity:1}to{opacity:1}}@keyframes vhs-jitter{0%{transform:translate(0)}30%{transform:translate(0)}31%{transform:translate(1px)}32%{transform:translate(0)}98%{transform:translate(0)}99%{transform:translate(-1px)}to{transform:translate(0)}}@keyframes vhs-warp{0%{transform:scale(1)}25%{transform:scale(1.01,.99)}50%{transform:scale(.99,1.01)}75%{transform:scale(1.01,.99)}to{transform:scale(1)}}.channel-info{color:#0f0;opacity:0;filter:blur(0px);font-family:Sys,Terminal,VT323,monospace;font-size:2.4vmin;left:5%;position:absolute;text-shadow:0 0 1px lime;top:10%;z-index:20;animation:fadeIn .5s forwards,jerkup .15s infinite,glitch 10s ease 2s infinite;transform-origin:center center;transform:scale(1);width:auto;max-width:90%}.channel-info span{filter:blur(1px);position:absolute}.channel-info span:nth-child(1){color:red;margin-left:-2px;filter:blur(2px)}.channel-info span:nth-child(2){color:#0f0;margin-left:2px;filter:blur(2px);animation:jerkup 1s infinite}.channel-info span:nth-child(3){color:#00f;position:20px 0;filter:blur(1px);animation:glitch1 1s infinite}.channel-info span:nth-child(4){color:#fff;filter:blur(1px);text-shadow:0 0 50px rgba(255,255,255,.4)}.channel-info span:nth-child(5){color:#ffffff1a;filter:blur(15px)}.channel-info span{animation:blur 30ms infinite,jerk 50ms infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.static-overlay{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.7;mix-blend-mode:normal;pointer-events:none;z-index:10;background:#121010;background-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><filter id="noise"><feTurbulence type="fractalNoise" baseFrequency="0.7" numOctaves="5" stitchTiles="stitch"/><feColorMatrix type="saturate" values="0"/></filter><rect width="100%" height="100%" filter="url(%23noise)"/></svg>');background-size:150px 150px}.menu-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;display:flex;align-items:center;justify-content:center;background-color:#00000080;outline:none;cursor:pointer;pointer-events:auto}.menu{opacity:1;background-color:#0069ff;box-sizing:border-box;font-family:Sys,Terminal,VT323,monospace;font-size:2vmin;height:auto;text-transform:uppercase;width:auto;min-width:300px;max-width:400px;text-shadow:1px 1px 0 #000000,-1px -1px 0 #000000,1px -1px 0 #000000,-1px 1px 0 #000000;filter:blur(.2px);color:#fff;animation:jerkup .3s infinite;pointer-events:auto;cursor:default;display:flex;flex-direction:column;align-items:center;padding-bottom:10px}.menu header{color:#e7e05c;margin-bottom:8px;padding:4px 12px;animation:glitch 5s ease 2s infinite;font-size:2vmin;white-space:nowrap;position:relative;width:120%;left:-10%;text-align:center}.menu ul{margin:0;padding:0;animation:glitch 5s ease 2s infinite;width:100%;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-around}.menu ul li{box-sizing:border-box;list-style:outside none none;padding:4px 8px;cursor:pointer;pointer-events:auto;font-size:1.7vmin;min-width:45%;margin:3px;text-align:center;filter:blur(0px);text-shadow:.5px .5px 0 #000000}.menu footer{background-color:#2afd72;margin-top:10px;padding:5px 15px;animation:glitch 5s ease 2s infinite}.menu footer .key span{background-color:#0069ff;border:6px solid #e7e05c;border-radius:6px;display:inline-block;height:34px;line-height:36px;padding-left:6px;padding-right:6px}.static-overlay:before{position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(transparent 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);z-index:2;background-size:100% 2px,3px 100%;pointer-events:none;content:""}@keyframes loadingStaticEffect{0%{opacity:1;filter:brightness(1.5)}80%{opacity:1;filter:brightness(1.5)}to{opacity:0;filter:brightness(1)}}.static-overlay.active{opacity:1;z-index:30;animation:staticEffect 3s forwards,flickerStatic .1s infinite alternate}.loading-static{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><filter id="noise"><feTurbulence type="fractalNoise" baseFrequency="0.7" numOctaves="5" stitchTiles="stitch"/><feColorMatrix type="saturate" values="0"/></filter><rect width="100%" height="100%" filter="url(%23noise)"/></svg>');background-size:150px 150px;opacity:.7;pointer-events:none;z-index:25;mix-blend-mode:normal;animation:loadingStaticEffect 5s forwards}.tracking-lines{position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 2px,rgba(255,255,255,.05) 3px,transparent 4px);opacity:0;pointer-events:none;z-index:25}.tracking-lines.active{animation:trackingEffect 1.5s}@keyframes staticEffect{0%{opacity:1;transform:scale(1.2);filter:brightness(2)}5%{opacity:.9;transform:scale(1.1);filter:brightness(1.8)}10%{opacity:1;transform:scale(1.15);filter:brightness(2)}15%{opacity:.8;transform:scale(1.05);filter:brightness(1.5)}20%{opacity:1;transform:scale(1.1);filter:brightness(2)}25%{opacity:.7;transform:scale(1);filter:brightness(1.3)}30%{opacity:.9;transform:scale(1.05);filter:brightness(1.8)}35%{opacity:.6;transform:scale(.95);filter:brightness(1.2)}40%{opacity:.8;transform:scale(1);filter:brightness(1.5)}45%{opacity:.5;transform:scale(.9);filter:brightness(1)}50%{opacity:.7;transform:scale(.95);filter:brightness(1.3)}55%{opacity:.4;transform:scale(.85);filter:brightness(.9)}60%{opacity:.6;transform:scale(.9);filter:brightness(1.1)}65%{opacity:.3;transform:scale(.8);filter:brightness(.8)}70%{opacity:.5;transform:scale(.85);filter:brightness(1)}75%{opacity:.2;transform:scale(.75);filter:brightness(.7)}80%{opacity:.4;transform:scale(.8);filter:brightness(.9)}85%{opacity:.1;transform:scale(.7);filter:brightness(.6)}90%{opacity:.2;transform:scale(.75);filter:brightness(.7)}95%{opacity:.1;transform:scale(.7);filter:brightness(.6)}to{opacity:0;transform:scale(.6);filter:brightness(.5)}}@keyframes trackingEffect{0%{opacity:0;transform:translateY(0)}10%{opacity:1;transform:translateY(20px)}20%{opacity:.8;transform:translateY(-10px)}30%{opacity:1;transform:translateY(15px)}40%{opacity:.8;transform:translateY(-5px)}50%{opacity:1;transform:translateY(10px)}60%{opacity:.8;transform:translateY(-10px)}70%{opacity:1;transform:translateY(5px)}80%{opacity:.8;transform:translateY(-5px)}90%{opacity:.5;transform:translateY(0)}to{opacity:0;transform:translateY(0)}}@keyframes slideIn{0%{right:-100%}to{right:20px}}@keyframes slideOut{0%{right:20px}to{right:-100%}}.text span{filter:blur(1px);position:absolute;left:0;right:0;text-align:center}.text span:nth-child(1){color:red;margin-left:-2px;filter:blur(2px)}.text span:nth-child(2){color:#0f0;margin-left:2px;filter:blur(2px)}.text span:nth-child(3){color:#00f;position:20px 0;filter:blur(1px)}.text span:nth-child(4){color:#fff;filter:blur(1px);text-shadow:0 0 50px rgba(255,255,255,.4)}.text span:nth-child(5){color:#ffffff1a;filter:blur(15px)}.menu{opacity:1;background-color:#0069ff;box-sizing:border-box;font-family:Sys;font-size:16px;height:auto;text-transform:uppercase;width:34%;text-shadow:1px 1px 0 #000000,-1px -1px 0 #000000,1px -1px 0 #000000,-1px 1px 0 #000000;filter:blur(1px);color:#fff;animation:jerkup .1s infinite;position:absolute;right:5%;bottom:10%;display:block}.menu header{color:#e7e05c;margin-bottom:10px;padding:5px 15px;animation:5s ease 2s normal none infinite running glitch}.menu ul{margin:0;padding:0;animation:5s ease 2s normal none infinite running glitch}.menu ul li{box-sizing:border-box;list-style:outside none none;padding:5px 15px}.menu ul li.active{background-color:#1af2ff}.menu ul li a{color:#fff;text-decoration:none}.menu footer{background-color:#2afd72;margin-top:10px;padding:5px 15px;animation:5s ease 2s normal none infinite running glitch}.menu footer:after{clear:both;content:" ";display:table}.menu footer .key{float:left;width:50%}.menu footer .key span{background-color:#0069ff;border:6px solid #e7e05c;border-radius:6px;display:inline-block;height:34px;line-height:36px;padding-left:6px}.menu footer .key:last-child{text-align:right}.text span{animation:blur 30ms infinite,jerk 50ms infinite}.text span:nth-child(2){animation:jerkup 1s infinite}.text span:nth-child(3){animation:glitch1 1s infinite}.text span:nth-child(2){animation:glitch2 1s infinite}.overlay .text{animation:5s ease 2s normal none infinite running glitch}.scanlines{animation:3s linear 0ms normal forwards 1 running on}@keyframes on{0%{transform:scaleY(.8) translateZ(0);filter:brightness(4);opacity:1}3.5%{transform:scaleY(.8) translate3d(0,100%,0)}3.6%{transform:scaleY(.8) translate3d(0,-100%,0);opacity:1}9%{transform:scale(1.3,.6) translate3d(0,100%,0);filter:brightness(4);opacity:0}11%{transform:scale(1) translateZ(0);filter:contrast(0) brightness(0);opacity:0}to{transform:scale(1) translateZ(0);filter:contrast(1) brightness(1.2) saturate(1.3);opacity:1}}.world-regions{width:100%;display:flex;flex-direction:column;align-items:center}.world-regions-placeholder{width:100%;height:285px;margin-top:10px;margin-bottom:10px}@keyframes vhs-scanlines{0%{background-position-y:0px}to{background-position-y:3px}}@keyframes vhs-noise{0%{opacity:.95;transform:translateY(0) translate(0)}10%{opacity:.9;transform:translateY(-1px) translate(1px)}20%{opacity:.85;transform:translateY(1px) translate(-1px)}30%{opacity:.92;transform:translateY(0) translate(1px)}40%{opacity:.88;transform:translateY(1px) translate(0)}50%{opacity:.93;transform:translateY(-1px) translate(-1px)}60%{opacity:.87;transform:translateY(0) translate(-1px)}70%{opacity:.91;transform:translateY(-1px) translate(1px)}80%{opacity:.86;transform:translateY(1px) translate(0)}90%{opacity:.94;transform:translateY(0) translate(1px)}to{opacity:.9;transform:translateY(-1px) translate(0)}}@keyframes vhs-static-move{0%{background-position:0 0,0 0}to{background-position:8px 8px,-8px -8px}}@keyframes vhs-flicker{0%,to{opacity:1}25%{opacity:.96}50%{opacity:.92}75%{opacity:.98}}@media (max-width: 1200px){.genre-button,.region-button{font-size:.75rem;padding:6px 2px}.section-title{font-size:1.3rem}.region-title{font-size:1.1rem}}@media (max-width: 900px){.genre-selector-container{flex-direction:column;align-items:center}.section-container,.middle-section{width:100%;max-width:600px}}.led-indicator{position:absolute;top:5px;right:5px;width:8px;height:8px;border-radius:50%;background-color:#0f0;box-shadow:0 0 4px #0f0,0 0 6px #0f0;z-index:10;opacity:0;transition:opacity .2s ease}.led-active{opacity:1}.section-header{display:flex;flex-direction:row;align-items:center;gap:15px;margin-bottom:15px;justify-content:center}.led-display{display:flex;align-items:center;justify-content:center;padding:6px 10px;background-color:#000;border:1px solid #333;border-radius:4px;font-family:VT323,monospace;font-size:1.5rem;color:#0f0;text-shadow:0 0 5px #00ff00;box-shadow:inset 0 0 5px #00ff0080;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:auto;min-width:200px;max-width:60%;text-align:center}.led-display-label{color:#888;font-size:.8rem;margin-right:5px}.led-display-value{color:#0f0}.led-display-empty{color:#333;text-shadow:none}.nspire-button-wrapper{position:absolute;top:-70px;left:50%;transform:translate(-50%);z-index:1000;pointer-events:none;width:auto}.nspire-button{position:relative;background:#000000b3;border:none;border-radius:30px;padding:10px 25px;color:#0fc;font-family:Courier New,monospace;font-size:1.2rem;font-weight:700;text-transform:lowercase;letter-spacing:3px;cursor:pointer;overflow:visible;pointer-events:auto;transition:all .4s ease;box-shadow:0 0 20px #0fc6}.nspire-button-inner{position:relative;z-index:5;display:flex;align-items:center;justify-content:center}.nspire-text{position:relative;display:inline-block;background:linear-gradient(90deg,#0fc,#0cf,#0fc);background-size:200% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 8s linear infinite}.nspire-circuit-left,.nspire-circuit-right{position:absolute;height:2px;background:#0fc;top:50%;transform:translateY(-50%);z-index:1}.nspire-circuit-left{left:-50px;width:40px}.nspire-circuit-right{right:-50px;width:40px}.nspire-circuit-left:before,.nspire-circuit-right:before,.nspire-circuit-left:after,.nspire-circuit-right:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:#0fc;top:50%;transform:translateY(-50%)}.nspire-circuit-left:before{left:0}.nspire-circuit-left:after{left:25px}.nspire-circuit-right:before{right:0}.nspire-circuit-right:after{right:25px}.nspire-pulse{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:30px;z-index:0;opacity:0;box-shadow:0 0 #0fc0;animation:pulse 2s infinite}.nspire-button:hover{background:#001414e6;box-shadow:0 0 30px #00ffccb3;transform:translateY(-2px)}.nspire-button:hover .nspire-circuit-left,.nspire-button:hover .nspire-circuit-right{background:#0ff;box-shadow:0 0 10px #00ffffb3}.nspire-button:hover .nspire-circuit-left:before,.nspire-button:hover .nspire-circuit-right:before,.nspire-button:hover .nspire-circuit-left:after,.nspire-button:hover .nspire-circuit-right:after{background:#0ff;box-shadow:0 0 10px #00ffffb3}.nspire-button:hover .nspire-pulse{opacity:1}.nspire-button:active{transform:translateY(1px);box-shadow:0 0 15px #00ffcc80}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes pulse{0%{box-shadow:0 0 #00ffccb3;opacity:1}70%{box-shadow:0 0 0 15px #0fc0;opacity:0}to{box-shadow:0 0 #0fc0;opacity:0}}.shader-effect-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;pointer-events:none;opacity:0;transition:opacity .3s ease;-webkit-backdrop-filter:hue-rotate(15deg) contrast(1.2);backdrop-filter:hue-rotate(15deg) contrast(1.2)}.glitch-effect{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.glitch-1,.glitch-2,.glitch-3,.glitch-4{position:absolute;top:0;left:0;width:100%;height:100%;background:#0003;mix-blend-mode:overlay}.color-shift{animation:colorShift .5s infinite alternate}@keyframes colorShift{0%{filter:hue-rotate(0deg) saturate(1)}25%{filter:hue-rotate(45deg) saturate(1.5)}50%{filter:hue-rotate(90deg) saturate(1.2)}75%{filter:hue-rotate(180deg) saturate(1.7)}to{filter:hue-rotate(270deg) saturate(1.3)}}.glitch-1{background:linear-gradient(90deg,transparent 5%,rgba(0,255,255,.2) 10%,transparent 15%);animation:glitch1 2s infinite linear alternate-reverse;transform:skew(45deg)}.glitch-2{background:linear-gradient(180deg,transparent 5%,rgba(255,0,255,.2) 10%,transparent 15%);animation:glitch2 3s infinite linear alternate-reverse;transform:skewY(-45deg)}.glitch-3{background:radial-gradient(circle,rgba(0,0,0,.1) 10%,transparent 15%,rgba(0,0,0,.1) 20%);background-size:100px 100px;animation:glitch3 10s infinite linear}.glitch-4{background:repeating-linear-gradient(45deg,#ff00001a,#ff00001a 10px,#0000ff1a 10px,#0000ff1a 20px);mix-blend-mode:difference;animation:glitch4 .5s steps(1) infinite;opacity:.3}@keyframes glitch4{0%{transform:translate(0)}10%{transform:translate(-5px,5px)}20%{transform:translate(5px,-5px)}30%{transform:translate(3px,3px)}40%{transform:translate(-3px,-3px)}50%{transform:translateY(5px)}60%{transform:translate(5px)}70%{transform:translate(-5px)}80%{transform:translateY(-5px)}90%{transform:translate(2px,-2px)}to{transform:translate(-2px,2px)}}@keyframes glitch1{0%{background-position:0 0;filter:hue-rotate(0deg)}to{background-position:100vw 0;filter:hue-rotate(360deg)}}@keyframes glitch2{0%{background-position:0 0;filter:hue-rotate(180deg)}to{background-position:0 100vh;filter:hue-rotate(0deg)}}@keyframes glitch3{0%{background-position:0 0;opacity:.5}50%{opacity:.7}to{background-position:100px 100px;opacity:.5}}.shader-effect-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15),rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px);pointer-events:none;animation:scanline 10s infinite linear;z-index:1}.shader-effect-container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,transparent 30%,rgba(255,0,255,.1) 70%,rgba(0,255,255,.2) 100%);mix-blend-mode:screen;pointer-events:none;animation:pulse 5s infinite alternate;z-index:2}@keyframes scanline{0%{background-position:0 0}to{background-position:0 100vh}}@keyframes pulse{0%{opacity:.3;transform:scale(1)}to{opacity:.7;transform:scale(1.05)}}.shake-hard{animation:shake-hard .5s cubic-bezier(.36,.07,.19,.97) both;transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.shake-little{animation:shake-little .5s cubic-bezier(.36,.07,.19,.97) both;transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.shake-horizontal{animation:shake-horizontal .5s cubic-bezier(.36,.07,.19,.97) both;transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.shake-vertical{animation:shake-vertical .5s cubic-bezier(.36,.07,.19,.97) both;transform:translateZ(0);backface-visibility:hidden;perspective:1000px}@keyframes shake-hard{10%,90%{transform:translate3d(-10px,0,0)}20%,80%{transform:translate3d(10px,-10px,0)}30%,50%,70%{transform:translate3d(-10px,10px,0)}40%,60%{transform:translate3d(10px,0,0)}}@keyframes shake-little{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,-2px,0)}30%,50%,70%{transform:translate3d(-2px,2px,0)}40%,60%{transform:translate3d(1px,0,0)}}@keyframes shake-horizontal{10%,90%{transform:translate3d(-5px,0,0)}20%,80%{transform:translate3d(5px,0,0)}30%,50%,70%{transform:translate3d(-3px,0,0)}40%,60%{transform:translate3d(3px,0,0)}}@keyframes shake-vertical{10%,90%{transform:translate3d(0,-5px,0)}20%,80%{transform:translate3d(0,5px,0)}30%,50%,70%{transform:translate3d(0,-3px,0)}40%,60%{transform:translate3d(0,3px,0)}}button:active,div[role=button]:active,span[role=button]:active,.button:active,.btn:active{transform:scale(.95)!important;transition:transform .1s ease!important;position:relative;z-index:2}.mute-button:active,button[data-control=mute]:active,button[data-type=mute]:active,button:active[class*=mute],div[role=button]:active[class*=mute],span:active[class*=mute],.mute:active,[aria-label*=mute i]:active,[title*=mute i]:active{background-color:#ff3232b3!important;box-shadow:inset 0 0 5px #00000080!important}.new-button:active,button[data-control=new]:active,button[data-type=new]:active,button:active[class*=new],div[role=button]:active[class*=new],span:active[class*=new],.new:active,[aria-label*=new i]:active,[title*=new i]:active{background-color:#32ff32b3!important;box-shadow:inset 0 0 5px #00000080!important}.genre-button:active,.region-button:active,.control-button:active{transform:translateY(4px) scale(.95)!important;box-shadow:0 0 2px #000c,inset 0 0 10px #000c!important;transition:all .1s ease!important;filter:brightness(1.2)!important}@keyframes button-flash{0%{opacity:.8}50%{opacity:1}to{opacity:.8}}button:active:before,div[role=button]:active:before,span[role=button]:active:before,.button:active:before,.btn:active:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffff4d;border-radius:inherit;animation:button-flash .2s ease;pointer-events:none;z-index:-1}.track-controls button:active,.mixer-controls button:active,.fader-container button:active,[class*=track] button:active,[class*=mixer] button:active,[class*=control] button:active{transform:scale(.9)!important;box-shadow:inset 0 0 8px #000000b3!important;border-color:#ffffff80!important}@media (hover: none){button:active,div[role=button]:active,span[role=button]:active{transform:scale(.9)!important}button:active:before,div[role=button]:active:before,span[role=button]:active:before{background:#fff6}.mute-button:active,button[data-control=mute]:active,button[data-type=mute]:active,button:active[class*=mute],div[role=button]:active[class*=mute],span:active[class*=mute]{background-color:#f00c!important}}.menu-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0006;z-index:100;display:flex;justify-content:center;align-items:center}.menu{background-color:#121212cc;border:2px solid #444;border-radius:8px;width:80%;max-width:400px;overflow:hidden;box-shadow:0 0 15px #00640066}.menu header{background-color:#222222d9;color:#90ee90;padding:10px 15px;font-size:1.2rem;text-align:center;border-bottom:1px solid #444;font-family:VT323,monospace;text-shadow:0 0 5px rgba(0,255,0,.5)}.menu ul{list-style:none;padding:0;margin:0;max-height:300px;overflow-y:auto}.menu li{color:#fff;border-bottom:1px solid #333;cursor:pointer;transition:all .2s ease;text-align:left;font-family:Arial,sans-serif;padding:10px 15px 10px 18px}.menu li:hover{background-color:#2a2a2ad9;color:#fff;border-left:3px solid #555}.menu li.active{background-color:#90ee90;color:#000;font-weight:700;border-left:3px solid #90ee90}.menu ul::-webkit-scrollbar{width:8px}.menu ul::-webkit-scrollbar-track{background:#222}.menu ul::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.menu ul::-webkit-scrollbar-thumb:hover{background:#555}@font-face{src:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/86186/terminal_copy.ttf);font-family:Terminal}@font-face{src:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/86186/sys.ttf) format("truetype");font-family:Sys}.crt-tv{position:relative;width:100%;height:100%;min-height:600px;background:linear-gradient(145deg,#2a2a2a,#1a1a1a);border:8px solid #333;border-radius:25px;box-shadow:inset 0 0 20px #000c,0 0 30px #0ff3,0 10px 20px #00000080;overflow:hidden}.crt-tv .screen{position:relative;width:100%;height:100%;border-radius:15px;overflow:hidden;background:#121010}.crt-tv .screen:before{background:transparent linear-gradient(to bottom,#85908c,#323431) repeat scroll 0 0;content:"";position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0);width:100%;height:100%;z-index:-1;border-radius:15px}.crt-display-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#0f0;font-family:Courier New,monospace;font-size:.9rem;font-weight:700;text-shadow:0 0 10px #00ff00;z-index:15;pointer-events:none}.crt-tv.scanlines .overlay{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1;display:flex;align-items:center;justify-content:center}.crt-tv.scanlines .overlay:after{position:absolute;left:0;top:0;width:100%;height:100%;background-image:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/86186/crt.png);background-repeat:no-repeat;background-size:100% 100%;content:"";pointer-events:none}.crt-tv.scanlines .overlay:before{position:absolute;top:0;left:0;bottom:0;right:0;content:" ";background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);z-index:2;background-size:100% 2px,3px 100%;pointer-events:none}.crt-tv .picture{height:100%;overflow:hidden;width:100%;z-index:-1;transform:scale(0);background:transparent linear-gradient(to bottom,#85908c,#323431) repeat scroll 0 0}.crt-tv .content-area{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;border-radius:15px;overflow:hidden;background:transparent}@media only screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2){.crt-tv .content-area{left:25%;width:75%}}.crt-tv .text{color:#0f0;opacity:0;filter:blur(.5px);font-family:Sys,Terminal,VT323,monospace;font-size:clamp(1.5rem,4vw,2.5rem);left:5%;position:absolute;text-shadow:0 0 3px lime;top:10%;width:100%;text-align:center;text-transform:uppercase;z-index:35}.crt-tv .text.transport-text{font-size:clamp(.9rem,2.5vw,1.4rem)}.crt-tv.on .text{opacity:1;transition:opacity 10ms ease 2s}.crt-tv.on .picture{animation:3s linear 0ms normal forwards 1 running tv-on}.crt-tv.off .picture{animation:.75s cubic-bezier(.23,1,.32,1) 0ms normal forwards 1 running tv-off}@keyframes tv-on{0%{transform:scaleY(.8) translateZ(0);filter:brightness(4);opacity:1}3.5%{transform:scaleY(.8) translate3d(0,100%,0)}3.6%{transform:scaleY(.8) translate3d(0,-100%,0);opacity:1}9%{transform:scale(1.3,.6) translate3d(0,100%,0);filter:brightness(4);opacity:0}11%{transform:scale(1) translateZ(0);filter:contrast(0) brightness(0);opacity:0}to{transform:scale(1) translateZ(0);filter:contrast(1) brightness(1.2) saturate(1.3);opacity:1}}@keyframes tv-off{0%{transform:scale(1);filter:brightness(1)}40%{transform:scaleY(.005);filter:brightness(100)}70%{transform:scaleY(.005)}90%{transform:scale(.005)}to{transform:scale(0)}}.crt-tv .text span{filter:blur(1px);position:absolute}.crt-tv .text span:nth-child(1){color:red;margin-left:-2px;filter:blur(2px)}.crt-tv .text span:nth-child(2){color:#0f0;margin-left:2px;filter:blur(2px)}.crt-tv .text span:nth-child(3){color:#00f;filter:blur(1px)}.crt-tv .text span:nth-child(4){color:#fff;filter:blur(1px);text-shadow:0 0 50px rgba(255,255,255,.4)}.crt-tv .text span:nth-child(5){color:#ffffff1a;filter:blur(15px)}.crt-tv .text span{animation:blur 30ms infinite,jerk 50ms infinite}@keyframes blur{0%{filter:blur(1px);opacity:.8}50%{filter:blur(1px);opacity:1}to{filter:blur(1px);opacity:.8}}@keyframes jerk{50%{transform:translate(1px)}51%{transform:translate(0)}}@keyframes jerkup{0%{transform:translateY(1px)}to{transform:translateY(0)}}.crt-tv .text span:nth-child(2){animation:jerkup 1s infinite}.crt-tv .text span:nth-child(3){animation:glitch1 1s infinite}@keyframes glitch1{0%{transform:translate(0)}30%{transform:translate(0)}31%{transform:translate(10px)}32%{transform:translate(0)}98%{transform:translate(0)}to{transform:translate(10px)}}.crt-tv .text span:nth-child(2){animation:glitch2 1s infinite}@keyframes glitch2{0%{transform:translate(0)}30%{transform:translate(0)}31%{transform:translate(-10px)}32%{transform:translate(0)}98%{transform:translate(0)}to{transform:translate(-10px)}}.crt-tv.on .overlay .text{animation:5s ease 2s normal none infinite running glitch}.static-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#121010;background-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><filter id="noise"><feTurbulence type="fractalNoise" baseFrequency="0.7" numOctaves="5" stitchTiles="stitch"/><feColorMatrix type="saturate" values="0"/></filter><rect width="100%" height="100%" filter="url(%23noise)"/></svg>');background-size:150px 150px;z-index:10;opacity:0;pointer-events:none}.static-overlay.active{opacity:.8;animation:staticNoise .1s infinite alternate}@keyframes staticNoise{0%{background-position:0 0;opacity:.8}to{background-position:8px 8px;opacity:.9}}@keyframes glitch{40%{opacity:1;transform:scale(1);transform:skew(0)}41%{opacity:.8;transform:scaleY(1.2);transform:skew(80deg)}42%{opacity:.8;transform:scaleY(1.2);transform:skew(-50deg)}43%{opacity:1;transform:scale(1);transform:skew(0)}}.circular-key-menu{display:flex;align-items:center;justify-content:center;width:100%;margin-top:5px;z-index:50;height:2.2em;position:relative}.circular-key-menu .items-wrapper{position:fixed;top:calc(50% - 70px);left:50%;transform:translate(-50%);pointer-events:none;opacity:0;transition:opacity .15s ease-out;will-change:opacity;width:auto;height:auto;overflow:visible;z-index:51}.circular-key-menu.active .items-wrapper{pointer-events:auto;opacity:1;width:auto;height:auto}.circular-key-menu-label{font-size:12px;color:#fa5;margin-right:8px;text-shadow:0 0 5px rgba(255,170,85,.5);font-weight:700;text-transform:uppercase;letter-spacing:1px}.circular-key-menu .floating-btn{display:block;width:2.2em;height:2.2em;border-radius:50%;background-color:#1b1b1b;color:#fff;text-align:center;line-height:2.2em;cursor:pointer;outline:0;box-shadow:0 0 12px #00aaffb3;border:1px solid rgba(0,170,255,.5);transition:all .2s;font-weight:700;font-size:12px}.circular-key-menu .floating-btn:hover{background-color:#2a2a2a;box-shadow:0 0 18px #00c8ffe6;transform:scale(1.05)}.circular-key-menu .floating-btn:active{background-color:#333;box-shadow:0 0 25px #00c8ff;transform:scale(.98)}.circular-key-menu.active .floating-btn{background-color:#333}.circular-key-menu .items-wrapper{padding:0;margin:0}.circular-key-menu .menu-item{position:absolute;top:.2em;right:.2em;z-index:52;text-transform:uppercase;pointer-events:auto;display:block;text-decoration:none;color:#fff;font-size:1.1em;width:2.6em;height:2.6em;border-radius:50%;text-align:center;line-height:2.6em;background-color:#1b1b1b;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 0 12px #00aaffb3;border:1px solid rgba(0,170,255,.5);font-weight:700}.circular-key-menu .menu-item:hover{background-color:#2a2a2a;box-shadow:0 0 18px #00c8ffe6;transform:scale(1.15) translateZ(0);z-index:10;border-color:#00c8ffb3}.circular-key-menu .menu-item:active{background-color:#333;box-shadow:0 0 25px #00c8ff;transform:scale(1.1) translateZ(0);z-index:10;border-color:#00c8ffe6}.circular-key-menu.active .menu-item{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}.circular-key-menu.active .menu-item:nth-child(1){transform:translate3d(0,-5em,0)}.circular-key-menu.active .menu-item:nth-child(2){transform:translate3d(-2.5em,-4.3em,0)}.circular-key-menu.active .menu-item:nth-child(3){transform:translate3d(-4.3em,-2.5em,0)}.circular-key-menu.active .menu-item:nth-child(4){transform:translate3d(-5em,0,0)}.circular-key-menu.active .menu-item:nth-child(5){transform:translate3d(-4.3em,2.5em,0)}.circular-key-menu.active .menu-item:nth-child(6){transform:translate3d(-2.5em,4.3em,0)}.circular-key-menu.active .menu-item:nth-child(7){transform:translate3d(0,5em,0)}.circular-key-menu.active .menu-item:nth-child(8){transform:translate3d(2.5em,4.3em,0)}.circular-key-menu.active .menu-item:nth-child(9){transform:translate3d(4.3em,2.5em,0)}.circular-key-menu.active .menu-item:nth-child(10){transform:translate3d(5em,0,0)}.circular-key-menu.active .menu-item:nth-child(11){transform:translate3d(4.3em,-2.5em,0)}.circular-key-menu.active .menu-item:nth-child(12){transform:translate3d(2.5em,-4.3em,0)}.circular-key-menu .menu-item.selected{background-color:#1a4a6e;box-shadow:0 0 20px #00aaffe6;transform:scale(1.15) translateZ(0);z-index:15;border-color:#0af}.trash-container{display:flex;flex-direction:column;align-items:center}.trash-can{width:50px;height:60px;position:relative;cursor:default;transition:transform .2s ease-in-out}.trash-can.is-over{transform:scale(1.1)}.trash-can-lid{width:54px;height:8px;background-color:silver;border:1px solid #000;position:absolute;top:0;left:-2px;border-radius:4px 4px 0 0;z-index:2;transition:transform .3s ease}.trash-can-lid-handle{width:20px;height:4px;background-color:#a0a0a0;border:1px solid #000;border-radius:2px;position:absolute;top:-6px;left:50%;transform:translate(-50%)}.trash-can.is-over .trash-can-lid{transform:translateY(-8px) rotate(-30deg);transform-origin:left center}.trash-can-body{width:100%;height:52px;background-color:#d0d0d0;border:1px solid #000;position:absolute;bottom:0;clip-path:polygon(0% 0%,100% 0%,85% 100%,15% 100%);display:flex;justify-content:space-around;align-items:center;padding:0 5px;box-sizing:border-box}.trash-can-line{width:1px;height:80%;background-color:#a0a0a0;border-right:1px solid #f0f0f0}.trash-can-label{font-family:Chicago,Monaco,monospace;font-size:11px;color:#000;text-align:center;margin-top:4px}*{box-sizing:border-box}.recording-library-cover-score{width:100%;height:100%;overflow:hidden}.recording-library-cover-score .cover-score-wrapper{max-width:100%;width:100%;overflow:hidden;position:relative;top:0;left:0;height:100%}.recording-library-cover-score .cover-score{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;padding:24px;overflow:visible;justify-items:center;align-content:start;gap:24px}.recording-library-cover-score .cover-score .cover{align-self:end;position:relative}.recording-library-cover-score .cover-score .cover .cover-img{transform:perspective(1090px) rotateX(10deg);width:100%;height:100%;position:relative}.recording-library-cover-score .cover-score .cover .cover-img .img-fake{position:absolute;z-index:-1;top:-1px;left:0;width:calc(100% + 2px);height:calc(100% + 2px);background-size:cover;transform:translate(-1px) scaleY(.99);filter:brightness(.94) blur(.2px) saturate(.9);border-radius:inherit}.recording-library-cover-score .cover-score .cover .cover-img .plastic{position:absolute;top:0;left:0;width:calc(100% + 2px);height:calc(100% - 1px);background:url(https://pudding.cool/2021/10/judge-my-music/assets/images/plastic-small.jpg);background-size:contain;mix-blend-mode:difference;opacity:.35;z-index:4;pointer-events:none}.recording-library-cover-score .cover-score .cover .shelf{background:url(https://pudding.cool/2021/10/judge-my-music/assets/images/shelf-3.png);background-size:contain;background-repeat:no-repeat;position:absolute;bottom:0;z-index:3;transform:translate(calc((100% + 15px) * -.0516129032),65%);height:calc((100% + 15px) * .109677419);width:calc(100% + 15px);pointer-events:none}.recording-library-cover-score .cover-score .cover .shelf-shadow{width:calc(100% + 31px);height:13px;position:absolute;right:0;margin:0 auto;left:0;bottom:-1px;z-index:-1;transform:translate(-6px);display:none}.recording-library-cover-score .cd{background-image:url(https://accord.dk/cdn/shop/t/9/assets/cd.png?v=42367682729110643861600767949);width:120px;height:120px;position:absolute;z-index:-1;background-size:cover;top:0;left:50px;pointer-events:none}.recording-library-cover-score .image-card{width:100%;height:100%}.recording-library-cover-score .image-card,.recording-library-cover-score .image-card video{width:100%;height:100%;border-radius:inherit}.recording-library-cover-score .image-card video{-o-object-fit:cover;object-fit:cover;display:block}.mini-cassette{position:relative;border-radius:3px;background:#2b2b2f;border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 1px #ffffff14;overflow:hidden}.mini-cassette-window{position:absolute;left:18%;right:18%;top:18%;height:36%;border-radius:2px;border:1px solid rgba(0,0,0,.55);background:#00000040}.mini-cassette-holes{position:absolute;left:18%;right:18%;top:24%;display:flex;justify-content:space-between;align-items:center}.mini-cassette-holes span{display:block;border-radius:999px;background:#000000a6;box-shadow:inset 0 1px #ffffff1f}.mini-cassette-bar{position:absolute;left:10%;right:10%;bottom:18%;height:2px;background:#ffffff38}@media (max-width: 985px){.recording-library-cover-score .cover-score{gap:20px 10px}}@media (max-width: 885px){.recording-library-cover-score .cover-score{gap:20px 10px;grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width: 720px){.recording-library-cover-score .cover-score{gap:20px 10px;grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 540px){.recording-library-cover-score .cover-score{gap:20px 10px;grid-template-columns:repeat(3,minmax(0,1fr))}.recording-library-cover-score .cover{width:100px!important}.recording-library-cover-score .cover-img.cover-img-active{height:100px!important}.recording-library-cover-score .cd{width:100px;height:100px;left:44px}}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}:root{--background: 0 0% 100%;--foreground: 222.2 84% 4.9%;--card: 0 0% 100%;--card-foreground: 222.2 84% 4.9%;--popover: 0 0% 100%;--popover-foreground: 222.2 84% 4.9%;--primary: 221.2 83.2% 53.3%;--primary-foreground: 210 40% 98%;--secondary: 210 40% 96.1%;--secondary-foreground: 222.2 47.4% 11.2%;--muted: 210 40% 96.1%;--muted-foreground: 215.4 16.3% 46.9%;--accent: 210 40% 96.1%;--accent-foreground: 222.2 47.4% 11.2%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 210 40% 98%;--border: 214.3 31.8% 91.4%;--input: 214.3 31.8% 91.4%;--ring: 221.2 83.2% 53.3%;--radius: .5rem}.dark{--background: 222.2 84% 4.9%;--foreground: 210 40% 98%;--card: 222.2 84% 4.9%;--card-foreground: 210 40% 98%;--popover: 222.2 84% 4.9%;--popover-foreground: 210 40% 98%;--primary: 217.2 91.2% 59.8%;--primary-foreground: 222.2 47.4% 11.2%;--secondary: 217.2 32.6% 17.5%;--secondary-foreground: 210 40% 98%;--muted: 217.2 32.6% 17.5%;--muted-foreground: 215 20.2% 65.1%;--accent: 217.2 32.6% 17.5%;--accent-foreground: 210 40% 98%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 210 40% 98%;--border: 217.2 32.6% 17.5%;--input: 217.2 32.6% 17.5%;--ring: 224.3 76.3% 48%}body{background-color:hsl(var(--background));color:hsl(var(--foreground));-webkit-user-select:none;-moz-user-select:none;user-select:none}*{border-color:hsl(var(--border))}body{background-color:hsl(var(--background));font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";color:hsl(var(--foreground));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input[type=range][class*=vertical-range]{writing-mode:vertical-lr;direction:rtl;writing-mode:bt-lr}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.\!container{width:100%!important}.container{width:100%}@media (min-width: 640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width: 768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width: 1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width: 1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width: 1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.\!visible{visibility:visible!important}.visible{visibility:visible}.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.inset-x-0{left:0;right:0}.inset-y-0{top:0;bottom:0}.-bottom-12{bottom:-3rem}.-left-12{left:-3rem}.-right-1{right:-.25rem}.-right-12{right:-3rem}.-top-0{top:-0px}.-top-0\.5{top:-.125rem}.-top-1{top:-.25rem}.-top-12{top:-3rem}.bottom-0{bottom:0}.bottom-1{bottom:.25rem}.bottom-1\/4{bottom:25%}.bottom-16{bottom:4rem}.bottom-2{bottom:.5rem}.bottom-24{bottom:6rem}.bottom-4{bottom:1rem}.left-0{left:0}.left-1{left:.25rem}.left-1\.5{left:.375rem}.left-1\/2{left:50%}.left-2{left:.5rem}.left-24{left:6rem}.left-3{left:.75rem}.left-4{left:1rem}.left-5{left:1.25rem}.left-\[14\%\]{left:14%}.left-\[2\%\]{left:2%}.left-\[27\%\]{left:27%}.left-\[50\%\]{left:50%}.left-full{left:100%}.right-0{right:0}.right-1{right:.25rem}.right-2{right:.5rem}.right-3{right:.75rem}.right-32{right:8rem}.right-4{right:1rem}.right-5{right:1.25rem}.right-6{right:1.5rem}.right-96{right:24rem}.right-\[0px\]{right:0}.right-\[30px\]{right:30px}.right-\[60\%\]{right:60%}.right-auto{right:auto}.top-0{top:0}.top-1{top:.25rem}.top-1\.5{top:.375rem}.top-1\/2{top:50%}.top-1\/4{top:25%}.top-12{top:3rem}.top-2{top:.5rem}.top-2\.5{top:.625rem}.top-20{top:5rem}.top-3{top:.75rem}.top-3\.5{top:.875rem}.top-4{top:1rem}.top-5{top:1.25rem}.top-6{top:1.5rem}.top-60{top:15rem}.top-8{top:2rem}.top-\[110px\]{top:110px}.top-\[14px\]{top:14px}.top-\[1px\]{top:1px}.top-\[280px\]{top:280px}.top-\[50\%\]{top:50%}.top-\[60\%\]{top:60%}.top-full{top:100%}.isolate{isolation:isolate}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[10001\]{z-index:10001}.z-\[10002\]{z-index:10002}.z-\[1000\]{z-index:1000}.z-\[1001\]{z-index:1001}.z-\[1002\]{z-index:1002}.z-\[100\]{z-index:100}.z-\[1\]{z-index:1}.z-\[2000\]{z-index:2000}.z-\[7000\]{z-index:7000}.z-\[9999\]{z-index:9999}.order-1{order:1}.order-2{order:2}.col-span-1{grid-column:span 1 / span 1}.col-span-2{grid-column:span 2 / span 2}.col-span-3{grid-column:span 3 / span 3}.col-span-5{grid-column:span 5 / span 5}.col-span-6{grid-column:span 6 / span 6}.col-span-8{grid-column:span 8 / span 8}.col-span-9{grid-column:span 9 / span 9}.m-0{margin:0}.m-px{margin:1px}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-3{margin-left:.75rem;margin-right:.75rem}.mx-3\.5{margin-left:.875rem;margin-right:.875rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.my-0{margin-top:0;margin-bottom:0}.my-0\.5{margin-top:.125rem;margin-bottom:.125rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-10{margin-top:2.5rem;margin-bottom:2.5rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.-ml-3{margin-left:-.75rem}.-ml-4{margin-left:-1rem}.-mt-2{margin-top:-.5rem}.-mt-4{margin-top:-1rem}.mb-0{margin-bottom:0}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-8{margin-left:2rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mr-auto{margin-right:auto}.mt-0{margin-top:0}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-24{margin-top:6rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.aspect-square{aspect-ratio:1 / 1}.aspect-video{aspect-ratio:16 / 9}.size-4{width:1rem;height:1rem}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-20{height:5rem}.h-24{height:6rem}.h-28{height:7rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-3\/4{height:75%}.h-32{height:8rem}.h-36{height:9rem}.h-4{height:1rem}.h-40{height:10rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-80{height:20rem}.h-9{height:2.25rem}.h-96{height:24rem}.h-\[10\%\]{height:10%}.h-\[100dvh\]{height:100dvh}.h-\[1px\]{height:1px}.h-\[250px\]{height:250px}.h-\[2px\]{height:2px}.h-\[300px\]{height:300px}.h-\[5\%\]{height:5%}.h-\[600px\]{height:600px}.h-\[80px\]{height:80px}.h-\[var\(--radix-navigation-menu-viewport-height\)\]{height:var(--radix-navigation-menu-viewport-height)}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.h-svh{height:100svh}.max-h-24{max-height:6rem}.max-h-32{max-height:8rem}.max-h-64{max-height:16rem}.max-h-\[--radix-context-menu-content-available-height\]{max-height:var(--radix-context-menu-content-available-height)}.max-h-\[--radix-select-content-available-height\]{max-height:var(--radix-select-content-available-height)}.max-h-\[300px\]{max-height:300px}.max-h-\[80vh\]{max-height:80vh}.max-h-\[84vh\]{max-height:84vh}.max-h-\[90vh\]{max-height:90vh}.max-h-\[var\(--radix-dropdown-menu-content-available-height\)\]{max-height:var(--radix-dropdown-menu-content-available-height)}.max-h-screen{max-height:100vh}.min-h-0{min-height:0px}.min-h-\[100dvh\]{min-height:100dvh}.min-h-\[200px\]{min-height:200px}.min-h-\[44px\]{min-height:44px}.min-h-\[80px\]{min-height:80px}.min-h-screen{min-height:100vh}.min-h-svh{min-height:100svh}.w-0{width:0px}.w-0\.5{width:.125rem}.w-1{width:.25rem}.w-1\.5{width:.375rem}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-20{width:5rem}.w-24{width:6rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-3\/4{width:75%}.w-32{width:8rem}.w-4{width:1rem}.w-40{width:10rem}.w-44{width:11rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-52{width:13rem}.w-56{width:14rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-8{width:2rem}.w-80{width:20rem}.w-9{width:2.25rem}.w-96{width:24rem}.w-\[--sidebar-width\]{width:var(--sidebar-width)}.w-\[100px\]{width:100px}.w-\[15\%\]{width:15%}.w-\[170px\]{width:170px}.w-\[1px\]{width:1px}.w-\[28px\]{width:28px}.w-\[30\%\]{width:30%}.w-\[31\%\]{width:31%}.w-\[72px\]{width:72px}.w-\[800px\]{width:800px}.w-\[85\%\]{width:85%}.w-\[calc\(100\%-30px\)\]{width:calc(100% - 30px)}.w-\[calc\(100\%-50px\)\]{width:calc(100% - 50px)}.w-\[calc\(100\%-55px\)\]{width:calc(100% - 55px)}.w-auto{width:auto}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.w-px{width:1px}.w-screen{width:100vw}.min-w-0{min-width:0px}.min-w-10{min-width:2.5rem}.min-w-11{min-width:2.75rem}.min-w-5{min-width:1.25rem}.min-w-9{min-width:2.25rem}.min-w-\[120px\]{min-width:120px}.min-w-\[12rem\]{min-width:12rem}.min-w-\[30\%\]{min-width:30%}.min-w-\[30px\]{min-width:30px}.min-w-\[44px\]{min-width:44px}.min-w-\[70px\]{min-width:70px}.min-w-\[8rem\]{min-width:8rem}.min-w-\[95px\]{min-width:95px}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.min-w-full{min-width:100%}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-48{max-width:12rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-\[--skeleton-width\]{max-width:var(--skeleton-width)}.max-w-\[115px\]{max-width:115px}.max-w-\[140px\]{max-width:140px}.max-w-\[208px\]{max-width:208px}.max-w-\[30\%\]{max-width:30%}.max-w-\[400px\]{max-width:400px}.max-w-\[52\%\]{max-width:52%}.max-w-\[84px\]{max-width:84px}.max-w-\[85\%\]{max-width:85%}.max-w-\[95px\]{max-width:95px}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-max{max-width:-moz-max-content;max-width:max-content}.max-w-md{max-width:28rem}.max-w-none{max-width:none}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.flex-\[2\]{flex:2}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.flex-grow-\[1\.25\]{flex-grow:1.25}.flex-grow-\[1\.5\]{flex-grow:1.5}.grow{flex-grow:1}.grow-0{flex-grow:0}.basis-full{flex-basis:100%}.caption-bottom{caption-side:bottom}.border-collapse{border-collapse:collapse}.origin-\[--radix-context-menu-content-transform-origin\]{transform-origin:var(--radix-context-menu-content-transform-origin)}.origin-\[--radix-dropdown-menu-content-transform-origin\]{transform-origin:var(--radix-dropdown-menu-content-transform-origin)}.origin-\[--radix-hover-card-content-transform-origin\]{transform-origin:var(--radix-hover-card-content-transform-origin)}.origin-\[--radix-menubar-content-transform-origin\]{transform-origin:var(--radix-menubar-content-transform-origin)}.origin-\[--radix-popover-content-transform-origin\]{transform-origin:var(--radix-popover-content-transform-origin)}.origin-\[--radix-select-content-transform-origin\]{transform-origin:var(--radix-select-content-transform-origin)}.origin-\[--radix-tooltip-content-transform-origin\]{transform-origin:var(--radix-tooltip-content-transform-origin)}.origin-left{transform-origin:left}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-px{--tw-translate-x: -1px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0\.5{--tw-translate-x: .125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-4{--tw-translate-x: 1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-6{--tw-translate-x: 1.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\[-50\%\]{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-px{--tw-translate-x: 1px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0\.5{--tw-translate-y: .125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[-50\%\]{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-45{--tw-rotate: -45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate: 45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-110{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes marquee{0%{transform:translate(100%)}to{transform:translate(-100%)}}.animate-marquee{animation:marquee 15s linear infinite}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.touch-manipulation{touch-action:manipulation}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.resize{resize:both}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0px}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-10>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2.5rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.space-y-px>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1px * var(--tw-space-y-reverse))}.space-y-reverse>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 1}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-gray-200>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(229 231 235 / var(--tw-divide-opacity))}.divide-gray-800>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(31 41 55 / var(--tw-divide-opacity))}.self-stretch{align-self:stretch}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overscroll-contain{overscroll-behavior:contain}.overscroll-none{overscroll-behavior:none}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-\[2px\]{border-radius:2px}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:.75rem}.rounded-b-lg{border-bottom-right-radius:var(--radius);border-bottom-left-radius:var(--radius)}.rounded-b-md{border-bottom-right-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.rounded-l{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-l-md{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.rounded-r-md{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.rounded-t-\[10px\]{border-top-left-radius:10px;border-top-right-radius:10px}.rounded-t-md{border-top-left-radius:calc(var(--radius) - 2px);border-top-right-radius:calc(var(--radius) - 2px)}.rounded-tl-sm{border-top-left-radius:calc(var(--radius) - 4px)}.border{border-width:1px}.border-0{border-width:0px}.border-2{border-width:2px}.border-\[1\.5px\]{border-width:1.5px}.border-y{border-top-width:1px;border-bottom-width:1px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-l-4{border-left-width:4px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-t-2{border-top-width:2px}.border-dashed{border-style:dashed}.border-\[\#00FF00\],.border-\[\#00ff00\]{--tw-border-opacity: 1;border-color:rgb(0 255 0 / var(--tw-border-opacity))}.border-\[\#00ff00\]\/30{border-color:#00ff004d}.border-\[\#166534\]{--tw-border-opacity: 1;border-color:rgb(22 101 52 / var(--tw-border-opacity))}.border-\[\#1f1f1f\]{--tw-border-opacity: 1;border-color:rgb(31 31 31 / var(--tw-border-opacity))}.border-\[\#222\]{--tw-border-opacity: 1;border-color:rgb(34 34 34 / var(--tw-border-opacity))}.border-\[\#2563eb\]{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity))}.border-\[\#262626\]{--tw-border-opacity: 1;border-color:rgb(38 38 38 / var(--tw-border-opacity))}.border-\[\#2a2a2a\]{--tw-border-opacity: 1;border-color:rgb(42 42 42 / var(--tw-border-opacity))}.border-\[\#333333\],.border-\[\#333\]{--tw-border-opacity: 1;border-color:rgb(51 51 51 / var(--tw-border-opacity))}.border-\[\#444444\]{--tw-border-opacity: 1;border-color:rgb(68 68 68 / var(--tw-border-opacity))}.border-\[\#4a3768\]{--tw-border-opacity: 1;border-color:rgb(74 55 104 / var(--tw-border-opacity))}.border-\[\#4a5568\]{--tw-border-opacity: 1;border-color:rgb(74 85 104 / var(--tw-border-opacity))}.border-\[\#555555\]{--tw-border-opacity: 1;border-color:rgb(85 85 85 / var(--tw-border-opacity))}.border-\[\#60a5fa\]{--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity))}.border-\[--color-border\]{border-color:var(--color-border)}.border-black{--tw-border-opacity: 1;border-color:rgb(0 0 0 / var(--tw-border-opacity))}.border-blue-200{--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity))}.border-blue-300{--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity))}.border-blue-400{--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity))}.border-blue-500{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity))}.border-blue-500\/20{border-color:#3b82f633}.border-blue-600{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity))}.border-blue-900{--tw-border-opacity: 1;border-color:rgb(30 58 138 / var(--tw-border-opacity))}.border-border\/50{border-color:hsl(var(--border) / .5)}.border-current{border-color:currentColor}.border-destructive{border-color:hsl(var(--destructive))}.border-destructive\/50{border-color:hsl(var(--destructive) / .5)}.border-gray-100{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity))}.border-gray-500{--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity))}.border-gray-600{--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity))}.border-gray-700{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity))}.border-gray-700\/50{border-color:#37415180}.border-gray-800{--tw-border-opacity: 1;border-color:rgb(31 41 55 / var(--tw-border-opacity))}.border-gray-900{--tw-border-opacity: 1;border-color:rgb(17 24 39 / var(--tw-border-opacity))}.border-green-200{--tw-border-opacity: 1;border-color:rgb(187 247 208 / var(--tw-border-opacity))}.border-green-300{--tw-border-opacity: 1;border-color:rgb(134 239 172 / var(--tw-border-opacity))}.border-green-500{--tw-border-opacity: 1;border-color:rgb(34 197 94 / var(--tw-border-opacity))}.border-green-600{--tw-border-opacity: 1;border-color:rgb(22 163 74 / var(--tw-border-opacity))}.border-green-700{--tw-border-opacity: 1;border-color:rgb(21 128 61 / var(--tw-border-opacity))}.border-input{border-color:hsl(var(--input))}.border-primary{border-color:hsl(var(--primary))}.border-purple-200{--tw-border-opacity: 1;border-color:rgb(233 213 255 / var(--tw-border-opacity))}.border-purple-300{--tw-border-opacity: 1;border-color:rgb(216 180 254 / var(--tw-border-opacity))}.border-purple-500{--tw-border-opacity: 1;border-color:rgb(168 85 247 / var(--tw-border-opacity))}.border-purple-500\/20{border-color:#a855f733}.border-red-200{--tw-border-opacity: 1;border-color:rgb(254 202 202 / var(--tw-border-opacity))}.border-red-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity))}.border-red-500\/30{border-color:#ef44444d}.border-red-500\/50{border-color:#ef444480}.border-red-600{--tw-border-opacity: 1;border-color:rgb(220 38 38 / var(--tw-border-opacity))}.border-red-700{--tw-border-opacity: 1;border-color:rgb(185 28 28 / var(--tw-border-opacity))}.border-red-900\/50{border-color:#7f1d1d80}.border-teal-500\/20{border-color:#14b8a633}.border-transparent{border-color:transparent}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity))}.border-white\/10{border-color:#ffffff1a}.border-white\/15{border-color:#ffffff26}.border-yellow-200{--tw-border-opacity: 1;border-color:rgb(254 240 138 / var(--tw-border-opacity))}.border-yellow-500{--tw-border-opacity: 1;border-color:rgb(234 179 8 / var(--tw-border-opacity))}.border-yellow-500\/30{border-color:#eab3084d}.border-yellow-600{--tw-border-opacity: 1;border-color:rgb(202 138 4 / var(--tw-border-opacity))}.border-l-gray-400{--tw-border-opacity: 1;border-left-color:rgb(156 163 175 / var(--tw-border-opacity))}.border-l-transparent{border-left-color:transparent}.border-t-transparent{border-top-color:transparent}.bg-\[\#0066CC\]{--tw-bg-opacity: 1;background-color:rgb(0 102 204 / var(--tw-bg-opacity))}.bg-\[\#0077DD\]{--tw-bg-opacity: 1;background-color:rgb(0 119 221 / var(--tw-bg-opacity))}.bg-\[\#00AA00\]{--tw-bg-opacity: 1;background-color:rgb(0 170 0 / var(--tw-bg-opacity))}.bg-\[\#00FF00\],.bg-\[\#00ff00\]{--tw-bg-opacity: 1;background-color:rgb(0 255 0 / var(--tw-bg-opacity))}.bg-\[\#0a0a0a\]{--tw-bg-opacity: 1;background-color:rgb(10 10 10 / var(--tw-bg-opacity))}.bg-\[\#0a0a0c\]{--tw-bg-opacity: 1;background-color:rgb(10 10 12 / var(--tw-bg-opacity))}.bg-\[\#0b0b0f\]{--tw-bg-opacity: 1;background-color:rgb(11 11 15 / var(--tw-bg-opacity))}.bg-\[\#0b1b3a\]{--tw-bg-opacity: 1;background-color:rgb(11 27 58 / var(--tw-bg-opacity))}.bg-\[\#0f0f0f\]{--tw-bg-opacity: 1;background-color:rgb(15 15 15 / var(--tw-bg-opacity))}.bg-\[\#0f0f14\]{--tw-bg-opacity: 1;background-color:rgb(15 15 20 / var(--tw-bg-opacity))}.bg-\[\#101010\]{--tw-bg-opacity: 1;background-color:rgb(16 16 16 / var(--tw-bg-opacity))}.bg-\[\#111111\]{--tw-bg-opacity: 1;background-color:rgb(17 17 17 / var(--tw-bg-opacity))}.bg-\[\#121212\]{--tw-bg-opacity: 1;background-color:rgb(18 18 18 / var(--tw-bg-opacity))}.bg-\[\#14532d\]{--tw-bg-opacity: 1;background-color:rgb(20 83 45 / var(--tw-bg-opacity))}.bg-\[\#151515\]{--tw-bg-opacity: 1;background-color:rgb(21 21 21 / var(--tw-bg-opacity))}.bg-\[\#171717\]{--tw-bg-opacity: 1;background-color:rgb(23 23 23 / var(--tw-bg-opacity))}.bg-\[\#1A1A1A\]{--tw-bg-opacity: 1;background-color:rgb(26 26 26 / var(--tw-bg-opacity))}.bg-\[\#1a1625\]{--tw-bg-opacity: 1;background-color:rgb(26 22 37 / var(--tw-bg-opacity))}.bg-\[\#1a1a1a\]{--tw-bg-opacity: 1;background-color:rgb(26 26 26 / var(--tw-bg-opacity))}.bg-\[\#1a1f2e\]{--tw-bg-opacity: 1;background-color:rgb(26 31 46 / var(--tw-bg-opacity))}.bg-\[\#1a2f4a\]{--tw-bg-opacity: 1;background-color:rgb(26 47 74 / var(--tw-bg-opacity))}.bg-\[\#1e1e1e\]{--tw-bg-opacity: 1;background-color:rgb(30 30 30 / var(--tw-bg-opacity))}.bg-\[\#222222\],.bg-\[\#222\]{--tw-bg-opacity: 1;background-color:rgb(34 34 34 / var(--tw-bg-opacity))}.bg-\[\#22c55e\]{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity))}.bg-\[\#262626\]{--tw-bg-opacity: 1;background-color:rgb(38 38 38 / var(--tw-bg-opacity))}.bg-\[\#2A2A2A\]{--tw-bg-opacity: 1;background-color:rgb(42 42 42 / var(--tw-bg-opacity))}.bg-\[\#2D2D2D\]{--tw-bg-opacity: 1;background-color:rgb(45 45 45 / var(--tw-bg-opacity))}.bg-\[\#2a2a2a\]{--tw-bg-opacity: 1;background-color:rgb(42 42 42 / var(--tw-bg-opacity))}.bg-\[\#2d2d2d\]{--tw-bg-opacity: 1;background-color:rgb(45 45 45 / var(--tw-bg-opacity))}.bg-\[\#333333\]{--tw-bg-opacity: 1;background-color:rgb(51 51 51 / var(--tw-bg-opacity))}.bg-\[\#333A33\]{--tw-bg-opacity: 1;background-color:rgb(51 58 51 / var(--tw-bg-opacity))}.bg-\[\#333\]{--tw-bg-opacity: 1;background-color:rgb(51 51 51 / var(--tw-bg-opacity))}.bg-\[\#334155\]{--tw-bg-opacity: 1;background-color:rgb(51 65 85 / var(--tw-bg-opacity))}.bg-\[\#3A3333\]{--tw-bg-opacity: 1;background-color:rgb(58 51 51 / var(--tw-bg-opacity))}.bg-\[\#3D3D3D\]{--tw-bg-opacity: 1;background-color:rgb(61 61 61 / var(--tw-bg-opacity))}.bg-\[\#3b82f6\]{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity))}.bg-\[\#444444\]{--tw-bg-opacity: 1;background-color:rgb(68 68 68 / var(--tw-bg-opacity))}.bg-\[\#4A4A4A\]{--tw-bg-opacity: 1;background-color:rgb(74 74 74 / var(--tw-bg-opacity))}.bg-\[\#4CAF50\]{--tw-bg-opacity: 1;background-color:rgb(76 175 80 / var(--tw-bg-opacity))}.bg-\[\#4a1d63\]{--tw-bg-opacity: 1;background-color:rgb(74 29 99 / var(--tw-bg-opacity))}.bg-\[\#555555\]{--tw-bg-opacity: 1;background-color:rgb(85 85 85 / var(--tw-bg-opacity))}.bg-\[\#60a5fa\]{--tw-bg-opacity: 1;background-color:rgb(96 165 250 / var(--tw-bg-opacity))}.bg-\[\#663399\]{--tw-bg-opacity: 1;background-color:rgb(102 51 153 / var(--tw-bg-opacity))}.bg-\[\#666666\]{--tw-bg-opacity: 1;background-color:rgb(102 102 102 / var(--tw-bg-opacity))}.bg-\[\#6b21a8\]{--tw-bg-opacity: 1;background-color:rgb(107 33 168 / var(--tw-bg-opacity))}.bg-\[\#7a2a2a\]{--tw-bg-opacity: 1;background-color:rgb(122 42 42 / var(--tw-bg-opacity))}.bg-\[\#8A2BE2\]{--tw-bg-opacity: 1;background-color:rgb(138 43 226 / var(--tw-bg-opacity))}.bg-\[\#9333ea\]{--tw-bg-opacity: 1;background-color:rgb(147 51 234 / var(--tw-bg-opacity))}.bg-\[\#CC0066\]{--tw-bg-opacity: 1;background-color:rgb(204 0 102 / var(--tw-bg-opacity))}.bg-\[\#DD0077\]{--tw-bg-opacity: 1;background-color:rgb(221 0 119 / var(--tw-bg-opacity))}.bg-\[\#FF5500\]{--tw-bg-opacity: 1;background-color:rgb(255 85 0 / var(--tw-bg-opacity))}.bg-\[\#FF6611\]{--tw-bg-opacity: 1;background-color:rgb(255 102 17 / var(--tw-bg-opacity))}.bg-\[\#FF6B35\]{--tw-bg-opacity: 1;background-color:rgb(255 107 53 / var(--tw-bg-opacity))}.bg-\[\#FF6B6B\]{--tw-bg-opacity: 1;background-color:rgb(255 107 107 / var(--tw-bg-opacity))}.bg-\[\#FF9800\]{--tw-bg-opacity: 1;background-color:rgb(255 152 0 / var(--tw-bg-opacity))}.bg-\[\#FFA726\]{--tw-bg-opacity: 1;background-color:rgb(255 167 38 / var(--tw-bg-opacity))}.bg-\[\#a855f7\]{--tw-bg-opacity: 1;background-color:rgb(168 85 247 / var(--tw-bg-opacity))}.bg-\[\#d1d5db\]{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.bg-\[\#eeeeee\]{--tw-bg-opacity: 1;background-color:rgb(238 238 238 / var(--tw-bg-opacity))}.bg-\[\#ef4444\]{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity))}.bg-\[\#f3e8ff\]{--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity))}.bg-\[\#fef3c7\]{--tw-bg-opacity: 1;background-color:rgb(254 243 199 / var(--tw-bg-opacity))}.bg-\[--color-bg\]{background-color:var(--color-bg)}.bg-accent{background-color:hsl(var(--accent))}.bg-background{background-color:hsl(var(--background))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.bg-black\/30{background-color:#0000004d}.bg-black\/40{background-color:#0006}.bg-black\/50{background-color:#00000080}.bg-black\/60{background-color:#0009}.bg-black\/70{background-color:#000000b3}.bg-black\/80{background-color:#000c}.bg-black\/90{background-color:#000000e6}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity))}.bg-blue-400{--tw-bg-opacity: 1;background-color:rgb(96 165 250 / var(--tw-bg-opacity))}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity))}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity))}.bg-blue-500\/20{background-color:#3b82f633}.bg-blue-500\/5{background-color:#3b82f60d}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity))}.bg-blue-600\/10{background-color:#2563eb1a}.bg-blue-700{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity))}.bg-blue-900{--tw-bg-opacity: 1;background-color:rgb(30 58 138 / var(--tw-bg-opacity))}.bg-blue-900\/30{background-color:#1e3a8a4d}.bg-border{background-color:hsl(var(--border))}.bg-card{background-color:hsl(var(--card))}.bg-destructive{background-color:hsl(var(--destructive))}.bg-foreground{background-color:hsl(var(--foreground))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.bg-gray-300{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.bg-gray-400{--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}.bg-gray-500{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity))}.bg-gray-600{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity))}.bg-gray-700{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}.bg-gray-700\/50{background-color:#37415180}.bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.bg-gray-800\/50{background-color:#1f293780}.bg-gray-800\/80{background-color:#1f2937cc}.bg-gray-800\/90{background-color:#1f2937e6}.bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity))}.bg-gray-900\/40{background-color:#11182766}.bg-gray-900\/50{background-color:#11182780}.bg-gray-900\/70{background-color:#111827b3}.bg-gray-900\/80{background-color:#111827cc}.bg-gray-900\/90{background-color:#111827e6}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity))}.bg-green-50{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity))}.bg-green-500\/20{background-color:#22c55e33}.bg-green-600{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity))}.bg-green-700{--tw-bg-opacity: 1;background-color:rgb(21 128 61 / var(--tw-bg-opacity))}.bg-green-800{--tw-bg-opacity: 1;background-color:rgb(22 101 52 / var(--tw-bg-opacity))}.bg-indigo-500{--tw-bg-opacity: 1;background-color:rgb(99 102 241 / var(--tw-bg-opacity))}.bg-indigo-700{--tw-bg-opacity: 1;background-color:rgb(67 56 202 / var(--tw-bg-opacity))}.bg-muted{background-color:hsl(var(--muted))}.bg-muted\/50{background-color:hsl(var(--muted) / .5)}.bg-neutral-500{--tw-bg-opacity: 1;background-color:rgb(115 115 115 / var(--tw-bg-opacity))}.bg-neutral-700{--tw-bg-opacity: 1;background-color:rgb(64 64 64 / var(--tw-bg-opacity))}.bg-neutral-800{--tw-bg-opacity: 1;background-color:rgb(38 38 38 / var(--tw-bg-opacity))}.bg-orange-500{--tw-bg-opacity: 1;background-color:rgb(249 115 22 / var(--tw-bg-opacity))}.bg-pink-500{--tw-bg-opacity: 1;background-color:rgb(236 72 153 / var(--tw-bg-opacity))}.bg-popover{background-color:hsl(var(--popover))}.bg-primary{background-color:hsl(var(--primary))}.bg-purple-100{--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity))}.bg-purple-400{--tw-bg-opacity: 1;background-color:rgb(192 132 252 / var(--tw-bg-opacity))}.bg-purple-50{--tw-bg-opacity: 1;background-color:rgb(250 245 255 / var(--tw-bg-opacity))}.bg-purple-500{--tw-bg-opacity: 1;background-color:rgb(168 85 247 / var(--tw-bg-opacity))}.bg-purple-500\/20{background-color:#a855f733}.bg-purple-600{--tw-bg-opacity: 1;background-color:rgb(147 51 234 / var(--tw-bg-opacity))}.bg-purple-700{--tw-bg-opacity: 1;background-color:rgb(126 34 206 / var(--tw-bg-opacity))}.bg-purple-800{--tw-bg-opacity: 1;background-color:rgb(107 33 168 / var(--tw-bg-opacity))}.bg-purple-900{--tw-bg-opacity: 1;background-color:rgb(88 28 135 / var(--tw-bg-opacity))}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity))}.bg-red-500\/10{background-color:#ef44441a}.bg-red-500\/20{background-color:#ef444433}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity))}.bg-red-700{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity))}.bg-red-800{--tw-bg-opacity: 1;background-color:rgb(153 27 27 / var(--tw-bg-opacity))}.bg-red-900\/20{background-color:#7f1d1d33}.bg-red-950\/40{background-color:#450a0a66}.bg-secondary{background-color:hsl(var(--secondary))}.bg-teal-500{--tw-bg-opacity: 1;background-color:rgb(20 184 166 / var(--tw-bg-opacity))}.bg-teal-700{--tw-bg-opacity: 1;background-color:rgb(15 118 110 / var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-white\/10{background-color:#ffffff1a}.bg-white\/5{background-color:#ffffff0d}.bg-yellow-100{--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity))}.bg-yellow-400{--tw-bg-opacity: 1;background-color:rgb(250 204 21 / var(--tw-bg-opacity))}.bg-yellow-50{--tw-bg-opacity: 1;background-color:rgb(254 252 232 / var(--tw-bg-opacity))}.bg-yellow-500{--tw-bg-opacity: 1;background-color:rgb(234 179 8 / var(--tw-bg-opacity))}.bg-yellow-500\/10{background-color:#eab3081a}.bg-yellow-500\/20{background-color:#eab30833}.bg-yellow-600{--tw-bg-opacity: 1;background-color:rgb(202 138 4 / var(--tw-bg-opacity))}.bg-yellow-700{--tw-bg-opacity: 1;background-color:rgb(161 98 7 / var(--tw-bg-opacity))}.bg-opacity-50{--tw-bg-opacity: .5}.bg-opacity-75{--tw-bg-opacity: .75}.bg-opacity-90{--tw-bg-opacity: .9}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-tr{background-image:linear-gradient(to top right,var(--tw-gradient-stops))}.from-\[\#00FF00\]{--tw-gradient-from: #00FF00 var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 255 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[\#2A2A2A\]{--tw-gradient-from: #2A2A2A var(--tw-gradient-from-position);--tw-gradient-to: rgb(42 42 42 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[\#3b82f6\]{--tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-amber-500\/30{--tw-gradient-from: rgb(245 158 11 / .3) var(--tw-gradient-from-position);--tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-amber-700{--tw-gradient-from: #b45309 var(--tw-gradient-from-position);--tw-gradient-to: rgb(180 83 9 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-black\/0{--tw-gradient-from: rgb(0 0 0 / 0) var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-300{--tw-gradient-from: #93c5fd var(--tw-gradient-from-position);--tw-gradient-to: rgb(147 197 253 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-400{--tw-gradient-from: #60a5fa var(--tw-gradient-from-position);--tw-gradient-to: rgb(96 165 250 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-500{--tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-500\/30{--tw-gradient-from: rgb(59 130 246 / .3) var(--tw-gradient-from-position);--tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-600{--tw-gradient-from: #2563eb var(--tw-gradient-from-position);--tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-900{--tw-gradient-from: #1e3a8a var(--tw-gradient-from-position);--tw-gradient-to: rgb(30 58 138 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-900\/10{--tw-gradient-from: rgb(30 58 138 / .1) var(--tw-gradient-from-position);--tw-gradient-to: rgb(30 58 138 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-emerald-400\/5{--tw-gradient-from: rgb(52 211 153 / .05) var(--tw-gradient-from-position);--tw-gradient-to: rgb(52 211 153 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-emerald-500\/25{--tw-gradient-from: rgb(16 185 129 / .25) var(--tw-gradient-from-position);--tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-emerald-500\/30{--tw-gradient-from: rgb(16 185 129 / .3) var(--tw-gradient-from-position);--tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-fuchsia-500\/10{--tw-gradient-from: rgb(217 70 239 / .1) var(--tw-gradient-from-position);--tw-gradient-to: rgb(217 70 239 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-gray-300{--tw-gradient-from: #d1d5db var(--tw-gradient-from-position);--tw-gradient-to: rgb(209 213 219 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-gray-700{--tw-gradient-from: #374151 var(--tw-gradient-from-position);--tw-gradient-to: rgb(55 65 81 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-gray-800{--tw-gradient-from: #1f2937 var(--tw-gradient-from-position);--tw-gradient-to: rgb(31 41 55 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-gray-900{--tw-gradient-from: #111827 var(--tw-gradient-from-position);--tw-gradient-to: rgb(17 24 39 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-green-500{--tw-gradient-from: #22c55e var(--tw-gradient-from-position);--tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-green-500\/30{--tw-gradient-from: rgb(34 197 94 / .3) var(--tw-gradient-from-position);--tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-green-600{--tw-gradient-from: #16a34a var(--tw-gradient-from-position);--tw-gradient-to: rgb(22 163 74 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-green-700{--tw-gradient-from: #15803d var(--tw-gradient-from-position);--tw-gradient-to: rgb(21 128 61 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-indigo-500\/40{--tw-gradient-from: rgb(99 102 241 / .4) var(--tw-gradient-from-position);--tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-pink-400{--tw-gradient-from: #f472b6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(244 114 182 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-pink-500\/30{--tw-gradient-from: rgb(236 72 153 / .3) var(--tw-gradient-from-position);--tw-gradient-to: rgb(236 72 153 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-300{--tw-gradient-from: #d8b4fe var(--tw-gradient-from-position);--tw-gradient-to: rgb(216 180 254 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-500{--tw-gradient-from: #a855f7 var(--tw-gradient-from-position);--tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-600{--tw-gradient-from: #9333ea var(--tw-gradient-from-position);--tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-red-400{--tw-gradient-from: #f87171 var(--tw-gradient-from-position);--tw-gradient-to: rgb(248 113 113 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-red-600{--tw-gradient-from: #dc2626 var(--tw-gradient-from-position);--tw-gradient-to: rgb(220 38 38 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-red-700{--tw-gradient-from: #b91c1c var(--tw-gradient-from-position);--tw-gradient-to: rgb(185 28 28 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-slate-900{--tw-gradient-from: #0f172a var(--tw-gradient-from-position);--tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-yellow-400{--tw-gradient-from: #facc15 var(--tw-gradient-from-position);--tw-gradient-to: rgb(250 204 21 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-yellow-500{--tw-gradient-from: #eab308 var(--tw-gradient-from-position);--tw-gradient-to: rgb(234 179 8 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-black\/40{--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / .4) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-gray-800{--tw-gradient-to: rgb(31 41 55 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #1f2937 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-purple-900{--tw-gradient-to: rgb(88 28 135 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #581c87 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-transparent{--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-\[\#00AA00\]{--tw-gradient-to: #00AA00 var(--tw-gradient-to-position)}.to-\[\#1A1A1A\]{--tw-gradient-to: #1A1A1A var(--tw-gradient-to-position)}.to-\[\#60a5fa\]{--tw-gradient-to: #60a5fa var(--tw-gradient-to-position)}.to-amber-400\/5{--tw-gradient-to: rgb(251 191 36 / .05) var(--tw-gradient-to-position)}.to-amber-950{--tw-gradient-to: #451a03 var(--tw-gradient-to-position)}.to-black{--tw-gradient-to: #000 var(--tw-gradient-to-position)}.to-black\/90{--tw-gradient-to: rgb(0 0 0 / .9) var(--tw-gradient-to-position)}.to-blue-500{--tw-gradient-to: #3b82f6 var(--tw-gradient-to-position)}.to-blue-600{--tw-gradient-to: #2563eb var(--tw-gradient-to-position)}.to-blue-800{--tw-gradient-to: #1e40af var(--tw-gradient-to-position)}.to-blue-900\/5{--tw-gradient-to: rgb(30 58 138 / .05) var(--tw-gradient-to-position)}.to-cyan-500\/10{--tw-gradient-to: rgb(6 182 212 / .1) var(--tw-gradient-to-position)}.to-emerald-500\/10{--tw-gradient-to: rgb(16 185 129 / .1) var(--tw-gradient-to-position)}.to-emerald-600{--tw-gradient-to: #059669 var(--tw-gradient-to-position)}.to-fuchsia-500\/20{--tw-gradient-to: rgb(217 70 239 / .2) var(--tw-gradient-to-position)}.to-gray-400{--tw-gradient-to: #9ca3af var(--tw-gradient-to-position)}.to-gray-800{--tw-gradient-to: #1f2937 var(--tw-gradient-to-position)}.to-gray-900{--tw-gradient-to: #111827 var(--tw-gradient-to-position)}.to-green-700{--tw-gradient-to: #15803d var(--tw-gradient-to-position)}.to-green-800{--tw-gradient-to: #166534 var(--tw-gradient-to-position)}.to-green-900{--tw-gradient-to: #14532d var(--tw-gradient-to-position)}.to-indigo-900{--tw-gradient-to: #312e81 var(--tw-gradient-to-position)}.to-orange-600{--tw-gradient-to: #ea580c var(--tw-gradient-to-position)}.to-pink-500{--tw-gradient-to: #ec4899 var(--tw-gradient-to-position)}.to-purple-500{--tw-gradient-to: #a855f7 var(--tw-gradient-to-position)}.to-purple-500\/10{--tw-gradient-to: rgb(168 85 247 / .1) var(--tw-gradient-to-position)}.to-purple-600{--tw-gradient-to: #9333ea var(--tw-gradient-to-position)}.to-purple-700{--tw-gradient-to: #7e22ce var(--tw-gradient-to-position)}.to-purple-800{--tw-gradient-to: #6b21a8 var(--tw-gradient-to-position)}.to-red-600{--tw-gradient-to: #dc2626 var(--tw-gradient-to-position)}.to-red-700{--tw-gradient-to: #b91c1c var(--tw-gradient-to-position)}.to-red-800{--tw-gradient-to: #991b1b var(--tw-gradient-to-position)}.to-red-900{--tw-gradient-to: #7f1d1d var(--tw-gradient-to-position)}.to-rose-500\/10{--tw-gradient-to: rgb(244 63 94 / .1) var(--tw-gradient-to-position)}.to-sky-500\/10{--tw-gradient-to: rgb(14 165 233 / .1) var(--tw-gradient-to-position)}.to-slate-900{--tw-gradient-to: #0f172a var(--tw-gradient-to-position)}.to-teal-500\/10{--tw-gradient-to: rgb(20 184 166 / .1) var(--tw-gradient-to-position)}.to-yellow-600{--tw-gradient-to: #ca8a04 var(--tw-gradient-to-position)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.fill-current{fill:currentColor}.object-cover{-o-object-fit:cover;object-fit:cover}.object-\[50\%_68\%\]{-o-object-position:50% 68%;object-position:50% 68%}.p-0{padding:0}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-\[1px\]{padding:1px}.p-\[2px\]{padding:2px}.p-px{padding:1px}.px-0{padding-left:0;padding-right:0}.px-0\.5{padding-left:.125rem;padding-right:.125rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-16{padding-left:4rem;padding-right:4rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0{padding-top:0;padding-bottom:0}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-\[2px\]{padding-top:2px;padding-bottom:2px}.py-px{padding-top:1px;padding-bottom:1px}.pb-16{padding-bottom:4rem}.pb-2{padding-bottom:.5rem}.pb-20{padding-bottom:5rem}.pb-24{padding-bottom:6rem}.pb-28{padding-bottom:7rem}.pb-3{padding-bottom:.75rem}.pb-32{padding-bottom:8rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pl-10{padding-left:2.5rem}.pl-2{padding-left:.5rem}.pl-2\.5{padding-left:.625rem}.pl-4{padding-left:1rem}.pl-7{padding-left:1.75rem}.pl-8{padding-left:2rem}.pl-9{padding-left:2.25rem}.pr-10{padding-right:2.5rem}.pr-2{padding-right:.5rem}.pr-2\.5{padding-right:.625rem}.pr-3{padding-right:.75rem}.pr-4{padding-right:1rem}.pr-8{padding-right:2rem}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-10{padding-top:2.5rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-36{padding-top:9rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-8xl{font-size:6rem;line-height:1}.text-\[0\.8rem\]{font-size:.8rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-light{font-weight:300}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-none{line-height:1}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-tighter{letter-spacing:-.05em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-\[\#00FF00\],.text-\[\#00ff00\]{--tw-text-opacity: 1;color:rgb(0 255 0 / var(--tw-text-opacity))}.text-\[\#22c55e\]{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity))}.text-\[\#334455\]{--tw-text-opacity: 1;color:rgb(51 68 85 / var(--tw-text-opacity))}.text-\[\#3b82f6\]{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity))}.text-\[\#553322\]{--tw-text-opacity: 1;color:rgb(85 51 34 / var(--tw-text-opacity))}.text-\[\#553344\]{--tw-text-opacity: 1;color:rgb(85 51 68 / var(--tw-text-opacity))}.text-\[\#60a5fa\]{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity))}.text-\[\#663C00\]{--tw-text-opacity: 1;color:rgb(102 60 0 / var(--tw-text-opacity))}.text-\[\#666666\]{--tw-text-opacity: 1;color:rgb(102 102 102 / var(--tw-text-opacity))}.text-\[\#737373\]{--tw-text-opacity: 1;color:rgb(115 115 115 / var(--tw-text-opacity))}.text-\[\#7c3aed\]{--tw-text-opacity: 1;color:rgb(124 58 237 / var(--tw-text-opacity))}.text-\[\#888888\],.text-\[\#888\]{--tw-text-opacity: 1;color:rgb(136 136 136 / var(--tw-text-opacity))}.text-\[\#8BC34A\]{--tw-text-opacity: 1;color:rgb(139 195 74 / var(--tw-text-opacity))}.text-\[\#92400e\]{--tw-text-opacity: 1;color:rgb(146 64 14 / var(--tw-text-opacity))}.text-\[\#999999\]{--tw-text-opacity: 1;color:rgb(153 153 153 / var(--tw-text-opacity))}.text-\[\#9a9a9a\]{--tw-text-opacity: 1;color:rgb(154 154 154 / var(--tw-text-opacity))}.text-\[\#AA00FF\]{--tw-text-opacity: 1;color:rgb(170 0 255 / var(--tw-text-opacity))}.text-\[\#AAAAAA\]{--tw-text-opacity: 1;color:rgb(170 170 170 / var(--tw-text-opacity))}.text-\[\#CCCCCC\]{--tw-text-opacity: 1;color:rgb(204 204 204 / var(--tw-text-opacity))}.text-\[\#FF0000\]{--tw-text-opacity: 1;color:rgb(255 0 0 / var(--tw-text-opacity))}.text-\[\#a3a3a3\]{--tw-text-opacity: 1;color:rgb(163 163 163 / var(--tw-text-opacity))}.text-\[\#cfcfcf\]{--tw-text-opacity: 1;color:rgb(207 207 207 / var(--tw-text-opacity))}.text-\[\#e5e7eb\]{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity))}.text-accent-foreground{color:hsl(var(--accent-foreground))}.text-amber-100{--tw-text-opacity: 1;color:rgb(254 243 199 / var(--tw-text-opacity))}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity))}.text-blue-300{--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity))}.text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity))}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity))}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity))}.text-blue-700{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity))}.text-blue-800{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity))}.text-card-foreground{color:hsl(var(--card-foreground))}.text-current{color:currentColor}.text-destructive{color:hsl(var(--destructive))}.text-destructive-foreground{color:hsl(var(--destructive-foreground))}.text-emerald-300{--tw-text-opacity: 1;color:rgb(110 231 183 / var(--tw-text-opacity))}.text-foreground{color:hsl(var(--foreground))}.text-foreground\/50{color:hsl(var(--foreground) / .5)}.text-gray-200{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity))}.text-green-300{--tw-text-opacity: 1;color:rgb(134 239 172 / var(--tw-text-opacity))}.text-green-400{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity))}.text-green-700{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity))}.text-green-800{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity))}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-pink-400{--tw-text-opacity: 1;color:rgb(244 114 182 / var(--tw-text-opacity))}.text-popover-foreground{color:hsl(var(--popover-foreground))}.text-primary{color:hsl(var(--primary))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.text-purple-300{--tw-text-opacity: 1;color:rgb(216 180 254 / var(--tw-text-opacity))}.text-purple-400{--tw-text-opacity: 1;color:rgb(192 132 252 / var(--tw-text-opacity))}.text-purple-500{--tw-text-opacity: 1;color:rgb(168 85 247 / var(--tw-text-opacity))}.text-purple-600{--tw-text-opacity: 1;color:rgb(147 51 234 / var(--tw-text-opacity))}.text-purple-700{--tw-text-opacity: 1;color:rgb(126 34 206 / var(--tw-text-opacity))}.text-red-100\/80{color:#fee2e2cc}.text-red-200{--tw-text-opacity: 1;color:rgb(254 202 202 / var(--tw-text-opacity))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity))}.text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity))}.text-red-800{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity))}.text-secondary-foreground{color:hsl(var(--secondary-foreground))}.text-transparent{color:transparent}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.text-white\/60{color:#fff9}.text-white\/70{color:#ffffffb3}.text-white\/90{color:#ffffffe6}.text-yellow-100\/80{color:#fef9c3cc}.text-yellow-200{--tw-text-opacity: 1;color:rgb(254 240 138 / var(--tw-text-opacity))}.text-yellow-300{--tw-text-opacity: 1;color:rgb(253 224 71 / var(--tw-text-opacity))}.text-yellow-400{--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity))}.text-yellow-500{--tw-text-opacity: 1;color:rgb(234 179 8 / var(--tw-text-opacity))}.text-yellow-700{--tw-text-opacity: 1;color:rgb(161 98 7 / var(--tw-text-opacity))}.text-yellow-800{--tw-text-opacity: 1;color:rgb(133 77 14 / var(--tw-text-opacity))}.text-yellow-900{--tw-text-opacity: 1;color:rgb(113 63 18 / var(--tw-text-opacity))}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.placeholder-\[\#737373\]::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(115 115 115 / var(--tw-placeholder-opacity))}.placeholder-\[\#737373\]::placeholder{--tw-placeholder-opacity: 1;color:rgb(115 115 115 / var(--tw-placeholder-opacity))}.placeholder-gray-400::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity))}.placeholder-gray-400::placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity))}.placeholder-gray-500::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(107 114 128 / var(--tw-placeholder-opacity))}.placeholder-gray-500::placeholder{--tw-placeholder-opacity: 1;color:rgb(107 114 128 / var(--tw-placeholder-opacity))}.caret-blue-400{caret-color:#60a5fa}.accent-\[\#00FF00\]{accent-color:#00FF00}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-20{opacity:.2}.opacity-25{opacity:.25}.opacity-30{opacity:.3}.opacity-35{opacity:.35}.opacity-50{opacity:.5}.opacity-55{opacity:.55}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.mix-blend-overlay{mix-blend-mode:overlay}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\]{--tw-shadow: 0 0 0 1px hsl(var(--sidebar-border));--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_0_2px_rgba\(96\,165\,250\,0\.28\)\]{--tw-shadow: 0 0 0 2px rgba(96,165,250,.28);--tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_16px_40px_rgba\(0\,0\,0\,0\.45\)\]{--tw-shadow: 0 16px 40px rgba(0,0,0,.45);--tw-shadow-colored: 0 16px 40px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_18px_45px_rgba\(0\,0\,0\,0\.45\)\]{--tw-shadow: 0 18px 45px rgba(0,0,0,.45);--tw-shadow-colored: 0 18px 45px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-inner{--tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / .05);--tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-0{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-\[\#22c55e\]{--tw-ring-opacity: 1;--tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity))}.ring-blue-500{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity))}.ring-ring{--tw-ring-color: hsl(var(--ring))}.ring-white{--tw-ring-opacity: 1;--tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity))}.ring-white\/10{--tw-ring-color: rgb(255 255 255 / .1)}.ring-offset-background{--tw-ring-offset-color: hsl(var(--background))}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.brightness-110{--tw-brightness: brightness(1.1);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.contrast-125{--tw-contrast: contrast(1.25);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-\[0_0_10px_rgba\(165\,180\,252\,0\.35\)\]{--tw-drop-shadow: drop-shadow(0 0 10px rgba(165,180,252,.35));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-\[0_0_14px_rgba\(165\,180\,252\,0\.6\)\]{--tw-drop-shadow: drop-shadow(0 0 14px rgba(165,180,252,.6));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale: grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert{--tw-invert: invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.saturate-150{--tw-saturate: saturate(1.5);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.sepia{--tw-sepia: sepia(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-lg{--tw-backdrop-blur: blur(16px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-md{--tw-backdrop-blur: blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[left\,right\,width\]{transition-property:left,right,width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[margin\,opacity\]{transition-property:margin,opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[width\,height\,padding\]{transition-property:width,height,padding;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[width\]{transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-100{transition-duration:.1s}.duration-1000{transition-duration:1s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-linear{transition-timing-function:linear}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.animate-in{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.fade-in,.fade-in-0{--tw-enter-opacity: 0}.fade-in-80{--tw-enter-opacity: .8}.zoom-in-95{--tw-enter-scale: .95}.zoom-out{--tw-exit-scale: 0}.duration-100{animation-duration:.1s}.duration-1000{animation-duration:1s}.duration-150{animation-duration:.15s}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.ease-linear{animation-timing-function:linear}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.running{animation-play-state:running}.\!paused{animation-play-state:paused!important}.paused{animation-play-state:paused}@font-face{font-family:Desyrel;src:url(https://manzdev.github.io/twitch-cassette/assets/desyrel.woff) format("woff"),url(https://manzdev.github.io/twitch-cassette/assets/desyrel.woff2) format("woff2")}.btn-pressed{transform:translateY(2px);box-shadow:0 1px 2px #0003!important}.text-shadow{text-shadow:0 0 1px #444}.btn-3d{box-shadow:0 4px 6px #0000004d,inset 0 1px #fff3,inset 0 -1px #0003;transition:all .1s ease;position:relative;top:0}.btn-3d:active,.btn-3d.active{top:3px;box-shadow:0 1px 2px #0003,inset 0 1px #fff3,inset 0 -1px #0003}@keyframes pulse-effect{0%{box-shadow:0 0 #ff0000b3}70%{box-shadow:0 0 0 15px #f000}to{box-shadow:0 0 #f000}}.pulse-animation{animation:pulse-effect 1.5s ease-out}.nspire-wild{animation:wild-glow 3s ease-in-out;position:relative;z-index:10}@keyframes wild-glow{0%{box-shadow:0 0 #ff0000b3;transform:scale(1)}20%{box-shadow:0 0 30px 10px #ff3232cc;transform:scale(1.1)}80%{box-shadow:0 0 15px 5px #ff960099;transform:scale(1.05)}to{box-shadow:0 0 #f000;transform:scale(1)}}.screen-flash{position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle,#ff32324d,#ff960033 70%,#0000);animation:screen-flash-anim 3s ease-out forwards;pointer-events:none;z-index:100}@keyframes screen-flash-anim{0%{opacity:0}15%{opacity:.8}85%{opacity:.8}to{opacity:0}}.sample-change-text{animation:sample-text-anim 3s ease-in-out forwards;position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem;color:#fff;text-shadow:0 0 5px rgba(255,255,255,.8);z-index:10;pointer-events:none;background-color:#2563eb}@keyframes sample-text-anim{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0}}.app-container{width:100%;height:100vh;display:flex;overflow:hidden}#root{min-height:100vh;height:auto;display:flex;flex-direction:column}:root{--background: 0 0% 100%;--foreground: 20 14.3% 4.1%;--muted: 60 4.8% 95.9%;--muted-foreground: 25 5.3% 44.7%;--popover: 0 0% 100%;--popover-foreground: 20 14.3% 4.1%;--card: 0 0% 100%;--card-foreground: 20 14.3% 4.1%;--border: 20 5.9% 90%;--input: 20 5.9% 90%;--primary: 207 90% 54%;--primary-foreground: 211 100% 99%;--secondary: 60 4.8% 95.9%;--secondary-foreground: 24 9.8% 10%;--accent: 60 4.8% 95.9%;--accent-foreground: 24 9.8% 10%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 60 9.1% 97.8%;--ring: 20 14.3% 4.1%;--radius: .5rem}.dark{--background: 240 10% 3.9%;--foreground: 0 0% 98%;--muted: 240 3.7% 15.9%;--muted-foreground: 240 5% 64.9%;--popover: 240 10% 3.9%;--popover-foreground: 0 0% 98%;--card: 240 10% 3.9%;--card-foreground: 0 0% 98%;--border: 240 3.7% 15.9%;--input: 240 3.7% 15.9%;--primary: 207 90% 54%;--primary-foreground: 211 100% 99%;--secondary: 240 3.7% 15.9%;--secondary-foreground: 0 0% 98%;--accent: 240 3.7% 15.9%;--accent-foreground: 0 0% 98%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 0 0% 98%;--ring: 240 4.9% 83.9%;--radius: .5rem}.file\:border-0::file-selector-button{border-width:0px}.file\:bg-transparent::file-selector-button{background-color:transparent}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\:font-medium::file-selector-button{font-weight:500}.file\:text-foreground::file-selector-button{color:hsl(var(--foreground))}.placeholder\:text-muted-foreground::-moz-placeholder{color:hsl(var(--muted-foreground))}.placeholder\:text-muted-foreground::placeholder{color:hsl(var(--muted-foreground))}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:-inset-2:after{content:var(--tw-content);top:-.5rem;right:-.5rem;bottom:-.5rem;left:-.5rem}.after\:inset-y-0:after{content:var(--tw-content);top:0;bottom:0}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:w-1:after{content:var(--tw-content);width:.25rem}.after\:w-\[2px\]:after{content:var(--tw-content);width:2px}.after\:-translate-x-1\/2:after{content:var(--tw-content);--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.first\:rounded-l-md:first-child{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.first\:border-l:first-child{border-left-width:1px}.last\:rounded-r-md:last-child{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.focus-within\:relative:focus-within{position:relative}.focus-within\:z-20:focus-within{z-index:20}.hover\:-translate-y-0:hover{--tw-translate-y: -0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:-translate-y-1:hover{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-110:hover{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-\[1\.02\]:hover{--tw-scale-x: 1.02;--tw-scale-y: 1.02;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-\[\#00ff00\]\/50:hover{border-color:#00ff0080}.hover\:border-\[\#666666\]:hover{--tw-border-opacity: 1;border-color:rgb(102 102 102 / var(--tw-border-opacity))}.hover\:border-blue-400\/50:hover{border-color:#60a5fa80}.hover\:border-gray-600:hover{--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity))}.hover\:border-purple-400:hover{--tw-border-opacity: 1;border-color:rgb(192 132 252 / var(--tw-border-opacity))}.hover\:border-purple-500\/50:hover{border-color:#a855f780}.hover\:border-white\/20:hover{border-color:#fff3}.hover\:border-white\/25:hover{border-color:#ffffff40}.hover\:bg-\[\#00DD00\]:hover{--tw-bg-opacity: 1;background-color:rgb(0 221 0 / var(--tw-bg-opacity))}.hover\:bg-\[\#111\]:hover{--tw-bg-opacity: 1;background-color:rgb(17 17 17 / var(--tw-bg-opacity))}.hover\:bg-\[\#14141b\]:hover{--tw-bg-opacity: 1;background-color:rgb(20 20 27 / var(--tw-bg-opacity))}.hover\:bg-\[\#166534\]:hover{--tw-bg-opacity: 1;background-color:rgb(22 101 52 / var(--tw-bg-opacity))}.hover\:bg-\[\#171717\]:hover{--tw-bg-opacity: 1;background-color:rgb(23 23 23 / var(--tw-bg-opacity))}.hover\:bg-\[\#1a1a1a\]:hover{--tw-bg-opacity: 1;background-color:rgb(26 26 26 / var(--tw-bg-opacity))}.hover\:bg-\[\#1e1e1e\]:hover{--tw-bg-opacity: 1;background-color:rgb(30 30 30 / var(--tw-bg-opacity))}.hover\:bg-\[\#222222\]:hover{--tw-bg-opacity: 1;background-color:rgb(34 34 34 / var(--tw-bg-opacity))}.hover\:bg-\[\#251a35\]:hover{--tw-bg-opacity: 1;background-color:rgb(37 26 53 / var(--tw-bg-opacity))}.hover\:bg-\[\#2563eb\]:hover{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity))}.hover\:bg-\[\#262626\]:hover{--tw-bg-opacity: 1;background-color:rgb(38 38 38 / var(--tw-bg-opacity))}.hover\:bg-\[\#2a2f3e\]:hover{--tw-bg-opacity: 1;background-color:rgb(42 47 62 / var(--tw-bg-opacity))}.hover\:bg-\[\#333\]:hover{--tw-bg-opacity: 1;background-color:rgb(51 51 51 / var(--tw-bg-opacity))}.hover\:bg-\[\#383838\]:hover{--tw-bg-opacity: 1;background-color:rgb(56 56 56 / var(--tw-bg-opacity))}.hover\:bg-\[\#3a3a3a\]:hover{--tw-bg-opacity: 1;background-color:rgb(58 58 58 / var(--tw-bg-opacity))}.hover\:bg-\[\#444444\]:hover{--tw-bg-opacity: 1;background-color:rgb(68 68 68 / var(--tw-bg-opacity))}.hover\:bg-\[\#45A049\]:hover{--tw-bg-opacity: 1;background-color:rgb(69 160 73 / var(--tw-bg-opacity))}.hover\:bg-\[\#555555\]:hover{--tw-bg-opacity: 1;background-color:rgb(85 85 85 / var(--tw-bg-opacity))}.hover\:bg-\[\#5A5A5A\]:hover{--tw-bg-opacity: 1;background-color:rgb(90 90 90 / var(--tw-bg-opacity))}.hover\:bg-\[\#666666\]:hover{--tw-bg-opacity: 1;background-color:rgb(102 102 102 / var(--tw-bg-opacity))}.hover\:bg-\[\#8A2BE2\]:hover{--tw-bg-opacity: 1;background-color:rgb(138 43 226 / var(--tw-bg-opacity))}.hover\:bg-\[\#8a3333\]:hover{--tw-bg-opacity: 1;background-color:rgb(138 51 51 / var(--tw-bg-opacity))}.hover\:bg-\[\#9370DB\]:hover{--tw-bg-opacity: 1;background-color:rgb(147 112 219 / var(--tw-bg-opacity))}.hover\:bg-\[\#E55A2B\]:hover{--tw-bg-opacity: 1;background-color:rgb(229 90 43 / var(--tw-bg-opacity))}.hover\:bg-\[\#FF5252\]:hover{--tw-bg-opacity: 1;background-color:rgb(255 82 82 / var(--tw-bg-opacity))}.hover\:bg-\[\#dc2626\]:hover{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity))}.hover\:bg-accent:hover{background-color:hsl(var(--accent))}.hover\:bg-black:hover{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.hover\:bg-black\/70:hover{background-color:#000000b3}.hover\:bg-blue-100:hover{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity))}.hover\:bg-blue-200:hover{--tw-bg-opacity: 1;background-color:rgb(191 219 254 / var(--tw-bg-opacity))}.hover\:bg-blue-500:hover{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity))}.hover\:bg-blue-600:hover{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity))}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity))}.hover\:bg-blue-800\/50:hover{background-color:#1e40af80}.hover\:bg-destructive\/80:hover{background-color:hsl(var(--destructive) / .8)}.hover\:bg-destructive\/90:hover{background-color:hsl(var(--destructive) / .9)}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.hover\:bg-gray-200:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.hover\:bg-gray-300:hover{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.hover\:bg-gray-400:hover{--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity))}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}.hover\:bg-gray-500:hover{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity))}.hover\:bg-gray-600:hover{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity))}.hover\:bg-gray-700:hover{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}.hover\:bg-gray-800:hover{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.hover\:bg-gray-800\/30:hover{background-color:#1f29374d}.hover\:bg-green-100:hover{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity))}.hover\:bg-green-200:hover{--tw-bg-opacity: 1;background-color:rgb(187 247 208 / var(--tw-bg-opacity))}.hover\:bg-green-500:hover{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity))}.hover\:bg-green-600:hover{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity))}.hover\:bg-green-700:hover{--tw-bg-opacity: 1;background-color:rgb(21 128 61 / var(--tw-bg-opacity))}.hover\:bg-muted:hover{background-color:hsl(var(--muted))}.hover\:bg-muted\/50:hover{background-color:hsl(var(--muted) / .5)}.hover\:bg-primary:hover{background-color:hsl(var(--primary))}.hover\:bg-primary\/80:hover{background-color:hsl(var(--primary) / .8)}.hover\:bg-primary\/90:hover{background-color:hsl(var(--primary) / .9)}.hover\:bg-purple-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity))}.hover\:bg-purple-200:hover{--tw-bg-opacity: 1;background-color:rgb(233 213 255 / var(--tw-bg-opacity))}.hover\:bg-purple-600:hover{--tw-bg-opacity: 1;background-color:rgb(147 51 234 / var(--tw-bg-opacity))}.hover\:bg-purple-700:hover{--tw-bg-opacity: 1;background-color:rgb(126 34 206 / var(--tw-bg-opacity))}.hover\:bg-red-100:hover{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity))}.hover\:bg-red-200:hover{--tw-bg-opacity: 1;background-color:rgb(254 202 202 / var(--tw-bg-opacity))}.hover\:bg-red-50:hover{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity))}.hover\:bg-red-600:hover{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity))}.hover\:bg-red-700:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity))}.hover\:bg-red-900\/30:hover{background-color:#7f1d1d4d}.hover\:bg-secondary:hover{background-color:hsl(var(--secondary))}.hover\:bg-secondary\/80:hover{background-color:hsl(var(--secondary) / .8)}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:bg-white\/20:hover{background-color:#fff3}.hover\:bg-yellow-100:hover{--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity))}.hover\:bg-yellow-600:hover{--tw-bg-opacity: 1;background-color:rgb(202 138 4 / var(--tw-bg-opacity))}.hover\:bg-yellow-700:hover{--tw-bg-opacity: 1;background-color:rgb(161 98 7 / var(--tw-bg-opacity))}.hover\:bg-opacity-90:hover{--tw-bg-opacity: .9}.hover\:from-blue-700:hover{--tw-gradient-from: #1d4ed8 var(--tw-gradient-from-position);--tw-gradient-to: rgb(29 78 216 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-purple-600:hover{--tw-gradient-from: #9333ea var(--tw-gradient-from-position);--tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-purple-700:hover{--tw-gradient-from: #7e22ce var(--tw-gradient-from-position);--tw-gradient-to: rgb(126 34 206 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-red-700:hover{--tw-gradient-from: #b91c1c var(--tw-gradient-from-position);--tw-gradient-to: rgb(185 28 28 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:to-blue-700:hover{--tw-gradient-to: #1d4ed8 var(--tw-gradient-to-position)}.hover\:to-orange-700:hover{--tw-gradient-to: #c2410c var(--tw-gradient-to-position)}.hover\:to-purple-700:hover{--tw-gradient-to: #7e22ce var(--tw-gradient-to-position)}.hover\:text-\[\#00ff00\]:hover{--tw-text-opacity: 1;color:rgb(0 255 0 / var(--tw-text-opacity))}.hover\:text-accent-foreground:hover{color:hsl(var(--accent-foreground))}.hover\:text-blue-200:hover{--tw-text-opacity: 1;color:rgb(191 219 254 / var(--tw-text-opacity))}.hover\:text-blue-300:hover{--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity))}.hover\:text-blue-400:hover{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity))}.hover\:text-blue-500:hover{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity))}.hover\:text-blue-700:hover{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity))}.hover\:text-foreground:hover{color:hsl(var(--foreground))}.hover\:text-gray-200:hover{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity))}.hover\:text-gray-300:hover{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}.hover\:text-gray-900:hover{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity))}.hover\:text-green-500:hover{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity))}.hover\:text-muted-foreground:hover{color:hsl(var(--muted-foreground))}.hover\:text-primary-foreground:hover{color:hsl(var(--primary-foreground))}.hover\:text-red-500:hover{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity))}.hover\:text-red-600:hover{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity))}.hover\:text-red-700:hover{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover{--tw-shadow: 0 0 0 1px hsl(var(--sidebar-accent));--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-emerald-500\/50:hover{--tw-shadow-color: rgb(16 185 129 / .5);--tw-shadow: var(--tw-shadow-colored)}.focus\:border-\[\#3b82f6\]:focus{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity))}.focus\:border-blue-500:focus{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity))}.focus\:border-transparent:focus{border-color:transparent}.focus\:bg-accent:focus{background-color:hsl(var(--accent))}.focus\:bg-gray-800:focus{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.focus\:bg-primary:focus{background-color:hsl(var(--primary))}.focus\:bg-red-900\/30:focus{background-color:#7f1d1d4d}.focus\:text-accent-foreground:focus{color:hsl(var(--accent-foreground))}.focus\:text-primary-foreground:focus{color:hsl(var(--primary-foreground))}.focus\:text-red-300:focus{--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity))}.focus\:opacity-100:focus{opacity:1}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-blue-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity))}.focus\:ring-green-400:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(74 222 128 / var(--tw-ring-opacity))}.focus\:ring-purple-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(168 85 247 / var(--tw-ring-opacity))}.focus\:ring-red-400:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity))}.focus\:ring-ring:focus{--tw-ring-color: hsl(var(--ring))}.focus\:ring-sky-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(14 165 233 / var(--tw-ring-opacity))}.focus\:ring-opacity-75:focus{--tw-ring-opacity: .75}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.focus\:ring-offset-gray-800:focus{--tw-ring-offset-color: #1f2937}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-1:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color: hsl(var(--ring))}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width: 1px}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color: hsl(var(--background))}.active\:translate-y-0:active{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:translate-y-0\.5:active{--tw-translate-y: .125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-95:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:bg-gray-700:active{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}.active\:bg-green-700:active{--tw-bg-opacity: 1;background-color:rgb(21 128 61 / var(--tw-bg-opacity))}.active\:shadow-inner:active{--tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / .05);--tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:transform-none:disabled{transform:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-gray-400:disabled{--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity))}.disabled\:opacity-50:disabled{opacity:.5}.group\/menu-item:focus-within .group-focus-within\/menu-item\:opacity-100{opacity:1}.group:hover .group-hover\:text-\[\#CCCCCC\]{--tw-text-opacity: 1;color:rgb(204 204 204 / var(--tw-text-opacity))}.group:hover .group-hover\:text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity))}.group:hover .group-hover\:text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.group\/menu-item:hover .group-hover\/menu-item\:opacity-100,.group:hover .group-hover\:opacity-100{opacity:1}.group.destructive .group-\[\.destructive\]\:border-muted\/40{border-color:hsl(var(--muted) / .4)}.group.destructive .group-\[\.destructive\]\:text-red-300{--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity))}.group.destructive .group-\[\.destructive\]\:hover\:border-destructive\/30:hover{border-color:hsl(var(--destructive) / .3)}.group.destructive .group-\[\.destructive\]\:hover\:bg-destructive:hover{background-color:hsl(var(--destructive))}.group.destructive .group-\[\.destructive\]\:hover\:text-destructive-foreground:hover{color:hsl(var(--destructive-foreground))}.group.destructive .group-\[\.destructive\]\:hover\:text-red-50:hover{--tw-text-opacity: 1;color:rgb(254 242 242 / var(--tw-text-opacity))}.group.destructive .group-\[\.destructive\]\:focus\:ring-destructive:focus{--tw-ring-color: hsl(var(--destructive))}.group.destructive .group-\[\.destructive\]\:focus\:ring-red-400:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity))}.group.destructive .group-\[\.destructive\]\:focus\:ring-offset-red-600:focus{--tw-ring-offset-color: #dc2626}.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\:opacity-70{opacity:.7}.has-\[\:disabled\]\:opacity-50:has(:disabled){opacity:.5}.aria-disabled\:pointer-events-none[aria-disabled=true]{pointer-events:none}.aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.aria-selected\:bg-accent[aria-selected=true]{background-color:hsl(var(--accent))}.aria-selected\:bg-accent\/50[aria-selected=true]{background-color:hsl(var(--accent) / .5)}.aria-selected\:text-accent-foreground[aria-selected=true]{color:hsl(var(--accent-foreground))}.aria-selected\:text-muted-foreground[aria-selected=true]{color:hsl(var(--muted-foreground))}.aria-selected\:opacity-100[aria-selected=true]{opacity:1}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true],.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction=vertical]{height:1px}.data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction=vertical]{width:100%}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=checked\]\:translate-x-5[data-state=checked]{--tw-translate-x: 1.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked],.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel]{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end]{--tw-translate-x: var(--radix-toast-swipe-end-x);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{--tw-translate-x: var(--radix-toast-swipe-move-x);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction=vertical]{flex-direction:column}.data-\[selected\=\'true\'\]\:bg-accent[data-selected=true]{background-color:hsl(var(--accent))}.data-\[state\=active\]\:bg-background[data-state=active]{background-color:hsl(var(--background))}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:hsl(var(--primary))}.data-\[state\=on\]\:bg-accent[data-state=on],.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:hsl(var(--accent))}.data-\[state\=open\]\:bg-accent\/50[data-state=open]{background-color:hsl(var(--accent) / .5)}.data-\[state\=open\]\:bg-secondary[data-state=open]{background-color:hsl(var(--secondary))}.data-\[state\=selected\]\:bg-muted[data-state=selected]{background-color:hsl(var(--muted))}.data-\[state\=unchecked\]\:bg-input[data-state=unchecked]{background-color:hsl(var(--input))}.data-\[active\=true\]\:font-medium[data-active=true]{font-weight:500}.data-\[placeholder\]\:text-muted-foreground[data-placeholder]{color:hsl(var(--muted-foreground))}.data-\[selected\=true\]\:text-accent-foreground[data-selected=true]{color:hsl(var(--accent-foreground))}.data-\[state\=active\]\:text-foreground[data-state=active]{color:hsl(var(--foreground))}.data-\[state\=checked\]\:text-primary-foreground[data-state=checked]{color:hsl(var(--primary-foreground))}.data-\[state\=on\]\:text-accent-foreground[data-state=on],.data-\[state\=open\]\:text-accent-foreground[data-state=open]{color:hsl(var(--accent-foreground))}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:hsl(var(--muted-foreground))}.data-\[disabled\=true\]\:opacity-50[data-disabled=true],.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[state\=open\]\:opacity-100[data-state=open]{opacity:1}.data-\[state\=active\]\:shadow-sm[data-state=active]{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.data-\[swipe\=move\]\:transition-none[data-swipe=move]{transition-property:none}.data-\[state\=closed\]\:duration-300[data-state=closed]{transition-duration:.3s}.data-\[state\=open\]\:duration-500[data-state=open]{transition-duration:.5s}.data-\[motion\^\=from-\]\:animate-in[data-motion^=from-],.data-\[state\=open\]\:animate-in[data-state=open],.data-\[state\=visible\]\:animate-in[data-state=visible]{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.data-\[motion\^\=to-\]\:animate-out[data-motion^=to-],.data-\[state\=closed\]\:animate-out[data-state=closed],.data-\[state\=hidden\]\:animate-out[data-state=hidden],.data-\[swipe\=end\]\:animate-out[data-swipe=end]{animation-name:exit;animation-duration:.15s;--tw-exit-opacity: initial;--tw-exit-scale: initial;--tw-exit-rotate: initial;--tw-exit-translate-x: initial;--tw-exit-translate-y: initial}.data-\[motion\^\=from-\]\:fade-in[data-motion^=from-]{--tw-enter-opacity: 0}.data-\[motion\^\=to-\]\:fade-out[data-motion^=to-],.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity: 0}.data-\[state\=closed\]\:fade-out-80[data-state=closed]{--tw-exit-opacity: .8}.data-\[state\=hidden\]\:fade-out[data-state=hidden]{--tw-exit-opacity: 0}.data-\[state\=open\]\:fade-in-0[data-state=open],.data-\[state\=visible\]\:fade-in[data-state=visible]{--tw-enter-opacity: 0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale: .95}.data-\[state\=open\]\:zoom-in-90[data-state=open]{--tw-enter-scale: .9}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale: .95}.data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion=from-end]{--tw-enter-translate-x: 13rem}.data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion=from-start]{--tw-enter-translate-x: -13rem}.data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion=to-end]{--tw-exit-translate-x: 13rem}.data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion=to-start]{--tw-exit-translate-x: -13rem}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y: -.5rem}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x: .5rem}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x: -.5rem}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y: .5rem}.data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed]{--tw-exit-translate-y: 100%}.data-\[state\=closed\]\:slide-out-to-left[data-state=closed]{--tw-exit-translate-x: -100%}.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x: -50%}.data-\[state\=closed\]\:slide-out-to-right[data-state=closed],.data-\[state\=closed\]\:slide-out-to-right-full[data-state=closed]{--tw-exit-translate-x: 100%}.data-\[state\=closed\]\:slide-out-to-top[data-state=closed]{--tw-exit-translate-y: -100%}.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y: -48%}.data-\[state\=open\]\:slide-in-from-bottom[data-state=open]{--tw-enter-translate-y: 100%}.data-\[state\=open\]\:slide-in-from-left[data-state=open]{--tw-enter-translate-x: -100%}.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x: -50%}.data-\[state\=open\]\:slide-in-from-right[data-state=open]{--tw-enter-translate-x: 100%}.data-\[state\=open\]\:slide-in-from-top[data-state=open]{--tw-enter-translate-y: -100%}.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y: -48%}.data-\[state\=open\]\:slide-in-from-top-full[data-state=open]{--tw-enter-translate-y: -100%}.data-\[state\=closed\]\:duration-300[data-state=closed]{animation-duration:.3s}.data-\[state\=open\]\:duration-500[data-state=open]{animation-duration:.5s}.data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction=vertical]:after{content:var(--tw-content);left:0}.data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction=vertical]:after{content:var(--tw-content);height:.25rem}.data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction=vertical]:after{content:var(--tw-content);width:100%}.data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction=vertical]:after{content:var(--tw-content);--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction=vertical]:after{content:var(--tw-content);--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=open\]\:hover\:bg-accent:hover[data-state=open]{background-color:hsl(var(--accent))}.data-\[state\=open\]\:focus\:bg-accent:focus[data-state=open]{background-color:hsl(var(--accent))}.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]{left:calc(var(--sidebar-width) * -1)}.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]{right:calc(var(--sidebar-width) * -1)}.group[data-side=left] .group-data-\[side\=left\]\:-right-4{right:-1rem}.group[data-side=right] .group-data-\[side\=right\]\:left-0{left:0}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:-mt-8{margin-top:-2rem}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:hidden{display:none}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:\!size-8{width:2rem!important;height:2rem!important}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:w-\[--sidebar-width-icon\]{width:var(--sidebar-width-icon)}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)\)\]{width:calc(var(--sidebar-width-icon) + 1rem)}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)_\+2px\)\]{width:calc(var(--sidebar-width-icon) + 1rem + 2px)}.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:w-0{width:0px}.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[data-side=right] .group-data-\[side\=right\]\:rotate-180,.group[data-state=open] .group-data-\[state\=open\]\:rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:overflow-hidden{overflow:hidden}.group[data-variant=floating] .group-data-\[variant\=floating\]\:rounded-lg{border-radius:var(--radius)}.group[data-variant=floating] .group-data-\[variant\=floating\]\:border{border-width:1px}.group[data-side=left] .group-data-\[side\=left\]\:border-r{border-right-width:1px}.group[data-side=right] .group-data-\[side\=right\]\:border-l{border-left-width:1px}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:\!p-0{padding:0!important}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:\!p-2{padding:.5rem!important}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:opacity-0{opacity:0}.group[data-variant=floating] .group-data-\[variant\=floating\]\:shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:after\:left-full:after{content:var(--tw-content);left:100%}.peer\/menu-button[data-size=default]~.peer-data-\[size\=default\]\/menu-button\:top-1\.5{top:.375rem}.peer\/menu-button[data-size=lg]~.peer-data-\[size\=lg\]\/menu-button\:top-2\.5{top:.625rem}.peer\/menu-button[data-size=sm]~.peer-data-\[size\=sm\]\/menu-button\:top-1{top:.25rem}:is(.dark .dark\:border-destructive){border-color:hsl(var(--destructive))}@media (min-width: 640px){.sm\:bottom-0{bottom:0}.sm\:right-0{right:0}.sm\:top-auto{top:auto}.sm\:mx-0{margin-left:0;margin-right:0}.sm\:mb-2{margin-bottom:.5rem}.sm\:mb-4{margin-bottom:1rem}.sm\:ml-2{margin-left:.5rem}.sm\:mt-0{margin-top:0}.sm\:mt-2{margin-top:.5rem}.sm\:mt-4{margin-top:1rem}.sm\:inline{display:inline}.sm\:flex{display:flex}.sm\:size-14{width:3.5rem;height:3.5rem}.sm\:h-32{height:8rem}.sm\:h-8{height:2rem}.sm\:min-h-\[40px\]{min-height:40px}.sm\:w-8{width:2rem}.sm\:min-w-\[40px\]{min-width:40px}.sm\:max-w-\[425px\]{max-width:425px}.sm\:max-w-sm{max-width:24rem}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:flex-col{flex-direction:column}.sm\:items-end{align-items:flex-end}.sm\:justify-end{justify-content:flex-end}.sm\:justify-between{justify-content:space-between}.sm\:gap-2{gap:.5rem}.sm\:gap-2\.5{gap:.625rem}.sm\:space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.sm\:space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.sm\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}.sm\:rounded-lg{border-radius:var(--radius)}.sm\:p-1{padding:.25rem}.sm\:p-2{padding:.5rem}.sm\:p-2\.5{padding:.625rem}.sm\:p-3{padding:.75rem}.sm\:px-2{padding-left:.5rem;padding-right:.5rem}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:py-2{padding-top:.5rem;padding-bottom:.5rem}.sm\:py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.sm\:text-left{text-align:left}.data-\[state\=open\]\:sm\:slide-in-from-bottom-full[data-state=open]{--tw-enter-translate-y: 100%}}@media (min-width: 768px){.md\:absolute{position:absolute}.md\:mb-2{margin-bottom:.5rem}.md\:mt-0{margin-top:0}.md\:block{display:block}.md\:inline-block{display:inline-block}.md\:inline{display:inline}.md\:flex{display:flex}.md\:hidden{display:none}.md\:h-16{height:4rem}.md\:h-auto{height:auto}.md\:w-20{width:5rem}.md\:w-80{width:20rem}.md\:w-\[var\(--radix-navigation-menu-viewport-width\)\]{width:var(--radix-navigation-menu-viewport-width)}.md\:w-auto{width:auto}.md\:min-w-\[400px\]{min-width:400px}.md\:max-w-\[420px\]{max-width:420px}.md\:max-w-lg{max-width:32rem}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:flex-col{flex-direction:column}.md\:items-center{align-items:center}.md\:gap-2{gap:.5rem}.md\:gap-3{gap:.75rem}.md\:space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.md\:rounded-2xl{border-radius:1rem}.md\:p-12{padding:3rem}.md\:p-2{padding:.5rem}.md\:p-3{padding:.75rem}.md\:p-4{padding:1rem}.md\:p-6{padding:1.5rem}.md\:p-8{padding:2rem}.md\:px-2{padding-left:.5rem;padding-right:.5rem}.md\:px-3{padding-left:.75rem;padding-right:.75rem}.md\:px-4{padding-left:1rem;padding-right:1rem}.md\:py-1{padding-top:.25rem;padding-bottom:.25rem}.md\:py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.md\:py-2{padding-top:.5rem;padding-bottom:.5rem}.md\:py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.md\:pb-4{padding-bottom:1rem}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}.md\:text-xs{font-size:.75rem;line-height:1rem}.md\:opacity-0{opacity:0}.after\:md\:hidden:after{content:var(--tw-content);display:none}.peer[data-variant=inset]~.md\:peer-data-\[variant\=inset\]\:m-2{margin:.5rem}.peer[data-state=collapsed][data-variant=inset]~.md\:peer-data-\[state\=collapsed\]\:peer-data-\[variant\=inset\]\:ml-2{margin-left:.5rem}.peer[data-variant=inset]~.md\:peer-data-\[variant\=inset\]\:ml-0{margin-left:0}.peer[data-variant=inset]~.md\:peer-data-\[variant\=inset\]\:rounded-xl{border-radius:.75rem}.peer[data-variant=inset]~.md\:peer-data-\[variant\=inset\]\:shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}}@media (min-width: 1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (min-width: 1280px){.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}.\[\&\:has\(\[aria-selected\]\)\]\:bg-accent:has([aria-selected]){background-color:hsl(var(--accent))}.first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:has([aria-selected]):first-child{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:has([aria-selected]):last-child{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[aria-selected\]\.day-outside\)\]\:bg-accent\/50:has([aria-selected].day-outside){background-color:hsl(var(--accent) / .5)}.\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-md:has([aria-selected].day-range-end){border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:0}.\[\&\>button\]\:hidden>button{display:none}.\[\&\>span\:last-child\]\:truncate>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.\[\&\>span\]\:line-clamp-1>span{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div{--tw-translate-y: -3px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&\>svg\]\:absolute>svg{position:absolute}.\[\&\>svg\]\:left-4>svg{left:1rem}.\[\&\>svg\]\:top-4>svg{top:1rem}.\[\&\>svg\]\:size-4>svg{width:1rem;height:1rem}.\[\&\>svg\]\:h-2\.5>svg{height:.625rem}.\[\&\>svg\]\:h-3>svg{height:.75rem}.\[\&\>svg\]\:h-3\.5>svg{height:.875rem}.\[\&\>svg\]\:w-2\.5>svg{width:.625rem}.\[\&\>svg\]\:w-3>svg{width:.75rem}.\[\&\>svg\]\:w-3\.5>svg{width:.875rem}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.\[\&\>svg\]\:text-destructive>svg{color:hsl(var(--destructive))}.\[\&\>svg\]\:text-foreground>svg{color:hsl(var(--foreground))}.\[\&\>svg\]\:text-muted-foreground>svg{color:hsl(var(--muted-foreground))}.\[\&\>svg\~\*\]\:pl-7>svg~*{padding-left:1.75rem}.\[\&\>tr\]\:last\:border-b-0:last-child>tr{border-bottom-width:0px}.\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction=vertical]>div{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text{fill:hsl(var(--muted-foreground))}.\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"]{stroke:hsl(var(--border) / .5)}.\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor{stroke:hsl(var(--border))}.\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke="#fff"]{stroke:transparent}.\[\&_\.recharts-layer\]\:outline-none .recharts-layer{outline:2px solid transparent;outline-offset:2px}.\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke="#ccc"]{stroke:hsl(var(--border))}.\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector,.\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor{fill:hsl(var(--muted))}.\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke="#ccc"]{stroke:hsl(var(--border))}.\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke="#fff"]{stroke:transparent}.\[\&_\.recharts-sector\]\:outline-none .recharts-sector,.\[\&_\.recharts-surface\]\:outline-none .recharts-surface{outline:2px solid transparent;outline-offset:2px}.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{padding-top:.375rem;padding-bottom:.375rem}.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size:.75rem;line-height:1rem}.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{font-weight:500}.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading]{color:hsl(var(--muted-foreground))}.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{padding-top:0}.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{height:1.25rem}.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{width:1.25rem}.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{height:3rem}.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{padding-top:.75rem;padding-bottom:.75rem}.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{height:1.25rem}.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{width:1.25rem}.\[\&_a\]\:text-blue-300 a{--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity))}.\[\&_a\]\:underline a{text-decoration-line:underline}.\[\&_img\]\:max-w-full img{max-width:100%}.\[\&_p\]\:leading-relaxed p{line-height:1.625}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:1rem;height:1rem}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_table\]\:w-full table{width:100%}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-width:0px}.\[\&_tr\]\:border-b tr{border-bottom-width:1px}[data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2{right:-.5rem}[data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize{cursor:e-resize}[data-side=left] .\[\[data-side\=left\]_\&\]\:cursor-w-resize{cursor:w-resize}[data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2{left:-.5rem}[data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize{cursor:w-resize}[data-side=right] .\[\[data-side\=right\]_\&\]\:cursor-e-resize{cursor:e-resize}