@font-face{font-family:VT323;src:url(/drumline-radio/assets/vt323-latin-400-normal-wDgJuOC9.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#12002b;--panel:#140628d1;--text:#fbe9ff;--muted:#b59ac9;--accent:#ff4fa3;--accent-2:#2de2e6;--glow:#ff4fa3;--flash:0;--ui-font:system-ui, -apple-system, "Segoe UI", sans-serif;--readout-font:"VT323", monospace}:root[data-style=synthwave]{--bg:#12002b;--panel:#140628d1;--text:#fbe9ff;--muted:#b59ac9;--accent:#ff4fa3;--accent-2:#2de2e6;--glow:#ff4fa3}:root[data-style=chiptune]{--bg:#0b0f14;--panel:#0a100ce6;--text:#d8ffd0;--muted:#7fa07a;--accent:#7cff4f;--accent-2:#4fd1ff;--glow:#7cff4f}:root[data-style=orchestral]{--bg:#1a120b;--panel:#261a10e0;--text:#f3e6cc;--muted:#b29f80;--accent:#e8c27a;--accent-2:#c97b4a;--glow:#e8c27a}:root[data-style=techno]{--bg:#050505;--panel:#0e0e0eeb;--text:#f0f0f0;--muted:#8a8a8a;--accent:#c6ff00;--accent-2:#ff2a2a;--glow:#c6ff00}:root[data-style=lofi]{--bg:#1a1418;--panel:#22181ee0;--text:#f5e6dc;--muted:#b39a94;--accent:#ffb37a;--accent-2:#7fd1c7;--glow:#ffb37a}:root[data-style=cinematic]{--bg:#0c1018;--panel:#10141ee0;--text:#eef1f6;--muted:#98a3b5;--accent:#f2b55a;--accent-2:#9ec3ff;--glow:#f2b55a}:root[data-style=altrock]{--bg:#120c0c;--panel:#1c0e0ee0;--text:#f6eee6;--muted:#b39d94;--accent:#ff4136;--accent-2:#ffd23f;--glow:#ff4136}:root[data-style=ambient]{--bg:#0b1418;--panel:#0e181edb;--text:#e9f1ee;--muted:#8fa6a3;--accent:#9fd8cb;--accent-2:#c9b8f0;--glow:#7fc4b6}:root[data-style=studio]{--bg:#15171a;--panel:#181b1fe0;--text:#f1f2ee;--muted:#9aa1a8;--accent:#5ee0c1;--accent-2:#ff8a5c;--glow:#5ee0c1}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--bg);min-height:100dvh;color:var(--text);font-family:var(--ui-font);transition:background .6s;overflow-x:hidden}body:after{content:"";z-index:0;pointer-events:none;position:fixed;inset:0}:root[data-style=synthwave] body{background:radial-gradient(circle at 50% 66%,#ffb347 0 9%,#0000 9.2%) fixed,linear-gradient(#12002b 0%,#2a0750 45%,#6b1a6e 62%,#ff4fa3 72%,#12002b 72.2%) fixed}:root[data-style=synthwave] body:after{transform-origin:top;background:repeating-linear-gradient(90deg,#2de2e659 0 1px,#0000 1px 40px),repeating-linear-gradient(0deg,#2de2e659 0 1px,#0000 1px 40px);height:28%;inset:auto 0 0;transform:perspective(300px)rotateX(60deg)}body:before{content:"";z-index:0;pointer-events:none;position:fixed}:root[data-style=chiptune] body{background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 16' shape-rendering='crispEdges'><polygon fill='%23214470' points='0,16 0,9 2,9 2,8 4,8 4,6 6,6 6,4 8,4 8,3 10,3 10,4 12,4 12,6 14,6 14,7 16,7 16,5 18,5 18,4 20,4 20,5 22,5 22,7 24,7 24,8 26,8 26,6 28,6 28,4 30,4 30,2 32,2 32,4 34,4 34,5 36,5 36,7 38,7 38,8 40,8 40,7 42,7 42,5 44,5 44,4 46,4 46,5 48,5 48,7 50,7 50,8 52,8 52,6 54,6 54,5 56,5 56,6 58,6 58,8 60,8 60,9 64,9 64,16'/><polygon fill='%231f6b34' points='0,16 0,12 3,12 3,11 6,11 6,10 10,10 10,11 13,11 13,12 18,12 18,11 21,11 21,10 25,10 25,9 29,9 29,10 32,10 32,11 36,11 36,12 40,12 40,11 44,11 44,10 47,10 47,11 50,11 50,12 54,12 54,11 58,11 58,10 61,10 61,12 64,12 64,16'/><rect fill='%233fbf4f' y='13' width='64' height='1'/><rect fill='%235a3b1e' y='14' width='64' height='2'/><rect fill='%23784f28' x='5' y='15' width='2' height='1'/><rect fill='%23784f28' x='21' y='14' width='2' height='1'/><rect fill='%23784f28' x='38' y='15' width='2' height='1'/><rect fill='%23784f28' x='55' y='14' width='2' height='1'/></svg>") 0 100%/auto 60% repeat-x fixed,url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' shape-rendering='crispEdges'><path fill='%23f4f1c9' d='M2 0h4v1h1v1h1v4h-1v1h-1v1h-4v-1h-1v-1h-1v-4h1v-1h1z'/><rect fill='%23d6d19c' x='4' y='2' width='2' height='1'/><rect fill='%23d6d19c' x='2' y='5' width='1' height='1'/></svg>") right 14% top 22%/9vmin 9vmin no-repeat fixed,url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' shape-rendering='crispEdges' fill='%23ffffff'><rect x='5' y='7' width='1' height='1' opacity='0.8'/><rect x='23' y='3' width='1' height='1' opacity='0.5'/><rect x='41' y='12' width='1' height='1' opacity='0.9'/><rect x='58' y='5' width='1' height='1' opacity='0.6'/><rect x='13' y='24' width='1' height='1' opacity='0.5'/><rect x='34' y='30' width='1' height='1' opacity='0.8'/><rect x='52' y='27' width='1' height='1' opacity='0.5'/><rect x='8' y='44' width='1' height='1' opacity='0.7'/><rect x='27' y='51' width='1' height='1' opacity='0.4'/><rect x='46' y='47' width='1' height='1' opacity='0.8'/><rect x='61' y='58' width='1' height='1' opacity='0.5'/></svg>") 0 0/192px 192px fixed,linear-gradient(#070b1f 0%,#101a3d 55%,#1d2a5c 100%) fixed}@media (aspect-ratio<=1){:root[data-style=chiptune] body{background-size:auto 44%,12vmin 12vmin,192px 192px,auto}}:root[data-style=chiptune] body:after{background:repeating-linear-gradient(0deg,#00000040 0 1px,#0000 1px 3px)}:root[data-style=orchestral] body{background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 1000' preserveAspectRatio='none'><defs><linearGradient id='g' x1='0' x2='1'><stop offset='0' stop-color='%23300509'/><stop offset='0.7' stop-color='%235c0d16'/><stop offset='1' stop-color='%235c0d16' stop-opacity='0'/></linearGradient><filter id='f'><feGaussianBlur stdDeviation='6'/></filter></defs><path fill='url(%23g)' d='M0 0 H190 C150 300 175 650 120 1000 H0 Z'/><g filter='url(%23f)' fill='%23a0283a' opacity='0.45'><ellipse cx='40' cy='500' rx='9' ry='520'/><ellipse cx='95' cy='480' rx='8' ry='520'/><ellipse cx='145' cy='420' rx='6' ry='460'/></g></svg>") 0 0/14% 100% no-repeat fixed,url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 1000' preserveAspectRatio='none'><defs><linearGradient id='g' x1='0' x2='1'><stop offset='0' stop-color='%23300509'/><stop offset='0.7' stop-color='%235c0d16'/><stop offset='1' stop-color='%235c0d16' stop-opacity='0'/></linearGradient><filter id='f'><feGaussianBlur stdDeviation='6'/></filter></defs><g transform='translate(200 0) scale(-1 1)'><path fill='url(%23g)' d='M0 0 H190 C150 300 175 650 120 1000 H0 Z'/><g filter='url(%23f)' fill='%23a0283a' opacity='0.45'><ellipse cx='40' cy='500' rx='9' ry='520'/><ellipse cx='95' cy='480' rx='8' ry='520'/><ellipse cx='145' cy='420' rx='6' ry='460'/></g></g></svg>") 100% 0/14% 100% no-repeat fixed,radial-gradient(34% 85% at 50% -10%,#ffe2aa33,#0000 70%) fixed,url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 400'><defs><linearGradient id='p' x1='0' x2='1'><stop offset='0' stop-color='%237a5a2c'/><stop offset='0.45' stop-color='%23f0d08e'/><stop offset='1' stop-color='%236b4e26'/></linearGradient><linearGradient id='fade' y1='0' y2='1' x1='0' x2='0'><stop offset='0' stop-color='white' stop-opacity='0.9'/><stop offset='1' stop-color='white' stop-opacity='0'/></linearGradient><mask id='m'><rect width='1000' height='400' fill='url(%23fade)'/></mask></defs><g fill='url(%23p)' mask='url(%23m)' opacity='0.22'><rect x='40' y='270' width='26' height='130' rx='13'/><rect x='80' y='236' width='26' height='164' rx='13'/><rect x='120' y='204' width='26' height='196' rx='13'/><rect x='160' y='176' width='26' height='224' rx='13'/><rect x='200' y='151' width='26' height='249' rx='13'/><rect x='240' y='130' width='26' height='270' rx='13'/><rect x='280' y='112' width='26' height='288' rx='13'/><rect x='320' y='97' width='26' height='303' rx='13'/><rect x='360' y='85' width='26' height='315' rx='13'/><rect x='400' y='77' width='26' height='323' rx='13'/><rect x='440' y='72' width='26' height='328' rx='13'/><rect x='480' y='70' width='26' height='330' rx='13'/><rect x='520' y='72' width='26' height='328' rx='13'/><rect x='560' y='77' width='26' height='323' rx='13'/><rect x='600' y='85' width='26' height='315' rx='13'/><rect x='640' y='97' width='26' height='303' rx='13'/><rect x='680' y='112' width='26' height='288' rx='13'/><rect x='720' y='130' width='26' height='270' rx='13'/><rect x='760' y='151' width='26' height='249' rx='13'/><rect x='800' y='176' width='26' height='224' rx='13'/><rect x='840' y='204' width='26' height='196' rx='13'/><rect x='880' y='236' width='26' height='164' rx='13'/><rect x='920' y='270' width='26' height='130' rx='13'/></g></svg>") 50% 20%/min(900px,76%) no-repeat fixed,radial-gradient(60% 20% at 50% 100%,#e8c27a29,#0000 70%) fixed,radial-gradient(at 50% 35%,#2e1f12,#120b06 75%) fixed}:root[data-style=orchestral] body:before{opacity:.7;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='320' height='320'><defs><filter id='b'><feGaussianBlur stdDeviation='1.2'/></filter></defs><g fill='%23ffe2a8' filter='url(%23b)'><circle cx='40' cy='60' r='2' opacity='0.5'/><circle cx='150' cy='20' r='1.5' opacity='0.35'/><circle cx='260' cy='110' r='2.2' opacity='0.45'/><circle cx='90' cy='200' r='1.6' opacity='0.4'/><circle cx='210' cy='250' r='2' opacity='0.5'/><circle cx='300' cy='290' r='1.4' opacity='0.3'/><circle cx='20' cy='300' r='1.8' opacity='0.35'/></g></svg>") 0 0/320px 320px;animation:48s linear infinite dust;inset:0 0 -320px}@keyframes dust{0%{transform:translateY(0)}to{transform:translateY(-320px)}}:root[data-style=techno] body{background:repeating-linear-gradient(0deg, #c6ff0012 0 1px, transparent 1px 16px) bottom / 100% 16% no-repeat fixed, radial-gradient(ellipse 70% 30% at 50% 100%, #c6ff001a, transparent 70%) fixed, radial-gradient(ellipse 60% 25% at 50% 0, #ff2a2a14, transparent 70%) fixed, var(--bg)}:root[data-style=techno] body:before{transform-origin:50% 0;background:conic-gradient(from 0deg at 50% 0, transparent 0 128deg, #c6ff0080 128deg 128.3deg, transparent 128.3deg 141deg, #ff2a2a73 141deg 141.3deg, transparent 141.3deg 153deg, #c6ff0080 153deg 153.3deg, transparent 153.3deg 166deg, #ff2a2a73 166deg 166.3deg, transparent 166.3deg 179.85deg, #c6ff008c 179.85deg 180.15deg, transparent 180.15deg 193.7deg, #ff2a2a73 193.7deg 194deg, transparent 194deg 206.7deg, #c6ff0080 206.7deg 207deg, transparent 207deg 218.7deg, #ff2a2a73 218.7deg 219deg, transparent 219deg 231.7deg, #c6ff0080 231.7deg 232deg, transparent 232deg 360deg);opacity:.6;width:200vmax;height:130vmax;margin-left:-100vmax;animation:7s ease-in-out infinite alternate laser-sway;top:0;left:50%;-webkit-mask-image:radial-gradient(50% 60% at 50% 0,#000 10%,#0000 75%);mask-image:radial-gradient(50% 60% at 50% 0,#000 10%,#0000 75%)}@keyframes laser-sway{0%{transform:rotate(-9deg)}to{transform:rotate(9deg)}}:root[data-style=techno] body:after{background:var(--accent);opacity:var(--flash,0)}:root[data-style=lofi] body{background:radial-gradient(circle at 6% 100%,#ffb37a47,#0000 38%) fixed,url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 600' preserveAspectRatio='xMidYMax slice'><defs><filter id='b' x='-50%' y='-50%' width='200%' height='200%'><feGaussianBlur stdDeviation='6'/></filter></defs><g filter='url(%23b)'><circle cx='60' cy='330' r='16' fill='%23ffb37a' opacity='0.5'/><circle cx='150' cy='300' r='11' fill='%23ff7a8a' opacity='0.45'/><circle cx='240' cy='345' r='19' fill='%23f6d186' opacity='0.4'/><circle cx='330' cy='310' r='13' fill='%237fd1c7' opacity='0.45'/><circle cx='420' cy='350' r='17' fill='%23ffb37a' opacity='0.45'/><circle cx='500' cy='295' r='10' fill='%23e8a0bf' opacity='0.5'/><circle cx='590' cy='335' r='18' fill='%23f6d186' opacity='0.4'/><circle cx='680' cy='305' r='12' fill='%237fd1c7' opacity='0.45'/><circle cx='770' cy='345' r='20' fill='%23ffb37a' opacity='0.4'/><circle cx='860' cy='315' r='13' fill='%23ff7a8a' opacity='0.45'/><circle cx='950' cy='340' r='17' fill='%237fd1c7' opacity='0.4'/><circle cx='200' cy='370' r='24' fill='%23ffb37a' opacity='0.3'/><circle cx='720' cy='375' r='26' fill='%23f6d186' opacity='0.28'/></g><g fill='%23140c14'><rect x='0' y='410' width='40' height='190'/><rect x='44' y='380' width='30' height='220'/><rect x='78' y='430' width='50' height='170'/><rect x='132' y='395' width='34' height='205'/><rect x='170' y='420' width='44' height='180'/><rect x='218' y='370' width='28' height='230'/><rect x='250' y='405' width='46' height='195'/><rect x='300' y='430' width='38' height='170'/><rect x='342' y='385' width='32' height='215'/><rect x='378' y='415' width='50' height='185'/><rect x='432' y='365' width='26' height='235'/><rect x='462' y='400' width='44' height='200'/><rect x='510' y='425' width='36' height='175'/><rect x='550' y='380' width='30' height='220'/><rect x='584' y='410' width='48' height='190'/><rect x='636' y='435' width='40' height='165'/><rect x='680' y='390' width='28' height='210'/><rect x='712' y='420' width='46' height='180'/><rect x='762' y='375' width='34' height='225'/><rect x='800' y='405' width='42' height='195'/><rect x='846' y='430' width='36' height='170'/><rect x='886' y='385' width='30' height='215'/><rect x='920' y='410' width='44' height='190'/><rect x='968' y='395' width='32' height='205'/></g><g fill='%23ffcf8a' opacity='0.4'><rect x='11' y='437' width='4' height='5'/><rect x='7' y='464' width='4' height='5'/><rect x='16' y='448' width='4' height='5'/><rect x='52' y='393' width='4' height='5'/><rect x='50' y='389' width='4' height='5'/><rect x='60' y='423' width='4' height='5'/><rect x='100' y='489' width='4' height='5'/><rect x='85' y='452' width='4' height='5'/><rect x='115' y='472' width='4' height='5'/><rect x='147' y='420' width='4' height='5'/><rect x='141' y='455' width='4' height='5'/><rect x='139' y='419' width='4' height='5'/><rect x='187' y='487' width='4' height='5'/><rect x='175' y='481' width='4' height='5'/><rect x='190' y='479' width='4' height='5'/><rect x='230' y='390' width='4' height='5'/><rect x='227' y='397' width='4' height='5'/><rect x='231' y='418' width='4' height='5'/><rect x='277' y='418' width='4' height='5'/><rect x='275' y='455' width='4' height='5'/><rect x='278' y='445' width='4' height='5'/><rect x='311' y='449' width='4' height='5'/><rect x='311' y='468' width='4' height='5'/><rect x='312' y='443' width='4' height='5'/><rect x='363' y='446' width='4' height='5'/><rect x='355' y='393' width='4' height='5'/><rect x='355' y='429' width='4' height='5'/><rect x='401' y='477' width='4' height='5'/><rect x='414' y='435' width='4' height='5'/><rect x='408' y='450' width='4' height='5'/><rect x='445' y='391' width='4' height='5'/><rect x='442' y='401' width='4' height='5'/><rect x='438' y='387' width='4' height='5'/><rect x='485' y='424' width='4' height='5'/><rect x='468' y='413' width='4' height='5'/><rect x='468' y='437' width='4' height='5'/><rect x='534' y='450' width='4' height='5'/><rect x='530' y='467' width='4' height='5'/><rect x='534' y='463' width='4' height='5'/><rect x='564' y='397' width='4' height='5'/><rect x='560' y='392' width='4' height='5'/><rect x='567' y='446' width='4' height='5'/><rect x='600' y='458' width='4' height='5'/><rect x='616' y='435' width='4' height='5'/><rect x='599' y='440' width='4' height='5'/><rect x='653' y='490' width='4' height='5'/><rect x='658' y='463' width='4' height='5'/><rect x='660' y='478' width='4' height='5'/><rect x='690' y='455' width='4' height='5'/><rect x='694' y='404' width='4' height='5'/><rect x='685' y='443' width='4' height='5'/><rect x='730' y='445' width='4' height='5'/><rect x='731' y='435' width='4' height='5'/><rect x='737' y='487' width='4' height='5'/><rect x='771' y='401' width='4' height='5'/><rect x='780' y='384' width='4' height='5'/><rect x='767' y='405' width='4' height='5'/><rect x='826' y='418' width='4' height='5'/><rect x='832' y='431' width='4' height='5'/><rect x='827' y='456' width='4' height='5'/><rect x='860' y='439' width='4' height='5'/><rect x='860' y='456' width='4' height='5'/><rect x='860' y='447' width='4' height='5'/><rect x='903' y='448' width='4' height='5'/><rect x='892' y='411' width='4' height='5'/><rect x='896' y='450' width='4' height='5'/><rect x='952' y='436' width='4' height='5'/><rect x='932' y='434' width='4' height='5'/><rect x='948' y='456' width='4' height='5'/><rect x='977' y='424' width='4' height='5'/><rect x='990' y='403' width='4' height='5'/><rect x='983' y='405' width='4' height='5'/></g></svg>") bottom/cover no-repeat fixed,linear-gradient(#120c1a 0%,#24162a 55%,#3a2433 100%) fixed}:root[data-style=lofi] body:before{background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240' stroke='%23c8dcff' stroke-linecap='round'><g stroke-opacity='0.22'><line x1='20' y1='10' x2='16' y2='40'/><line x1='70' y1='120' x2='66' y2='150'/><line x1='120' y1='40' x2='116' y2='70'/><line x1='170' y1='160' x2='166' y2='190'/><line x1='215' y1='80' x2='211' y2='110'/><line x1='45' y1='190' x2='41' y2='220'/><line x1='145' y1='210' x2='141' y2='238'/><line x1='95' y1='0' x2='92' y2='22'/></g></svg>") 0 0/240px 240px;animation:.9s linear infinite rain;inset:-240px 0 0}@keyframes rain{0%{transform:translateY(0)}to{transform:translateY(240px)}}:root[data-style=lofi] body:after{background:radial-gradient(#0000 55%,#00000073 100%)}:root[data-style=cinematic] body{background:linear-gradient(#000,#000) top/100% 4.5vh no-repeat fixed,linear-gradient(#000,#000) bottom/100% 4.5vh no-repeat fixed,radial-gradient(circle at 50% 57%,#fff4dcf2 0 .5%,#f2b55a59 1.6%,#0000 7%) fixed,linear-gradient(90deg,#0000 4%,#9ec3ff80 50%,#0000 96%) 0 57%/100% 2px no-repeat fixed,radial-gradient(22% 2.5% at 50% 57%,#c8dcff59,#0000 70%) fixed,url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 300' preserveAspectRatio='none'><path fill='%23263450' d='M0 120 L80 70 L150 110 L230 40 L320 105 L400 60 L470 95 L560 30 L650 100 L720 65 L800 110 L880 50 L1000 100 L1000 300 L0 300 Z'/><path fill='%23111a28' d='M0 190 L90 140 L170 175 L260 120 L350 170 L440 135 L530 180 L620 125 L720 170 L810 140 L900 180 L1000 145 L1000 300 L0 300 Z'/><path fill='%230a0f18' d='M0 250 L120 215 L240 240 L360 205 L500 245 L640 210 L780 240 L900 215 L1000 235 L1000 300 L0 300 Z'/></svg>") bottom/100% 45% no-repeat fixed,url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='%23ffffff'><circle cx='7' cy='12' r='0.35' opacity='0.8'/><circle cx='31' cy='5' r='0.25' opacity='0.5'/><circle cx='52' cy='18' r='0.3' opacity='0.7'/><circle cx='78' cy='9' r='0.35' opacity='0.6'/><circle cx='91' cy='27' r='0.25' opacity='0.5'/><circle cx='18' cy='36' r='0.3' opacity='0.6'/><circle cx='64' cy='40' r='0.25' opacity='0.4'/><circle cx='42' cy='52' r='0.2' opacity='0.4'/><circle cx='86' cy='55' r='0.3' opacity='0.5'/></svg>") 0 0/260px 260px fixed,radial-gradient(90% 60% at 50% 57%,#2b3a5c 0%,#121a2b 45%,#0a0d14 85%) fixed}:root[data-style=cinematic] body:after{opacity:.07;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='160' height='160' filter='url(%23n)' opacity='0.5'/></svg>")}:root[data-style=altrock] body{background:radial-gradient(28% 75% at 50% -10%,#ffecc838,#0000 70%) fixed,radial-gradient(60% 30% at 20% 100%,#ff413652,#0000 70%) fixed,radial-gradient(60% 30% at 80% 100%,#ffd23f33,#0000 70%) fixed,url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='56'><rect width='120' height='56' fill='%23170d0c'/><g fill='%23331713'><rect x='1' y='1' width='58' height='26' rx='2'/><rect x='61' y='1' width='58' height='26' rx='2'/><rect x='-29' y='29' width='58' height='26' rx='2'/><rect x='31' y='29' width='58' height='26' rx='2'/><rect x='91' y='29' width='58' height='26' rx='2'/></g></svg>") 0 0/120px 56px fixed,#120c0c}:root[data-style=altrock] body:after{opacity:1;background:radial-gradient(85% 80% at 50% 45%,#0000 40%,#000000bf 100%)}:root[data-style=ambient] body{background:radial-gradient(circle at 78% 16%,#e9f1eed9 0 2.2%,#9fd8cb38 3.4%,#0000 11%) fixed,radial-gradient(1px 1px at 12% 20%,#ffffffb3,#0000) fixed,radial-gradient(1px 1px at 31% 9%,#ffffff80,#0000) fixed,radial-gradient(1px 1px at 52% 24%,#fff9,#0000) fixed,radial-gradient(1px 1px at 64% 6%,#ffffff73,#0000) fixed,radial-gradient(1px 1px at 90% 30%,#ffffff80,#0000) fixed,radial-gradient(120% 30% at 50% 78%,#9fd8cb24,#0000 70%) fixed,radial-gradient(90% 22% at 30% 92%,#c9b8f01a,#0000 70%) fixed,linear-gradient(#08121a 0%,#0f2129 55%,#12262a 75%,#0a1416 100%) fixed}:root[data-style=studio] body{background:radial-gradient(circle at 88% 9%,#ff8a5c8c 0 .6%,#ff8a5c2e 1.8%,#0000 6%) fixed,radial-gradient(70% 40% at 50% 100%,#5ee0c129,#0000 70%) fixed,repeating-linear-gradient(90deg,#00000059 0 2px,#0000 2px 120px) fixed,repeating-linear-gradient(0deg,#00000059 0 2px,#0000 2px 120px) fixed,repeating-linear-gradient(90deg,#ffffff06 0 10px,#0000 10px 20px) fixed,linear-gradient(#1d2024 0%,#15171a 60%,#0e1012 100%) fixed}#app{z-index:1;flex-direction:column;gap:12px;width:100%;max-width:1100px;min-height:100dvh;margin:0 auto;padding:16px;display:flex;position:relative}.faceplate,.tuner{background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #ffffff14;border-radius:12px}.faceplate{align-items:center;gap:18px;padding:14px 18px;display:flex}.brand{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);white-space:nowrap;font-size:13px}.brand span{color:var(--accent)}.install{border:1px solid var(--accent);color:var(--accent);font:inherit;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;vertical-align:middle;background:0 0;border-radius:999px;margin-left:10px;padding:2px 8px;font-size:10px}.install[hidden]{display:none}.views{vertical-align:middle;gap:4px;margin-left:10px;display:inline-flex}.view-btn{color:var(--muted);font:inherit;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:#00000073;border:1px solid #ffffff1a;border-radius:6px;flex:none;padding:2px 8px;font-size:10px;box-shadow:inset 0 2px 6px #0009}.view-btn[aria-checked=true]{border-color:var(--accent);color:var(--accent);box-shadow:0 0 10px var(--glow), inset 0 2px 6px #0009}.info-btn{width:24px;height:24px;color:var(--accent);cursor:pointer;vertical-align:middle;background:radial-gradient(circle at 35% 30%,#3a3a44,#15151b 70%);border:1px solid #ffffff24;border-radius:50%;place-items:center;margin-left:8px;padding:0;display:inline-grid}.info-btn:hover{box-shadow:0 0 8px var(--glow)}.readout{cursor:pointer;background:#05030a;border-radius:8px;flex:1;min-width:0;padding:8px 14px;box-shadow:inset 0 0 18px #000000e6}.readout-title{font-family:var(--readout-font);color:var(--accent);text-shadow:0 0 8px var(--glow);white-space:nowrap;text-overflow:ellipsis;font-size:30px;line-height:1.1;overflow:hidden}.readout-sub{font-family:var(--readout-font);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:18px;overflow:hidden}.marquee-inner{white-space:nowrap;display:inline-block}.scrolling{text-overflow:clip}.scrolling .marquee-inner{animation:marquee var(--marquee-time,8s) ease-in-out infinite alternate}@keyframes marquee{0%,15%{transform:translate(0)}85%,to{transform:translateX(var(--marquee-shift,0))}}@media (prefers-reduced-motion:reduce){.scrolling .marquee-inner{animation:none}.scrolling{text-overflow:ellipsis}}.levels{--seg-h:10px;--seg-gap:6px;--bars-w:168px;grid-template-columns:16px var(--bars-w);grid-template-rows:repeat(3, var(--seg-h));gap:var(--seg-gap) 6px;flex:none;align-items:center;display:grid}.level-label{font-family:var(--readout-font);color:var(--accent);text-align:center;grid-column:1;font-size:13px;line-height:1}.level-l{grid-row:1}.level-r{grid-row:2}.meters{grid-area:1/2/span 2;width:100%;height:100%}.mute{width:16px;height:16px;color:var(--accent);cursor:pointer;background:0 0;border:0;grid-area:3/1;place-items:center;padding:0;display:grid}.mute .slash,.mute.muted .waves{display:none}.mute.muted .slash{display:inline}.mute.muted{color:var(--muted)}.volume-slider{width:100%;height:var(--seg-h);appearance:none;background:linear-gradient(90deg, var(--accent) 0 var(--fill,100%), color-mix(in srgb, var(--accent) 15%, transparent) var(--fill,100%) 100%);cursor:pointer;grid-area:3/2;margin:0;padding:0;-webkit-mask:repeating-linear-gradient(90deg,#000 0 calc(6.25% - 2px),#0000 calc(6.25% - 2px) 6.25%);mask:repeating-linear-gradient(90deg,#000 0 calc(6.25% - 2px),#0000 calc(6.25% - 2px) 6.25%)}.volume-slider::-webkit-slider-runnable-track{background:0 0;height:100%}.volume-slider::-webkit-slider-thumb{appearance:none;background:0 0;width:2px;height:100%}.volume-slider::-moz-range-track{background:0 0;height:100%}.volume-slider::-moz-range-thumb{background:0 0;border:0;width:2px;height:100%}.levels:has(.volume-slider:focus-visible){outline:2px solid var(--accent-2);outline-offset:4px;border-radius:2px}.stage{flex:1;min-height:240px;position:relative}.score{cursor:grab;touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.style-banner{background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:center;opacity:0;pointer-events:none;border:1px solid #ffffff14;border-radius:12px;padding:14px 28px;transition:opacity .4s;position:absolute;top:24px;left:50%;transform:translate(-50%)}.style-banner.show{opacity:1}.banner-name{font-family:var(--readout-font);color:var(--accent);text-shadow:0 0 10px var(--glow);font-size:32px;line-height:1}.banner-blurb{color:var(--muted);margin-top:4px;font-size:14px}.tuner{flex-direction:column;gap:10px;padding:12px 18px;display:flex}.dial-wrap{background:#05030a;border-radius:8px;height:96px;position:relative;overflow:hidden;box-shadow:inset 0 0 18px #000000e6}.dial{scrollbar-width:none;height:100%;position:relative;overflow:auto hidden}.dial::-webkit-scrollbar{display:none}.dial:focus-visible{outline:2px solid var(--accent-2);outline-offset:-2px}.dial-track{box-sizing:content-box;align-items:stretch;width:max-content;height:100%;padding:0 calc(50% - 80px);display:flex;position:relative}.dial-scale{pointer-events:none;background-color:#0000;background-image:repeating-linear-gradient(90deg,#ffffff29 0 1px,#0000 1px 15px),repeating-linear-gradient(90deg,#ffffff0d 0 1px,#0000 1px 3px);background-position:0 100%;background-repeat:repeat-x;background-size:100% 8px,100% 4px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.station{width:160px;height:100%;color:var(--muted);font-family:var(--readout-font);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:0 0 160px;justify-content:center;align-items:center;gap:2px;padding:0;display:flex;position:relative}.station-freq{font-size:20px;line-height:1}.station-title{white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:13px;overflow:hidden}.station.active{color:var(--accent);text-shadow:0 0 8px var(--glow)}.station.hidden{display:none}.station-caption{font-family:var(--ui-font);letter-spacing:.16em;text-transform:uppercase;text-align:center;opacity:.7;pointer-events:none;font-size:10px;position:absolute;top:5px;left:0;right:0}.needle{z-index:2;background:var(--accent-2);width:2px;height:100%;box-shadow:0 0 10px var(--accent-2);pointer-events:none;position:absolute;top:0;left:50%;transform:translate(-50%)}.transport{align-items:center;gap:12px;display:flex}.knob{width:44px;height:44px;color:var(--muted);cursor:pointer;background:radial-gradient(circle at 35% 30%,#3a3a44,#15151b 70%);border:1px solid #ffffff24;border-radius:50%;flex:none;place-items:center;font-size:15px;display:grid}.knob-main{width:56px;height:56px;color:var(--accent);font-size:18px}.knob-small{width:36px;height:36px;font-size:14px}.knob.on{color:var(--accent);box-shadow:0 0 10px var(--glow)}.time{min-width:44px;font-family:var(--readout-font);color:var(--muted);text-align:center;font-size:20px}.seek{min-width:80px;accent-color:var(--accent);flex:1}.tuner{position:relative}.style-toggle{text-overflow:ellipsis;border:1px solid var(--accent);min-width:0;max-width:150px;color:var(--accent);font:inherit;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;box-shadow:0 0 8px var(--glow);cursor:pointer;background:#00000073;border-radius:6px;flex:120px;margin-left:auto;padding:9px 6px;font-size:11px;display:block;overflow:hidden}.style-toggle:after{content:" ▴"}.style-toggle[aria-expanded=true]:after{content:" ▾"}.bands{z-index:5;border:1px solid var(--accent);background:var(--bg);width:min(480px,100% - 12px);box-shadow:0 0 16px var(--glow), 0 -10px 40px #000000bf;opacity:0;visibility:hidden;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 14px 14px;transition:opacity .2s .14s,transform .2s .14s,visibility 0s linear .34s;display:grid;position:absolute;bottom:60px;right:6px;transform:translateY(10px)}.bands.open{opacity:1;visibility:visible;transition:opacity .15s,transform .15s,visibility;transform:none}.bands .band{letter-spacing:.08em;text-align:center;text-overflow:ellipsis;padding:14px 0;font-size:13px;overflow:hidden}.bands-title{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;grid-column:1/-1;justify-content:space-between;align-items:baseline;margin:0 2px 2px;font-size:11px;display:flex}.bands-hint{color:var(--muted);letter-spacing:.06em;text-transform:none;font-size:10px}.band{color:var(--muted);font:inherit;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;cursor:pointer;background:#00000073;border:1px solid #ffffff1a;border-radius:6px;flex:1;padding:10px 8px;font-size:12px;box-shadow:inset 0 2px 6px #0009}.band[data-style=synthwave],.style-cycle[data-style=synthwave],.filter-menu-item[data-style=synthwave]{--band:#ff4fa3}.band[data-style=chiptune],.style-cycle[data-style=chiptune],.filter-menu-item[data-style=chiptune]{--band:#7cff4f}.band[data-style=orchestral],.style-cycle[data-style=orchestral],.filter-menu-item[data-style=orchestral]{--band:#e8c27a}.band[data-style=techno],.style-cycle[data-style=techno],.filter-menu-item[data-style=techno]{--band:#c6ff00}.band[data-style=lofi],.style-cycle[data-style=lofi],.filter-menu-item[data-style=lofi]{--band:#ffb37a}.band[data-style=cinematic],.style-cycle[data-style=cinematic],.filter-menu-item[data-style=cinematic]{--band:#f2b55a}.band[data-style=altrock],.style-cycle[data-style=altrock],.filter-menu-item[data-style=altrock]{--band:#ff4136}.band[data-style=ambient],.style-cycle[data-style=ambient],.filter-menu-item[data-style=ambient]{--band:#9fd8cb}.band[data-style=studio],.style-cycle[data-style=studio],.filter-menu-item[data-style=studio]{--band:#5ee0c1}.band{position:relative;overflow:hidden}.band:before{content:"";background:var(--band,var(--accent));opacity:0;border-radius:2px;height:2px;transition:opacity .2s;position:absolute;bottom:4px;left:18%;right:18%}.band:hover{color:var(--text)}.band[aria-checked=true]:before{opacity:1;box-shadow:0 0 8px var(--band,var(--accent))}.band[aria-checked=true]{border-color:var(--band,var(--accent));color:var(--band,var(--accent));box-shadow:0 0 10px var(--band,var(--glow)), inset 0 2px 6px #0009}.presets{flex-wrap:wrap;gap:6px;display:flex}.preset{color:var(--muted);font:inherit;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:#00000073;border:1px solid #ffffff1a;border-radius:6px;flex:1;padding:6px 8px;font-size:11px;box-shadow:inset 0 2px 6px #0009}.preset[aria-checked=true]{border-color:var(--accent);color:var(--accent);box-shadow:0 0 10px var(--glow), inset 0 2px 6px #0009}.style-cycle{white-space:nowrap;border-radius:999px;flex:none;justify-content:center;align-self:center;align-items:center;gap:6px;margin-left:10px;padding:4px 12px;font-size:10px;display:inline-flex}.filter-menu{z-index:30;border:1px solid var(--accent);background:var(--bg);min-width:190px;box-shadow:0 0 16px var(--glow), 0 10px 40px #000000bf;border-radius:12px;padding:10px;position:fixed}.filter-menu-title{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;margin:2px 4px 8px;font-size:11px}.filter-menu-item{width:100%;color:var(--muted);font:inherit;letter-spacing:.08em;text-align:left;text-transform:uppercase;cursor:pointer;background:#00000073;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:8px;margin-top:4px;padding:8px 10px;font-size:12px;display:flex}.filter-menu-item:before{content:"";background:var(--band,conic-gradient(#ff4fa3, #7cff4f, #e8c27a, #c6ff00, #ffb37a, #f2b55a, #ff4136, #9fd8cb, #5ee0c1, #ff4fa3));border-radius:50%;flex:none;width:8px;height:8px}.filter-menu-item[aria-checked=true]{border-color:var(--band,var(--accent));color:var(--text);box-shadow:0 0 8px var(--band,var(--glow))}.style-cycle:before{content:"";background:conic-gradient(#ff4fa3,#7cff4f,#e8c27a,#c6ff00,#ffb37a,#f2b55a,#ff4136,#5ee0c1,#ff4fa3);border-radius:50%;flex:none;width:8px;height:8px}.style-cycle:after{content:"›";opacity:.6;font-size:1.4em;line-height:.7}.style-cycle.on:before{background:var(--band,var(--accent));box-shadow:0 0 6px var(--band,var(--accent))}.style-cycle:hover{color:var(--text)}.style-cycle.on{border-color:var(--band,var(--accent));color:var(--band,var(--accent));box-shadow:0 0 10px var(--band,var(--glow)), inset 0 2px 6px #0009}.dim-overlay{pointer-events:none;z-index:50;background:#000000b3;position:fixed;inset:0}.dim-overlay[hidden]{display:none}.screensaver{z-index:100;cursor:none;background:#000;position:fixed;inset:0}.screensaver[hidden]{display:none}.saver-box{color:var(--accent);opacity:.35;font-family:var(--readout-font);padding:16px;transition:transform 2s;position:absolute;top:0;left:0}.saver-title{font-size:22px}.saver-time{margin-top:4px;font-size:16px}.info-panel{border:1px solid var(--accent);max-width:min(92vw,420px);color:inherit;font:inherit;background:#0b0812;border-radius:12px;padding:20px;font-size:14px;line-height:1.45}.info-panel::backdrop{background:#0009}.info-panel h2{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0 0 10px;font-size:16px}.info-row{gap:8px;margin:10px 0;display:flex}.info-action,.info-choice{color:var(--muted);font:inherit;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:#00000073;border:1px solid #ffffff1a;border-radius:6px;flex:1;padding:8px;font-size:11px;box-shadow:inset 0 2px 6px #0009}.info-action[aria-pressed=true],.info-choice[aria-checked=true]{border-color:var(--accent);color:var(--accent);box-shadow:0 0 10px var(--glow), inset 0 2px 6px #0009}.info-label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:12px;font-size:11px}.info-keys{color:var(--muted);font-size:12px}.info-build{color:var(--muted);opacity:.7;margin:8px 0 0;font-size:11px}.info-close{width:100%;margin-top:12px}.card-byline{color:var(--muted);margin:0 0 12px}.card-facts{grid-template-columns:auto 1fr;gap:4px 14px;margin:0 0 12px;display:grid}.card-facts dt{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;align-self:center;font-size:11px}.card-facts dd{font-family:var(--readout-font);color:var(--accent);margin:0;font-size:18px}.card-about{margin:0 0 4px}.card-link{flex-wrap:wrap;gap:8px;margin:10px 0;display:flex}:root[data-view=playlist] .stage,:root[data-view=playlist] .tuner .presets,:root[data-view=playlist] .dial-wrap,:root[data-view=playlist] .bands,:root[data-view=playlist] .style-toggle,:root[data-view=jukebox] .stage,:root[data-view=jukebox] .tuner .presets,:root[data-view=jukebox] .dial-wrap,:root[data-view=jukebox] .bands,:root[data-view=jukebox] .style-toggle{display:none}:root[data-view=playlist] .tuner,:root[data-view=jukebox] .tuner{z-index:2;position:sticky;bottom:8px}.playlist-view{flex:1;grid-template-columns:1fr 1fr;align-items:start;gap:12px;min-height:240px;display:grid}.playlist-view[hidden]{display:none}.pl-col{background:var(--panel);border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:8px;min-width:0;padding:12px;display:flex}.pl-list,.pl-songs{max-height:60dvh;margin:0;padding:0;list-style:none;overflow-y:auto}.pl-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.pl-title{text-transform:uppercase;letter-spacing:.2em;color:var(--muted);margin:0;font-size:12px;font-weight:400}.pl-actions{flex-wrap:wrap;gap:6px;display:flex}#pl-filters{flex:100%}.pl-song,.pl-item{border-bottom:1px solid #ffffff0f;align-items:center;gap:8px;min-height:42px;padding:6px 4px;display:flex}.pl-song-text,.pl-entry{flex-direction:column;flex:1;min-width:0;display:flex}.pl-song-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pl-song-meta{color:var(--muted);font-size:11px}.pl-entry{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.pl-item.playing{border-left:2px solid var(--accent)}.pl-item.playing .pl-song-title{color:var(--accent)}.pl-num{color:var(--muted);text-align:right;min-width:1.6em;font-size:11px}.pl-style{color:inherit;font:inherit;background:#00000073;border:1px solid #ffffff1a;border-radius:6px;max-width:9.5em;height:30px;font-size:11px}.pl-style option{background:#14101f}.pl-add,.pl-icon{width:30px;height:30px;color:var(--muted);font:inherit;cursor:pointer;background:#00000073;border:1px solid #ffffff1a;border-radius:6px;flex:none;box-shadow:inset 0 2px 6px #0009}.pl-add{color:var(--accent);width:auto;min-width:30px;padding:0 6px}.pl-icon:disabled,#pl-start:disabled,#pl-clear:disabled{opacity:.35;cursor:default}.pl-empty{color:var(--muted);margin:4px 0;font-size:13px}.pl-incoming{border:1px solid var(--muted);color:var(--muted);border-radius:10px;margin-bottom:8px;padding:10px}.pl-incoming p{margin:0 0 8px}.pl-incoming .pl-actions{flex-wrap:wrap}.jukebox-view{background:var(--panel);border:1px solid #ffffff14;border-radius:12px;flex-direction:column;flex:1;gap:8px;min-width:0;min-height:240px;padding:12px;display:flex}.jukebox-view[hidden]{display:none}.jb-group{text-transform:uppercase;letter-spacing:.2em;color:var(--muted);margin:12px 0 6px;font-size:11px;font-weight:400}.jb-slots{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.jb-slot{background:#00000059;border:1px solid #ffffff1a;border-radius:6px;min-width:0;min-height:44px;display:flex}.jb-play{min-width:0;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;grid-template-columns:auto 1fr;align-items:center;column-gap:10px;padding:6px 8px;display:grid}.jb-code{min-width:2.4em;color:var(--accent);letter-spacing:.1em;grid-row:span 2;font-size:13px}.jb-title,.jb-meta{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.jb-meta{color:var(--muted);font-size:11px}.jb-add{width:40px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-left:1px solid #ffffff14;flex:none;font-size:18px}.jb-slot.playing{border-color:var(--accent);box-shadow:0 0 10px var(--glow)}.jb-slot.playing .jb-title{color:var(--accent)}:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}@media (width<=640px){#app{gap:8px;padding:10px}.faceplate{grid-template-columns:1fr auto;gap:6px 10px;padding:8px 10px;display:grid}.brand{grid-column:1/-1;font-size:10px}.readout{padding:6px 10px}.readout-title{font-size:22px}.readout-sub{font-size:15px}.levels{--seg-h:8px;--seg-gap:5px;--bars-w:104px;align-self:center}.stage{min-height:150px}.tuner{gap:8px;padding:8px 10px}.dial-wrap{height:64px}.dial-track{padding:0 calc(50% - 60px)}.station{flex-basis:120px;width:120px}.station-freq{font-size:17px}.station-title{max-width:110px;font-size:11px}.station-caption{display:none}.tuner{position:relative}.transport{flex-wrap:wrap;gap:6px 10px}.transport:before{content:"";flex-basis:100%;order:5}#elapsed{order:1}#seek{order:2}#total{order:3}#repeat{order:4}#prev{order:6}#play{order:7}#next{order:8}#style-toggle{order:9}.bands{width:auto;left:6px}.bands .band{letter-spacing:.04em;padding:14px 0;font-size:11px}.knob{width:50px;height:50px;font-size:16px}.knob-main{width:60px;height:60px;font-size:20px}.knob-small{width:34px;height:34px;font-size:12px}.time{min-width:0;font-size:16px}.seek{appearance:none;background:0 0;min-width:40px;height:32px}.seek::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--accent) 0 var(--progress,0%), #ffffff2e var(--progress,0%) 100%);border-radius:4px;height:8px}.seek::-webkit-slider-thumb{appearance:none;background:var(--accent);width:20px;height:20px;box-shadow:0 0 8px var(--glow);border:0;border-radius:50%;margin-top:-6px}.seek::-moz-range-track{background:#ffffff2e;border-radius:4px;height:8px}.seek::-moz-range-progress{background:var(--accent);border-radius:4px;height:8px}.seek::-moz-range-thumb{background:var(--accent);border:0;border-radius:50%;width:20px;height:20px}.bands{gap:6px}.preset{letter-spacing:.06em;padding:4px;font-size:10px}.style-cycle{gap:4px;margin-left:4px;padding:3px 8px;font-size:9px}.band{letter-spacing:.04em;white-space:nowrap;padding:8px 0;font-size:10px}.playlist-view,.jb-slots{grid-template-columns:1fr}.pl-list,.pl-songs{max-height:none}.brand{flex-wrap:wrap;align-items:center;row-gap:6px;display:flex}.brand span{margin-left:.5em}.install,.install[hidden]+.info-btn{margin-left:auto}.views{flex:100%;order:1;margin-left:0}.view-btn{letter-spacing:.06em;flex:1;padding:4px 0}}@media (prefers-reduced-motion:reduce){:root[data-style=techno] body:after{opacity:0!important}body:before{animation:none!important}.style-banner,.bands{transition:none!important}}@media (width<=359px){.presets{gap:4px}.preset{letter-spacing:.02em;padding:4px 3px}.style-cycle{margin-left:2px;padding:3px 6px}}