:root{color:#fff;font-synthesis:none;text-rendering:optimizelegibility;--red:red;--yellow:#ff0;--blue:#00f;--pink:#f09;--transparent:#0000;--muted:#a6a6b4;--soft:#d8d8e2;--border:#ffffff1f;--energy:.08;--bass:.05;--mid:.05;--treble:.05;background:#020207;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:100%;min-height:100%;margin:0}body{background:#020207;overflow-x:hidden}button,input{font:inherit}button{color:inherit}.app-shell{--cover-image:none;min-height:100vh;padding:max(28px, env(safe-area-inset-top)) max(28px, env(safe-area-inset-right)) max(28px, env(safe-area-inset-bottom)) max(28px, env(safe-area-inset-left));isolation:isolate;background:radial-gradient(circle at 7% 8%,#ff00992e,#0000 28%),radial-gradient(circle at 94% 10%,#0000ff40,#0000 30%),radial-gradient(circle at 72% 94%,#ff000029,#0000 32%),radial-gradient(circle at 14% 84%,#ffff0021,#0000 28%),linear-gradient(145deg,#010104 0%,#090714 50%,#020207 100%);place-items:center;display:grid;position:relative;overflow:hidden}.backdrop-art{z-index:-8;background:var(--cover-image) center / cover no-repeat;filter:blur(125px)saturate(2.05)brightness(.42);opacity:calc(.15 + var(--energy) * .34);transform:scale(calc(1.16 + var(--bass) * .08));transition:opacity .35s,transform .12s linear;position:absolute;inset:-18%}.security-aurora{z-index:-7;pointer-events:none;filter:blur(120px)saturate(1.7);opacity:calc(.32 + var(--energy) * .55);background:conic-gradient(from 28deg,#ff00008a 0deg,#ffff0057 72deg,#0000 118deg,#0000ff8f 188deg,#ff00998f 280deg,#ff00008a 360deg);animation:26s linear infinite aurora-spin;position:absolute;inset:-35%}.security-aurora:before,.security-aurora:after{content:"";mix-blend-mode:screen;border-radius:50%;position:absolute}.security-aurora:before{background:radial-gradient(circle at 27% 33%,#ffff006b,#0000 24%),radial-gradient(circle at 74% 27%,#0000ff8a,#0000 29%),radial-gradient(circle at 68% 77%,#ff009980,#0000 28%),radial-gradient(circle at 30% 70%,#ff000061,#0000 26%);animation:11s ease-in-out infinite alternate aurora-drift;inset:17%}.security-aurora:after{border:2px solid #ffffff0b;animation:5.5s ease-in-out infinite aura-breathe;inset:29%;box-shadow:0 0 120px #0000ff29,inset 0 0 120px #ff00991f}@keyframes aurora-spin{to{transform:rotate(360deg)scale(1.05)}}@keyframes aurora-drift{0%{transform:translate(-4%,-2%)scale(.95)rotate(-7deg)}to{transform:translate(5%,4%)scale(1.08)rotate(9deg)}}@keyframes aura-breathe{50%{opacity:.54;transform:scale(1.08)}}.security-grid{z-index:-6;pointer-events:none;opacity:.72;background:linear-gradient(#ffffff05 1px,#0000 1px) 0 0/56px 56px,linear-gradient(90deg,#ffffff05 1px,#0000 1px) 0 0/56px 56px,radial-gradient(circle,#ffffff08,#0000 62%) 0 0/100% 100%;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 0% 45%,#0000 88%);mask-image:radial-gradient(circle,#000 0% 45%,#0000 88%)}.security-grid:after{content:"";background:repeating-linear-gradient(115deg,#0000 0 96px,#ff009909 97px,#0000 99px 192px,#0000ff09 193px,#0000 195px 288px);animation:16s linear infinite grid-drift;position:absolute;inset:0}@keyframes grid-drift{to{transform:translate(288px)}}.neon-clouds{z-index:-5;pointer-events:none;mix-blend-mode:screen;position:absolute;inset:-16%;overflow:hidden}.neon-clouds span{left:var(--cloud-x);top:var(--cloud-y);width:var(--cloud-size);aspect-ratio:1.45;filter:blur(58px)saturate(1.5);opacity:calc(.09 + var(--energy) * .19);animation:neon-cloud-drift var(--cloud-duration) ease-in-out infinite alternate;animation-delay:var(--cloud-delay);will-change:transform, opacity;border-radius:46% 54% 62% 38%/48% 42% 58% 52%;position:absolute;transform:translate(-50%,-50%)}.neon-clouds span:nth-child(4n+1){background:radial-gradient(#ff0000eb,#0000 68%)}.neon-clouds span:nth-child(4n+2){background:radial-gradient(#ffff00b8,#0000 68%)}.neon-clouds span:nth-child(4n+3){background:radial-gradient(#0000ffe6,#0000 68%)}.neon-clouds span:nth-child(4n+4){background:radial-gradient(#ff0099e0,#0000 68%)}@keyframes neon-cloud-drift{0%{opacity:calc(.07 + var(--energy) * .14);transform:translate(-54%,-47%)rotate(-8deg)scale(.9)}48%{transform:translate(-45%, -55%) rotate(8deg) scale(calc(1.02 + var(--bass) * .08));opacity:calc(.12 + var(--energy) * .23)}to{transform:translate(-57%, -43%) rotate(-3deg) scale(calc(.96 + var(--mid) * .07));opacity:calc(.08 + var(--energy) * .18)}}.frequency-veil{z-index:-5;pointer-events:none;background:repeating-radial-gradient(ellipse at 50% 52%, transparent 0 66px, #ffffff05 67px 68px, transparent 69px 126px), conic-gradient(from 18deg at 50% 50%, transparent 0 14%, #ff009909 17%, transparent 23% 45%, #0000ff0a 49%, transparent 55% 73%, #ffff0006 77%, transparent 82% 100%);opacity:calc(.32 + var(--energy) * .2);transform:rotate(-7deg) scale(calc(1 + var(--bass) * .025));will-change:transform;border-radius:50%;animation:34s linear infinite frequency-veil-turn;position:absolute;inset:-24%;-webkit-mask-image:radial-gradient(#000 10%,#000000eb 52%,#0000 84%);mask-image:radial-gradient(#000 10%,#000000eb 52%,#0000 84%)}@keyframes frequency-veil-turn{to{transform:rotate(353deg) scale(calc(1.02 + var(--bass) * .025))}}.spray-orbits{z-index:-4;pointer-events:none;mix-blend-mode:screen;position:absolute;inset:0;overflow:hidden}.spray-orbits span{opacity:calc(.08 + var(--energy) * .12);filter:drop-shadow(0 0 18px);-webkit-mask:repeating-conic-gradient(from 10deg, #000 0 10deg, transparent 11deg 21deg);mask:repeating-conic-gradient(from 10deg, #000 0 10deg, transparent 11deg 21deg);-webkit-mask:repeating-conic-gradient(from 10deg, #000 0 10deg, transparent 11deg 21deg);border-radius:48% 52% 46% 54%/56% 43% 57% 44%;animation:22s ease-in-out infinite alternate spray-orbit-float;position:absolute}.spray-orbits span:first-child{aspect-ratio:1.45;width:min(58vw,920px);color:var(--pink);border:2px solid #ff00998c;top:5%;left:-12%;transform:rotate(-12deg)}.spray-orbits span:nth-child(2){aspect-ratio:1.2;width:min(52vw,810px);color:var(--blue);border:2px solid #0000ff8f;animation-delay:-5s;top:1%;right:-18%;transform:rotate(16deg)}.spray-orbits span:nth-child(3){aspect-ratio:1.7;width:min(66vw,980px);color:var(--yellow);border:2px solid #ffff006b;animation-delay:-10s;bottom:-29%;left:17%;transform:rotate(5deg)}.spray-orbits span:nth-child(4){aspect-ratio:1.25;width:min(45vw,690px);color:var(--red);border:2px solid #ff000070;animation-delay:-14s;bottom:-24%;right:13%;transform:rotate(-19deg)}.spray-orbits span:nth-child(5){aspect-ratio:1;color:#fff;opacity:.055;border:1px solid #ffffff2e;width:min(34vw,520px);animation-delay:-18s;top:17%;left:32%}@keyframes spray-orbit-float{0%{translate:-2% 1%;scale:.96}50%{translate:3% -4%;scale:calc(1.01 + var(--treble) * .035)}to{translate:-1% 3%;scale:calc(.98 + var(--bass) * .03)}}.chromatic-shards{z-index:-3;pointer-events:none;mix-blend-mode:screen;position:absolute;inset:0;overflow:hidden}.chromatic-shards span{width:70px;height:8px;opacity:calc(.09 + var(--treble) * .22);filter:blur(.4px)drop-shadow(0 0 10px);border-radius:999px;animation:13s ease-in-out infinite alternate shard-drift;position:absolute;transform:rotate(-18deg)}.chromatic-shards span:first-child{width:94px;color:var(--pink);background:var(--pink);top:18%;left:8%}.chromatic-shards span:nth-child(2){width:52px;color:var(--yellow);background:var(--yellow);animation-delay:-2s;top:77%;left:17%}.chromatic-shards span:nth-child(3){width:68px;color:var(--blue);background:var(--blue);animation-delay:-4s;top:9%;left:36%}.chromatic-shards span:nth-child(4){width:82px;color:var(--red);background:var(--red);animation-delay:-6s;top:88%;left:59%}.chromatic-shards span:nth-child(5){width:58px;color:var(--yellow);background:var(--yellow);animation-delay:-8s;top:13%;left:73%}.chromatic-shards span:nth-child(6){width:102px;color:var(--pink);background:var(--pink);animation-delay:-10s;top:64%;left:89%}.chromatic-shards span:nth-child(7){width:42px;color:var(--blue);background:var(--blue);animation-delay:-12s;top:45%;left:48%}.chromatic-shards span:nth-child(8){width:64px;color:var(--red);background:var(--red);animation-delay:-5s;top:53%;left:3%}@keyframes shard-drift{0%{opacity:.04;transform:translate(-8px,6px)rotate(-22deg)scaleX(.74)}45%{opacity:calc(.1 + var(--treble) * .26);transform:translate(18px,-16px)rotate(-12deg)scaleX(1.12)}to{opacity:.06;transform:translate(-4px,-31px)rotate(-27deg)scaleX(.9)}}.security-rings{z-index:-4;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.security-rings span{aspect-ratio:1;border:1px solid #ffff001c;border-radius:50%;width:min(72vw,1040px);animation:8s ease-in-out infinite security-ring-breathe;position:absolute;box-shadow:0 0 80px #ffff0006,inset 0 0 90px #ff009905}.security-rings span:nth-child(2){border-color:#ff00991a;width:min(55vw,780px);animation-delay:-2.6s}.security-rings span:nth-child(3){border-color:#0000ff21;width:min(39vw,555px);animation-delay:-5.2s}@keyframes security-ring-breathe{0%,to{opacity:.52;transform:scale(.96)}50%{transform:scale(calc(1.01 + var(--bass) * .035));opacity:calc(.62 + var(--energy) * .28)}}.signal-particles{z-index:-3;pointer-events:none;position:absolute;inset:0;overflow:hidden}.signal-particles span{left:var(--x);top:var(--y);width:var(--size);height:var(--size);background:var(--yellow);opacity:.35;animation:particle-drift var(--duration) ease-in-out infinite;animation-delay:var(--delay);border-radius:50%;position:absolute;box-shadow:0 0 12px,0 0 24px}.signal-particles span:nth-child(4n+1){color:var(--red);background:var(--red)}.signal-particles span:nth-child(4n+2){color:var(--yellow);background:var(--yellow)}.signal-particles span:nth-child(4n+3){color:var(--blue);background:var(--blue)}.signal-particles span:nth-child(4n+4){color:var(--pink);background:var(--pink)}@keyframes particle-drift{0%,to{opacity:.16;transform:translate(0,0)scale(.72)}44%{opacity:calc(.38 + var(--energy) * .48);transform:translate(18px,-26px)scale(1.15)}72%{opacity:.24;transform:translate(-12px,-44px)scale(.88)}}.noise-layer{z-index:20;pointer-events:none;opacity:.028;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");position:absolute;inset:0}.content-grid{z-index:2;grid-template-columns:minmax(0,1fr) minmax(340px,420px);align-items:stretch;gap:22px;width:min(100%,1420px);display:grid;position:relative}.glass-card{isolation:isolate;-webkit-backdrop-filter:blur(30px)saturate(1.32);background:linear-gradient(145deg,#11111be6,#05050cd6),#07070ed1;border:1px solid #ffffff1b;position:relative;overflow:hidden;box-shadow:0 34px 95px #0000008f,0 0 60px #0000ff0f,inset 0 1px #ffffff0f,inset 0 -1px #ff00990a}.glass-card:before{content:"";z-index:-3;border-radius:inherit;pointer-events:none;-webkit-mask-composite:xor;opacity:calc(.38 + var(--energy) * .48);background:linear-gradient(122deg,#ff0000c2,#ffff00ad,#00fc,#ff0099d1,#ff0000c2) 0 0/280% 100%;padding:1px;animation:8s linear infinite border-flow;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glass-card:after{content:"";z-index:-2;border-radius:inherit;pointer-events:none;opacity:.92;background:repeating-linear-gradient(112deg,#0000 0 15px,#ffff0007 16px 17px,#0000 18px 31px,#ff009906 32px 33px) 100%/31% 100% no-repeat,linear-gradient(90deg,#0000 62%,#0000ff0b 80%,#ff00990e 100%),radial-gradient(circle at 7% 7%,#ff00991f,#0000 28%),radial-gradient(circle at 94% 9%,#0000ff24,#0000 30%),radial-gradient(circle at 93% 93%,#ff00001a,#0000 34%),radial-gradient(circle at 8% 92%,#ffff0014,#0000 31%);position:absolute;inset:0}@keyframes border-flow{to{background-position:-280% 0}}.card-light-sweep{z-index:-1;pointer-events:none;background:linear-gradient(108deg,#0000 42%,#ffffff0b 48%,#ffff0009 50%,#ff00990b 52%,#0000 58%);animation:7.5s ease-in-out infinite card-sweep;position:absolute;inset:-50% -70%;transform:translate(-45%)}@keyframes card-sweep{0%,20%{opacity:0;transform:translate(-48%)rotate(.001deg)}32%{opacity:1}74%{opacity:.75}88%,to{opacity:0;transform:translate(48%)rotate(.001deg)}}.player-card{border-radius:36px;grid-template-columns:minmax(320px,410px) minmax(0,1fr);align-items:center;gap:clamp(38px,4vw,66px);min-height:640px;padding:clamp(38px,4vw,60px);display:grid}.cover-column{z-index:1;justify-items:center;min-width:0;display:grid;position:relative}.cover-stage{aspect-ratio:1;place-items:center;width:100%;max-width:385px;display:grid;position:relative}.cover-glow{background:conic-gradient(from calc(var(--bass) * 180deg), #ff0000d9, #ffff00bd, #0000ffd9, #ff0099e0, #ff0000d9);filter:blur(calc(42px + var(--energy) * 42px));opacity:calc(.21 + var(--energy) * .72);border-radius:50%;animation:10s linear infinite glow-spin;position:absolute;inset:-15%}@keyframes glow-spin{to{transform:rotate(360deg)scale(1.05)}}.orbit-ring{pointer-events:none;border-radius:50%;position:absolute;inset:-4%}.orbit-one{border:1px solid #ffff00c7;border-color:#ffff00c7 #ff00998f #ffffff14 #ffffff14;animation:8s linear infinite orbit-spin;box-shadow:0 0 26px #ffff0014,inset 0 0 28px #ff00990d}.orbit-two{border:1px dashed #ffffff12;border-color:#ffffff12 #ffffff12 #ff00009e #0000ffb3;animation:13s linear infinite orbit-spin-reverse;inset:-10%}@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes orbit-spin-reverse{to{transform:rotate(-360deg)}}.orbit-dot{z-index:3;pointer-events:none;border-radius:50%;width:9px;height:9px;position:absolute}.dot-one{background:var(--yellow);box-shadow:0 0 20px var(--yellow), 0 0 42px #ff09;animation:8s linear infinite orbit-dot-one;top:-5%;left:50%}.dot-two{background:var(--pink);box-shadow:0 0 20px var(--pink), 0 0 42px #ff00998f;animation:13s linear infinite orbit-dot-two;top:48%;right:-8%}@keyframes orbit-dot-one{to{transform:rotate(360deg)translate(.001px)}}@keyframes orbit-dot-two{to{transform:rotate(-360deg)translate(.001px)}}.cover-wrap{z-index:2;aspect-ratio:1;background:conic-gradient(from 38deg, var(--red), var(--yellow), var(--blue), var(--pink), var(--red));width:88%;box-shadow:0 30px 75px #00000080, 0 0 calc(20px + var(--energy) * 48px) #ff009938, 0 0 calc(16px + var(--bass) * 48px) #00f3;transform:translateZ(0) scale(calc(1 + var(--bass) * .018));border-radius:34px;padding:3px;transition:transform 90ms linear;position:relative;overflow:hidden}.cover-wrap:before{content:"";z-index:0;background:conic-gradient(from 0deg, var(--red), var(--yellow), var(--blue), var(--pink), var(--red));animation:6.5s linear infinite cover-border-spin;position:absolute;inset:-48%}.cover-wrap:after{content:"";z-index:4;pointer-events:none;border-radius:31px;position:absolute;inset:3px;box-shadow:inset 0 0 0 1px #ffffff1f,inset 0 0 45px #00000014}@keyframes cover-border-spin{to{transform:rotate(360deg)}}.cover-wrap img,.cover-placeholder{z-index:1;object-fit:cover;background:#0b0b12;border-radius:31px;width:100%;height:100%;display:block;position:relative}.cover-wrap img{transition:transform .5s,filter .5s}.cover-wrap.is-playing img{filter:saturate(1.14)contrast(1.04);transform:scale(1.025)}.cover-placeholder{color:var(--yellow);background:radial-gradient(circle at 30% 30%,#ff009947,#0000 37%),radial-gradient(circle at 74% 72%,#0000ff4d,#0000 38%),#0b0b12;place-items:center;display:grid}.cover-scan{z-index:3;pointer-events:none;border-radius:31px;position:absolute;inset:0;overflow:hidden}.cover-scan:before{content:"";filter:blur(1px);background:linear-gradient(#0000,#ffff000a,#ffffff2b,#0000ff14,#0000);height:14%;animation:5.2s ease-in-out infinite cover-scan;position:absolute;top:-18%;left:0;right:0}@keyframes cover-scan{0%,18%{opacity:0;transform:translateY(0)}28%{opacity:1}78%{opacity:.85}88%,to{opacity:0;transform:translateY(820%)}}.visualizer{opacity:.64;filter:saturate(1.25);justify-content:center;align-items:center;gap:3px;width:min(100%,410px);height:74px;margin-top:30px;padding:0 8px;transition:opacity .25s,filter .25s;display:flex;position:relative}.visualizer:before{content:"";filter:blur(18px);width:102%;height:26px;opacity:calc(.22 + var(--energy) * .78);background:linear-gradient(90deg,#0000,#ff00007a,#ffff0085,#0000ff8a,#ff009985,#0000);border-radius:50%;position:absolute}.visualizer:after{content:"";background:linear-gradient(90deg,#0000,#ffffff2e,#0000);height:1px;position:absolute;top:50%;left:8%;right:8%}.visualizer.active{opacity:1;filter:saturate(1.62)}.visualizer span{--level:.1;--glow:.18;z-index:1;width:4px;height:58px;transform:scaleY(var(--level));transform-origin:50%;opacity:calc(.46 + var(--glow) * .5);box-shadow:0 0 calc(7px + var(--glow) * 15px) currentColor;will-change:transform;border-radius:999px;transition:transform 64ms linear,opacity 80ms linear;display:block;position:relative}.track-column{z-index:1;min-width:0;position:relative}.track-copy{animation:.58s cubic-bezier(.2,.75,.2,1) both metadata-arrive;position:relative}.track-eyebrow{width:fit-content;color:var(--yellow);letter-spacing:.2em;text-transform:uppercase;text-shadow:0 0 13px #ffff0080,0 0 30px #ff009929;margin-bottom:17px;font-size:10px;font-weight:950}.track-eyebrow:after{content:"";vertical-align:middle;background:linear-gradient(90deg, var(--yellow), var(--pink), #0000);width:52px;height:1px;margin-left:12px;display:inline-block;box-shadow:0 0 12px #ffff0080}@keyframes metadata-arrive{0%{opacity:0;filter:blur(8px);transform:translateY(12px)}to{opacity:1;filter:blur();transform:translateY(0)}}.track-column h1{letter-spacing:-.064em;overflow-wrap:anywhere;text-wrap:balance;background:linear-gradient(105deg, #fff 0%, #fff 34%, var(--yellow) 55%, var(--pink) 72%, var(--blue) 88%, #fff 100%);color:#0000;filter:drop-shadow(0 12px 28px #00000040);background-size:240%;-webkit-background-clip:text;background-clip:text;max-width:730px;margin:0 0 10px;font-size:clamp(46px,5.15vw,80px);line-height:.94;animation:7s linear infinite title-shimmer}@keyframes title-shimmer{to{background-position:-240%}}.artist{color:#eeeef5;letter-spacing:-.03em;margin:0;font-size:clamp(20px,2vw,29px);font-weight:730}.album{color:var(--muted);margin:9px 0 0;font-size:14px}.live-meta-strip{flex-wrap:wrap;gap:9px;margin-top:23px;display:flex}.live-meta-strip>span{color:#bbbbc8;background:#ffffff06;border:1px solid #ffffff14;border-radius:11px;align-items:center;gap:7px;min-width:0;padding:8px 10px;font-size:11px;display:inline-flex}.live-meta-strip svg{color:var(--yellow);filter:drop-shadow(0 0 7px #ffff0059)}.progress-track{background:#ffffff17;border-radius:999px;height:7px;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #00000059,0 0 14px #0000ff0d}.progress-track:after{content:"";background:linear-gradient(90deg,#0000,#ffffff47,#0000);animation:2.6s ease-in-out infinite progress-scan;position:absolute;inset:0;transform:translate(-100%)}@keyframes progress-scan{55%,to{transform:translate(100%)}}.progress-track span{border-radius:inherit;background:linear-gradient(90deg, var(--red), var(--yellow), var(--pink), var(--blue), var(--red));background-size:250% 100%;height:100%;transition:width .95s linear;animation:4.5s linear infinite progress-colors;display:block;box-shadow:0 0 18px #ffff0075,0 0 32px #ff00993d}@keyframes progress-colors{to{background-position:-250% 0}}.progress-times{color:#858592;font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:9px;font-size:11px;display:flex}.controls{justify-content:center;align-items:center;margin:30px 0 27px;display:flex}.single-control{min-height:98px}.round-button{cursor:pointer;border:0;border-radius:50%;place-items:center;transition:transform .18s,filter .18s;display:grid;position:relative}.round-button:hover{filter:brightness(1.08)saturate(1.17);transform:translateY(-4px)scale(1.04)}.round-button:active{transform:scale(.96)}.round-button.primary{color:#050508;background:conic-gradient(from 30deg, var(--yellow), #fff, var(--pink), var(--blue), var(--red), var(--yellow));width:90px;height:90px;box-shadow:0 24px 62px #0000006b, 0 0 calc(20px + var(--energy) * 48px) #ffff006b, 0 0 calc(14px + var(--mid) * 42px) #ff009947, inset 0 1px 0 #ffffffd1;padding-left:3px}.round-button.primary:before{content:"";z-index:-1;background:linear-gradient(145deg,#ffff5b,#fff800 60%,#ffc900);border-radius:50%;position:absolute;inset:5px}.play-orbit{pointer-events:none;border-radius:50%;position:absolute}.orbit-a{border:1px solid #ffff0047;border-top-color:var(--yellow);animation:3.8s linear infinite play-orbit;inset:-12px}.orbit-b{border:1px dashed #ff00993d;border-right-color:var(--pink);animation:6s linear infinite play-orbit-reverse;inset:-20px}.orbit-c{opacity:calc(.35 + var(--energy) * .55);border:1px solid #0000ff1f;border-left-color:#0000ffb8;animation:2.1s ease-in-out infinite play-pulse;inset:-29px}@keyframes play-orbit{to{transform:rotate(360deg)}}@keyframes play-orbit-reverse{to{transform:rotate(-360deg)}}@keyframes play-pulse{50%{opacity:.28;transform:scale(1.08)}}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.volume-row{color:#c8c8d2;grid-template-columns:30px 1fr 46px;align-items:center;gap:13px;display:grid}.plain-button{cursor:pointer;color:#c8c8d1;background:0 0;border:0;place-items:center;padding:0;transition:color .16s,filter .16s;display:grid}.plain-button:hover{color:var(--yellow);filter:drop-shadow(0 0 9px #ffff008c)}.volume-row input{--volume:72%;appearance:none;background:linear-gradient(90deg, var(--red), var(--yellow), var(--pink), var(--blue)) 0 / var(--volume) 100% no-repeat, #ffffff1c;cursor:pointer;border-radius:999px;outline:none;width:100%;height:6px}.volume-row input::-webkit-slider-thumb{appearance:none;background:var(--yellow);border:3px solid #0d0d15;border-radius:50%;width:18px;height:18px;box-shadow:0 0 0 1px #ffffff4d,0 0 18px #ff09,0 0 30px #ff009952}.volume-row input::-moz-range-thumb{background:var(--yellow);border:3px solid #0d0d15;border-radius:50%;width:13px;height:13px;box-shadow:0 0 0 1px #ffffff4d,0 0 18px #ff09}.volume-row>span{text-align:right;font-variant-numeric:tabular-nums;font-size:11px}.stream-error{color:#ffd7d7;background:#ff000013;border:1px solid #ff000038;border-radius:12px;align-items:center;gap:8px;margin-top:16px;padding:9px 11px;font-size:11px;display:inline-flex}.side-column{grid-template-rows:auto 1fr;gap:22px;min-width:0;display:grid}.history-card{flex-direction:column;min-height:378px;display:flex}.section-title{z-index:2;justify-content:space-between;align-items:center;gap:14px;display:flex;position:relative}.section-title>div:first-child{flex-direction:column;min-width:0;display:flex}.section-title span{color:var(--yellow);letter-spacing:.18em;text-shadow:0 0 14px #ffff005c;font-size:9px;font-weight:950}.section-title strong{letter-spacing:-.02em;margin-top:5px;font-size:17px}.section-icon{color:#fff;background:linear-gradient(145deg,#ff009921,#0000ff21);border:1px solid #ffffff1a;border-radius:13px;place-items:center;width:40px;height:40px;display:grid;position:relative;box-shadow:0 0 22px #ff009921}.section-icon:before{content:"";border:1px solid #ffffff0d;border-radius:16px;animation:2.8s ease-in-out infinite icon-pulse;position:absolute;inset:-5px}@keyframes icon-pulse{50%{opacity:.4;transform:scale(1.08)}}.next-icon{color:var(--yellow);background:linear-gradient(145deg,#ffff001f,#ff00991f)}.history-icon{color:var(--pink);background:linear-gradient(145deg,#ff009924,#0000ff24)}.next-track{z-index:2;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:17px;margin:28px 0 4px;animation:.52s both metadata-arrive;display:grid;position:relative}.next-track img,.mini-cover{object-fit:cover;border:1px solid #ffffff1a;border-radius:20px;width:92px;height:92px;box-shadow:0 15px 38px #0006,0 0 24px #ff009929,0 0 30px #0000ff14}.mini-cover{color:var(--yellow);background:radial-gradient(circle at 32% 28%,#f093,#0000 37%),radial-gradient(circle at 72% 72%,#0000ff3d,#0000 40%),#101018;place-items:center;display:grid}.next-track>div:last-child{flex-direction:column;min-width:0;display:flex}.next-track strong{white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.next-track span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:8px;font-size:12px;overflow:hidden}.history-list{z-index:2;gap:9px;margin-top:22px;display:grid;position:relative}.history-item{background:linear-gradient(110deg,#ffffff07,#0000 42%),#ffffff05;border:1px solid #ffffff12;border-radius:16px;grid-template-columns:28px 52px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:66px;padding:7px 9px 7px 7px;transition:transform .18s,border-color .18s,background .18s;animation:.5s cubic-bezier(.2,.75,.2,1) both history-enter;display:grid;position:relative}.history-item:nth-child(2){animation-delay:45ms}.history-item:nth-child(3){animation-delay:90ms}.history-item:nth-child(4){animation-delay:.135s}.history-item:nth-child(5){animation-delay:.18s}@keyframes history-enter{0%{opacity:0;filter:blur(5px);transform:translate(14px)}to{opacity:1;filter:blur();transform:translate(0)}}.history-item:before{content:"";background:linear-gradient(180deg, var(--yellow), var(--pink), var(--blue));border-radius:999px;width:2px;position:absolute;top:20%;bottom:20%;left:-1px;box-shadow:0 0 12px #ff00996b}.history-item:hover{background:linear-gradient(110deg,#ffff000a,#ff009909,#0000ff08),#ffffff06;border-color:#ffffff21;transform:translate(-3px)}.history-number{color:#666674;font-variant-numeric:tabular-nums;text-align:center;font-size:10px;font-weight:900}.history-item img,.history-cover-placeholder{object-fit:cover;border-radius:12px;width:52px;height:52px;box-shadow:0 8px 18px #00000047}.history-cover-placeholder{color:var(--yellow);background:linear-gradient(145deg,#ff009929,#0000ff2e);place-items:center;display:grid}.history-copy{flex-direction:column;min-width:0;display:flex}.history-copy strong{color:#f4f4f8;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.history-copy span{color:#8f8f9c;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:10px;overflow:hidden}.history-item time{color:#737380;font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:5px;font-size:9px;display:inline-flex}.history-item time svg{color:var(--pink);opacity:.78}.history-empty{color:#858592;align-content:center;place-items:center;gap:10px;min-height:165px;font-size:11px;display:grid}@media (width<=1080px){.app-shell{place-items:start center}.content-grid{grid-template-columns:1fr}.side-column{grid-template-rows:auto;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr)}.player-card{min-height:auto}}@media (width<=790px){.app-shell{padding:max(14px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left))}.content-grid{gap:14px}.player-card{border-radius:28px;grid-template-columns:1fr;gap:23px;padding:30px 20px 31px}.cover-stage{max-width:min(78vw,360px)}.cover-wrap{border-radius:27px}.cover-wrap img,.cover-placeholder,.cover-wrap:after,.cover-scan{border-radius:24px}.visualizer{gap:2px;height:56px;margin-top:20px}.visualizer span{width:3px;height:44px}.track-column{text-align:center}.live-chip{margin-inline:auto}.track-column h1{margin-top:14px;font-size:clamp(37px,11vw,60px)}.artist{font-size:clamp(18px,5.5vw,25px)}.live-meta-strip{justify-content:center}.progress-block{margin-top:28px}.controls{margin:26px 0}.round-button.primary{width:80px;height:80px}.volume-row{text-align:left}.side-column{grid-template-columns:1fr;gap:14px}.next-card,.history-card{border-radius:24px;padding:21px}.history-item{grid-template-columns:24px 48px minmax(0,1fr)}.history-item img,.history-cover-placeholder{width:48px;height:48px}.history-item time{display:none}}@media (width<=430px){.live-meta-strip>span{flex:auto;justify-content:center}.next-track{grid-template-columns:76px minmax(0,1fr)}.next-track img,.mini-cover{border-radius:17px;width:76px;height:76px}}@media (height<=760px) and (width>=1081px){.app-shell{place-items:start center;padding-top:18px;padding-bottom:18px}.player-card{min-height:570px;padding-top:32px;padding-bottom:32px}.cover-stage{max-width:350px}.visualizer{height:58px;margin-top:20px}.track-column h1{font-size:clamp(42px,4.3vw,64px)}.history-item{min-height:61px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-shell:before{content:"";z-index:12;pointer-events:none;background:linear-gradient(90deg, var(--red), var(--yellow) 28%, var(--blue) 58%, var(--pink) 82%, var(--red));background-size:240% 100%;height:5px;animation:6s linear infinite spectrum-line;position:absolute;top:0;left:0;right:0;box-shadow:0 0 14px #ffff008c,0 0 28px #0000ff40,0 0 40px #ff009938}@keyframes spectrum-line{to{background-position:-240% 0}}.track-copy{border-left:3px solid var(--yellow);filter:drop-shadow(-12px 0 30px #ffff000e);padding-left:24px}.track-copy:before,.track-copy:after{content:"";border:2px solid #08080d;border-radius:50%;width:11px;height:11px;position:absolute;left:-7px}.track-copy:before{background:var(--pink);top:0;box-shadow:0 0 14px #ff0099d9}.track-copy:after{background:var(--blue);bottom:0;box-shadow:0 0 14px #00fc}.track-eyebrow{color:var(--yellow);text-shadow:0 0 16px #ffff007a}.track-eyebrow:after{background:var(--yellow);width:58px;height:2px;box-shadow:0 0 14px #ffff00b8}.track-column h1{color:#fff;background:0 0;background-size:initial;-webkit-background-clip:initial;background-clip:initial;letter-spacing:-.055em;text-shadow:0 8px 34px #00000094,0 0 34px #ffffff0e;filter:none;max-width:100%;font-size:clamp(43px,4.65vw,72px);line-height:.98;animation:none}.artist{color:#f4f4f8;text-shadow:0 5px 18px #0000006b}.album{color:#9e9eaa}.live-meta-strip>span{background:#0202088c;border-color:#ffffff1a;box-shadow:inset 0 1px #ffffff0a,0 10px 25px #0000002e}.live-meta-strip>span:first-child{border-left:2px solid var(--yellow)}.live-meta-strip>span:last-child{border-left:2px solid var(--pink)}.progress-track{background:#ffffff1a;height:6px}.progress-track span{background:var(--yellow);animation:none;position:relative;box-shadow:0 0 14px #ffff00b8,0 0 30px #ff03}.progress-track span:after{content:"";background:#fff;border-radius:50%;width:10px;height:10px;position:absolute;top:50%;right:-5px;transform:translateY(-50%);box-shadow:0 0 0 3px #ffff0038,0 0 17px #ffff00e6}.controls{isolation:isolate;margin:34px 0 30px;position:relative}.controls:before,.controls:after{content:"";background:#ffffff24;width:clamp(44px,7vw,92px);height:1px;position:absolute;top:50%}.controls:before{right:calc(50% + 74px);box-shadow:-8px 0 18px #ff000047}.controls:after{left:calc(50% + 74px);box-shadow:8px 0 18px #0000ff52}.round-button.primary{color:#030305;background:var(--yellow);width:88px;height:88px;box-shadow:0 28px 70px #00000080, 0 0 calc(25px + var(--energy) * 56px) #ffff006b, 0 0 calc(12px + var(--bass) * 38px) #f093, inset 0 0 0 5px #00000013, inset 0 1px 0 #ffffffbf;border:2px solid #ffffffc2;padding-left:3px;transition:transform .2s cubic-bezier(.2,.8,.2,1),background-color .2s,box-shadow .2s;overflow:visible}.round-button.primary:before{content:"";z-index:-1;background:var(--yellow);border:1px solid #00000029;border-radius:50%;position:absolute;inset:8px}.round-button.primary:after{content:"";z-index:-2;border:1px solid #ffffff2e;border-radius:50%;position:absolute;inset:-8px;box-shadow:0 0 0 8px #ffff0005,0 0 32px #ffff001f}.round-button.primary:hover{color:#000;filter:none;background:#fff;box-shadow:0 32px 82px #0000008c,0 0 44px #ffffff4d,0 0 70px #ffff0042,inset 0 0 0 5px #ffff001f}.round-button.primary:hover:before{background:#fff}.app-shell.is-playing .round-button.primary{box-shadow:0 28px 70px #00000080, 0 0 calc(32px + var(--energy) * 64px) #ffff008a, 0 0 calc(20px + var(--mid) * 46px) #ff009938, inset 0 0 0 5px #00000013, inset 0 1px 0 #ffffffbf}.play-orbit{background:0 0}.orbit-a{border:1px solid #ffff006b;border-top-color:var(--yellow);border-bottom-color:var(--yellow);inset:-13px}.orbit-b{border:1px dashed #ff009957;border-right-color:var(--pink);border-left-color:var(--pink);inset:-22px}.orbit-c{border:1px solid #00f3;border-top-color:var(--blue);border-left-color:var(--red);inset:-31px}.volume-row input{background:linear-gradient(90deg, var(--yellow), var(--yellow)) 0 / var(--volume) 100% no-repeat, #ffffff1c;box-shadow:inset 0 1px 2px #00000061}.visualizer{opacity:.76;gap:4px}.visualizer:before{background:#ff00992b;box-shadow:-105px 0 55px #ff00002e,-28px 0 50px #ffff0029,64px 0 52px #00f3,124px 0 56px #ff00992e}.visualizer:after{background:#ffffff21}.visualizer span{border-radius:2px;width:5px}.section-title strong,.next-track strong,.history-copy strong{color:#fff;background:0 0;-webkit-background-clip:initial;background-clip:initial}.section-icon,.next-icon,.history-icon{background:#05050cc7}.next-icon{border-color:#ffff003d;box-shadow:0 0 26px #ffff001a}.history-icon{border-color:#ff00993d;box-shadow:0 0 26px #ff00991a}.history-item{transition:transform .18s,border-color .18s,background-color .18s,box-shadow .18s}.history-item:hover{background:#ffffff0b;border-color:#ff03;transform:translate(-4px);box-shadow:0 14px 30px #00000038,-5px 0 18px #ff009914}@media (width<=790px){.track-copy{padding-left:18px}.track-column h1{font-size:clamp(40px,13vw,62px)}.controls:before,.controls:after{width:42px}.controls:before{right:calc(50% + 68px)}.controls:after{left:calc(50% + 68px)}}.track-copy{filter:none;border-left:0;max-width:680px;padding-left:0}.track-copy:before,.track-copy:after{display:none}.track-eyebrow{margin-bottom:14px}.track-eyebrow:after{opacity:.78;width:44px;height:1px}.track-column h1{color:#fff;letter-spacing:-.047em;text-wrap:pretty;overflow-wrap:break-word;word-break:normal;-webkit-hyphens:auto;hyphens:auto;-webkit-line-clamp:4;text-shadow:0 9px 30px #00000094,0 0 24px #ffffff0a;-webkit-box-orient:vertical;max-width:650px;margin-bottom:12px;font-size:clamp(34px,3.2vw,54px);line-height:1.02;display:-webkit-box;overflow:hidden}.track-column h1.title-short{-webkit-line-clamp:3;font-size:clamp(42px,3.7vw,56px)}.track-column h1.title-medium{font-size:clamp(38px,3.25vw,49px)}.track-column h1.title-long{font-size:clamp(33px,2.75vw,41px);line-height:1.045}.track-column h1.title-extra-long{font-size:clamp(29px,2.35vw,35px);line-height:1.07}.artist{letter-spacing:-.025em;-webkit-line-clamp:2;text-wrap:pretty;-webkit-box-orient:vertical;max-width:650px;font-size:clamp(17px,1.55vw,23px);line-height:1.15;display:-webkit-box;overflow:hidden}.album{white-space:nowrap;text-overflow:ellipsis;max-width:650px;margin-top:7px;font-size:13px;overflow:hidden}.live-meta-strip{margin-top:20px}.progress-times{color:#9a9aa6;margin-top:8px}.controls{margin-top:28px;margin-bottom:26px}@media (width<=790px){.track-copy{max-width:100%;padding-left:0}.track-column h1,.track-column h1.title-short,.track-column h1.title-medium{max-width:100%;font-size:clamp(32px,9.5vw,46px)}.track-column h1.title-long{font-size:clamp(28px,8vw,38px)}.track-column h1.title-extra-long{font-size:clamp(25px,7vw,32px)}.artist{max-width:100%;font-size:clamp(16px,5vw,21px)}}.app-shell:before{content:none!important;display:none!important}.album{display:none!important}.track-copy{min-height:0;position:relative;overflow:visible}.track-column h1,.track-column h1.title-short,.track-column h1.title-medium,.track-column h1.title-long,.track-column h1.title-extra-long{color:#fff;letter-spacing:-.055em;overflow-wrap:normal;word-break:normal;text-wrap:balance;text-shadow:0 2px #ffffff0a,0 18px 48px #0000006b;width:100%;max-width:100%;min-height:0;max-height:218px;margin:20px 0 0;font-size:clamp(29px,4vw,62px);font-weight:930;line-height:.98;overflow:hidden;background:0 0!important;-webkit-background-clip:initial!important;background-clip:initial!important;-webkit-text-fill-color:currentColor!important;animation:.46s cubic-bezier(.2,.72,.2,1) both metadata-arrive!important}.track-column h1[data-fitted=true]{visibility:visible}.artist{-webkit-line-clamp:2;color:#f5f5fa;letter-spacing:-.025em;text-overflow:ellipsis;-webkit-box-orient:vertical;max-width:100%;margin-top:16px;font-size:clamp(17px,1.7vw,24px);line-height:1.13;display:-webkit-box;overflow:hidden}.visualizer{isolation:isolate;gap:3px;width:min(100%,430px);height:86px;margin-top:26px;padding:0 6px;overflow:visible}.visualizer:before{filter:blur(20px);width:70%;height:36px;opacity:calc(.2 + var(--energy) * .82);background:radial-gradient(#ffff005c,#0000 62%),radial-gradient(at 36%,#ff009942,#0000 60%),radial-gradient(at 64%,#0000ff47,#0000 60%);left:50%;transform:translate(-50%)}.visualizer:after{background:linear-gradient(90deg,#0000,#ffffff21,#0000);width:88%;left:50%;right:auto;transform:translate(-50%)}.visualizer span{width:4px;height:64px;transform:scaleY(var(--level));transform-origin:50%;will-change:transform;border-radius:999px;transition:transform 42ms linear,opacity 54ms linear}.visualizer span:nth-child(4n+1){color:var(--red);background:var(--red)}.visualizer span:nth-child(4n+2){color:var(--yellow);background:var(--yellow)}.visualizer span:nth-child(4n+3){color:var(--blue);background:var(--blue)}.visualizer span:nth-child(4n+4){color:var(--pink);background:var(--pink)}.visualizer span:nth-child(26){color:#fff;background:var(--yellow);width:6px;box-shadow:0 0 12px var(--yellow), 0 0 28px #ffff00b8}.round-button,.round-button:hover,.round-button.primary,.round-button.primary:hover{filter:none!important;transform:none!important}.round-button.primary,.round-button.primary:hover,.round-button.primary:focus-visible{color:#050508!important;background:var(--yellow)!important;transition:box-shadow .16s!important;box-shadow:0 22px 58px #00000075,0 0 24px #ffff0075,0 0 52px #ffff002e,inset 0 0 0 1px #ffffffa3!important}.round-button.primary:before{z-index:0;border:1px solid #0000002e;inset:7px;box-shadow:inset 0 0 0 2px #ffffff6b;background:var(--yellow)!important;animation:none!important}.round-button.primary:after{content:"";z-index:-1;border:1px solid #ffff003d;border-radius:50%;position:absolute;inset:-15px;box-shadow:0 0 0 8px #ff009906,0 0 0 16px #0000ff05;animation:none!important}.round-button.primary svg,.round-button.primary .spin{z-index:2;position:relative}.round-button.primary:active{transform:scale(.975)!important}.app-shell{border-top:0!important}.graffiti-layer{z-index:-2;pointer-events:none;opacity:.62;mix-blend-mode:screen;position:absolute;inset:0;overflow:hidden}.graffiti-layer:before,.graffiti-layer:after{content:"";aspect-ratio:1.7;filter:blur(.4px)drop-shadow(0 0 18px);opacity:.18;border:3px solid #0000;border-radius:48% 52% 44% 56%/55% 38% 62% 45%;width:min(52vw,760px);position:absolute}.graffiti-layer:before{color:var(--pink);border-top-color:var(--pink);border-left-color:var(--blue);animation:13s ease-in-out infinite alternate graffiti-float-a;bottom:-4%;left:-9%;transform:rotate(-13deg)skew(-9deg)}.graffiti-layer:after{color:var(--yellow);border-right-color:var(--yellow);border-bottom-color:var(--red);animation:16s ease-in-out infinite alternate graffiti-float-b;top:10%;right:-12%;transform:rotate(17deg)skew(12deg)}.graffiti-layer span{--graffiti-color:var(--pink);left:calc((var(--graffiti-index) * 17 + 3) * 1%);top:calc((var(--graffiti-index) * 29 + 7) * 1%);width:calc(120px + (var(--graffiti-index) % 4) * 72px);height:calc(18px + (var(--graffiti-index) % 3) * 8px);background:radial-gradient(circle at 7% 50%, var(--graffiti-color) 0 2px, transparent 3px), radial-gradient(circle at 18% 44%, var(--graffiti-color) 0 1px, transparent 2px), linear-gradient(90deg, transparent, var(--graffiti-color) 18% 82%, transparent);filter:blur(.8px) drop-shadow(0 0 12px var(--graffiti-color));opacity:.11;transform:rotate(calc(-28deg + var(--graffiti-index) * 9deg));animation:spray-drift calc(9s + var(--graffiti-index) * .7s) ease-in-out infinite alternate;border-radius:50%;position:absolute}.graffiti-layer span:nth-child(4n+1){--graffiti-color:var(--red)}.graffiti-layer span:nth-child(4n+2){--graffiti-color:var(--yellow)}.graffiti-layer span:nth-child(4n+3){--graffiti-color:var(--blue)}.graffiti-layer span:nth-child(4n+4){--graffiti-color:var(--pink)}@keyframes graffiti-float-a{to{opacity:.28;transform:translate(4%,-3%)rotate(-8deg)skew(-5deg)}}@keyframes graffiti-float-b{to{opacity:.26;transform:translate(-4%,5%)rotate(11deg)skew(8deg)}}@keyframes spray-drift{to{transform:translate3d(18px, -12px, 0) rotate(calc(-20deg + var(--graffiti-index) * 9deg)) scaleX(1.08)}}.card-graffiti{z-index:-1;pointer-events:none;opacity:.13;background:radial-gradient(circle at 12% 14%, var(--pink) 0 2px, transparent 3px), radial-gradient(circle at 22% 28%, var(--yellow) 0 1px, transparent 2px), repeating-radial-gradient(ellipse at 50% 50%, transparent 0 18px, #ff00996b 19px 20px, transparent 21px 34px), repeating-linear-gradient(153deg, transparent 0 24px, #0000ff52 25px 27px, transparent 28px 45px);filter:blur(.3px)drop-shadow(0 0 22px #ff009952);width:42%;height:48%;animation:7s ease-in-out infinite alternate card-graffiti-breathe;position:absolute;bottom:-10%;right:-5%;transform:rotate(-9deg)}@keyframes card-graffiti-breathe{to{opacity:.22;transform:rotate(-5deg)scale(1.05)}}.progress-track span{transition:width .18s linear!important}@media (width<=980px){.track-column h1,.track-column h1.title-short,.track-column h1.title-medium,.track-column h1.title-long,.track-column h1.title-extra-long{max-height:172px}}@media (width<=640px){.track-column h1,.track-column h1.title-short,.track-column h1.title-medium,.track-column h1.title-long,.track-column h1.title-extra-long{max-height:150px;margin-top:14px}.visualizer{gap:2px;height:70px}.visualizer span{width:3px;height:52px}}@media (prefers-reduced-motion:reduce){.graffiti-layer,.graffiti-layer:before,.graffiti-layer:after,.graffiti-layer span,.card-graffiti,.neon-clouds span,.frequency-veil,.spray-orbits span,.chromatic-shards span{animation:none!important}}.security-grid,.frequency-veil,.chromatic-shards,.card-light-sweep,.cover-scan{content:none!important;animation:none!important;display:none!important}.glass-card:before{background:linear-gradient(135deg,#ff000094,#ffff0080 31%,#0000ff94 65%,#f099) 0 0/100% 100%!important;animation:none!important}.track-eyebrow:after,.progress-track:after{content:none!important;animation:none!important;display:none!important}.graffiti-layer span{width:calc(54px + (var(--graffiti-index) % 4) * 22px)!important;aspect-ratio:1!important;background:radial-gradient(circle at 23% 28%, var(--graffiti-color) 0 5%, transparent 6%), radial-gradient(circle at 68% 18%, var(--graffiti-color) 0 3%, transparent 4%), radial-gradient(circle at 77% 66%, var(--graffiti-color) 0 6%, transparent 7%), radial-gradient(circle at 41% 59%, color-mix(in srgb, var(--graffiti-color) 68%, transparent) 0 34%, transparent 66%)!important;height:auto!important;filter:blur(.7px) drop-shadow(0 0 18px var(--graffiti-color))!important;opacity:.12!important;animation:graffiti-splat-breathe calc(8s + var(--graffiti-index) * .55s) ease-in-out infinite alternate!important;border-radius:42% 58% 53% 47%/61% 38% 62% 39%!important}@keyframes graffiti-splat-breathe{0%{transform:rotate(calc(-18deg + var(--graffiti-index) * 8deg)) scale(.88);opacity:.08}to{transform:rotate(calc(-10deg + var(--graffiti-index) * 8deg)) scale(1.08);opacity:.16}}.card-graffiti{background:radial-gradient(circle at 12% 14%, var(--pink) 0 2px, transparent 3px), radial-gradient(circle at 22% 28%, var(--yellow) 0 1px, transparent 2px), radial-gradient(circle at 52% 58%, #ff009938, transparent 34%), repeating-radial-gradient(ellipse at 50% 50%, transparent 0 18px, #0000ff29 19px 20px, transparent 21px 38px)!important;animation:9s ease-in-out infinite alternate card-graffiti-breathe!important}.station-facts{grid-template-columns:repeat(5,max-content);align-items:center;gap:8px;max-width:100%;display:grid}.station-facts>span{white-space:nowrap;min-height:34px;background:#03030aa8!important;border-left:2px solid #ffffff29!important;box-shadow:inset 0 1px #ffffff0b,0 9px 23px #0003!important}.station-facts>span:first-child svg,.station-facts>span:nth-child(5) svg{color:var(--yellow)}@media (width<=1320px){.station-facts{grid-template-columns:repeat(3,max-content)}}@media (width<=790px){.station-facts{grid-template-columns:repeat(2,minmax(0,max-content))}}@media (width<=430px){.station-facts{flex-wrap:wrap;display:flex}}:root{--green:#4caf50;--green-dark:#107c10;--panel:#05050ce0;--panel-strong:#030309f0;--panel-soft:#0f0f19bd}.app-shell{background:radial-gradient(circle at 8% 12%,#ff00992e,#0000 31%),radial-gradient(circle at 92% 8%,#0000ff40,#0000 35%),radial-gradient(circle at 86% 88%,#107c103d,#0000 36%),radial-gradient(circle at 12% 88%,#4caf502b,#0000 34%),radial-gradient(circle at 50% 48%,#ff000017,#0000 38%),#020207!important;padding:clamp(22px,3vw,46px)!important}.security-aurora{filter:blur(148px)saturate(1.35)!important;opacity:calc(.22 + var(--energy) * .34)!important;background:conic-gradient(from 18deg,#ff000061 0deg,#ffff003d 56deg,#4caf5057 112deg,#107c105e 166deg,#0000ff75 226deg,#ff009975 296deg,#ff000061 360deg)!important;animation-duration:42s!important}.security-aurora:before{background:radial-gradient(circle at 23% 30%,#ffff0040,#0000 24%),radial-gradient(circle at 76% 24%,#0000ff57,#0000 29%),radial-gradient(circle at 73% 76%,#ff009952,#0000 28%),radial-gradient(circle at 28% 74%,#4caf5047,#0000 27%),radial-gradient(circle,#107c102e,#0000 35%)!important}.neon-clouds span:nth-child(6n+1){background:radial-gradient(#ff0000c7,#0000 68%)!important}.neon-clouds span:nth-child(6n+2){background:radial-gradient(#ffff008f,#0000 68%)!important}.neon-clouds span:nth-child(6n+3){background:radial-gradient(#0000ffc7,#0000 68%)!important}.neon-clouds span:nth-child(6n+4){background:radial-gradient(#ff0099bd,#0000 68%)!important}.neon-clouds span:nth-child(6n+5){background:radial-gradient(#4caf50b8,#0000 68%)!important}.neon-clouds span:nth-child(6n+6){background:radial-gradient(#107c10c2,#0000 68%)!important}.content-grid{grid-template-columns:minmax(0,1fr) minmax(330px,370px)!important;align-items:stretch!important;gap:clamp(18px,2vw,28px)!important;width:min(1440px,100%)!important}.glass-card{background:radial-gradient(circle at 8% 8%, #4caf500b, transparent 26%), radial-gradient(circle at 92% 6%, #0000ff0e, transparent 31%), linear-gradient(150deg, var(--panel-strong), var(--panel))!important;-webkit-backdrop-filter:blur(24px)saturate(1.15)!important;backdrop-filter:blur(24px)saturate(1.15)!important;border:1px solid #ffffff1b!important;box-shadow:0 34px 90px #00000080,inset 0 1px #ffffff0e,0 0 0 1px #4caf5005!important}.glass-card:before{border-radius:inherit!important;opacity:.38!important;-webkit-mask-composite:xor!important;pointer-events:none!important;background:conic-gradient(from 135deg,#ffff0080,#4caf508a,#107c107a,#0000ff73,#ff009985,#ff00006b,#ffff0080)!important;padding:1px!important;inset:0!important;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0)!important;-webkit-mask-position:0 0,0 0!important;-webkit-mask-size:auto,auto!important;-webkit-mask-repeat:repeat,repeat!important;-webkit-mask-clip:content-box,border-box!important;-webkit-mask-origin:content-box,border-box!important;-webkit-mask-composite:xor!important;mask-composite:exclude!important;-webkit-mask-source-type:auto,auto!important;mask-mode:match-source,match-source!important}.glass-card:after{background:radial-gradient(circle at 3% 8%,#ffff000f,#0000 24%),radial-gradient(circle at 97% 8%,#0000ff12,#0000 27%),radial-gradient(circle at 96% 96%,#ff00990e,#0000 31%),radial-gradient(circle at 4% 94%,#4caf500e,#0000 30%)!important}.player-card{border-radius:34px!important;grid-template-columns:minmax(290px,.9fr) minmax(360px,1.1fr)!important;gap:clamp(34px,4vw,60px)!important;min-height:610px!important;padding:clamp(36px,4vw,58px)!important}.cover-stage{max-width:350px!important}.cover-wrap{background:conic-gradient(from 30deg, var(--pink), var(--red), var(--yellow), var(--green), var(--green-dark), var(--blue), var(--pink))!important;width:87%!important;box-shadow:0 28px 72px #00000094, 0 0 calc(15px + var(--energy) * 34px) #ff009938, 0 0 calc(14px + var(--bass) * 32px) #4caf5029!important;border-radius:30px!important}.cover-glow{filter:blur(calc(34px + var(--energy) * 25px))!important;background:radial-gradient(circle at 36% 34%,#ffff0075,#0000 31%),radial-gradient(circle at 68% 34%,#ff00997a,#0000 32%),radial-gradient(circle at 66% 72%,#0000ff70,#0000 34%),radial-gradient(circle at 31% 70%,#4caf5070,#0000 35%)!important;animation:6.5s ease-in-out infinite aura-breathe!important}.orbit-one{border-top-color:#ffff00c7!important;border-right-color:#4caf50ad!important}.orbit-two{border-bottom-color:#ff0099a3!important;border-left-color:#0000ffad!important}.track-column{align-self:center!important;min-width:0!important}.track-copy{min-width:0!important}.track-eyebrow{color:var(--yellow)!important;letter-spacing:.16em!important}.track-column h1{overflow-wrap:anywhere!important;word-break:normal!important;text-wrap:balance!important;letter-spacing:-.047em!important;max-width:100%!important;max-height:178px!important;margin:15px 0 10px!important;font-weight:900!important;line-height:.99!important;overflow:hidden!important}.track-column .artist{-webkit-line-clamp:2!important;overflow-wrap:anywhere!important;letter-spacing:-.025em!important;-webkit-box-orient:vertical!important;max-width:100%!important;margin:0!important;font-size:clamp(19px,2vw,26px)!important;line-height:1.12!important;display:-webkit-box!important;overflow:hidden!important}.station-facts{grid-template-columns:repeat(auto-fit,minmax(118px,1fr))!important;gap:8px!important;width:100%!important;margin-top:22px!important;display:grid!important}.station-facts>span{white-space:nowrap!important;text-overflow:ellipsis!important;background:#07070ec7!important;border:1px solid #ffffff13!important;border-left-width:3px!important;border-radius:12px!important;justify-content:flex-start!important;min-width:0!important;min-height:38px!important;padding:8px 10px!important;font-size:12px!important;overflow:hidden!important;box-shadow:inset 0 1px #ffffff09!important}.station-facts>span:first-child{border-left-color:var(--yellow)!important}.station-facts>span:nth-child(2){border-left-color:var(--pink)!important}.station-facts>span:nth-child(3){border-left-color:var(--green)!important}.station-facts>span:nth-child(4){border-left-color:var(--blue)!important}.station-facts>span:nth-child(5){border-left-color:var(--green-dark)!important}.station-facts>span:first-child svg{color:var(--yellow)!important}.station-facts>span:nth-child(2) svg{color:var(--pink)!important}.station-facts>span:nth-child(3) svg{color:var(--green)!important}.station-facts>span:nth-child(4) svg{color:#6470ff!important}.station-facts>span:nth-child(5) svg{color:#36bf3b!important}.progress-block{margin-top:24px!important}.progress-track{background:#ffffff16!important;border-radius:999px!important;height:6px!important;overflow:hidden!important}.progress-track>span{background:var(--yellow)!important;box-shadow:0 0 12px #ffff0080,0 0 24px #4caf5029!important}.controls.single-control{margin-top:28px!important}.round-button.primary,.round-button.primary:hover,.round-button.primary:focus-visible,.round-button.primary:active{color:#050505!important;background:var(--yellow)!important;transform:none!important;box-shadow:0 0 0 7px #ffff0012,0 0 0 13px #4caf5009,0 16px 34px #00000059,0 0 28px #ffff0059!important}.volume-row{margin-top:24px!important}.volume-row input{background:linear-gradient(90deg, var(--green-dark) 0, var(--green) var(--volume), #ffffff1c var(--volume), #ffffff1c 100%)!important}.volume-row input::-webkit-slider-thumb{background:var(--yellow)!important;box-shadow:0 0 0 4px #4caf5038,0 0 18px #ffff006b!important}.volume-row input::-moz-range-thumb{background:var(--yellow)!important;box-shadow:0 0 0 4px #4caf5038,0 0 18px #ffff006b!important}.visualizer{width:min(94%,360px)!important;margin-top:22px!important}.visualizer span:nth-child(6n+1){background:var(--red)!important}.visualizer span:nth-child(6n+2){background:var(--pink)!important}.visualizer span:nth-child(6n+3){background:var(--blue)!important}.visualizer span:nth-child(6n+4){background:var(--green-dark)!important}.visualizer span:nth-child(6n+5){background:var(--green)!important}.visualizer span:nth-child(6n+6){background:var(--yellow)!important}.side-column{grid-template-rows:minmax(190px,auto) minmax(0,1fr)!important;gap:18px!important;min-height:610px!important;display:grid!important}.next-card,.history-card{border-radius:28px!important;padding:24px!important}.next-card{min-height:190px!important}.next-track{grid-template-columns:72px minmax(0,1fr)!important;gap:16px!important;margin-top:20px!important}.next-track img,.next-track .mini-cover{border-radius:17px!important;width:72px!important;height:72px!important}.next-track strong{-webkit-line-clamp:2!important;overflow-wrap:anywhere!important;-webkit-box-orient:vertical!important;display:-webkit-box!important;overflow:hidden!important}.history-card{min-height:0!important;overflow:hidden!important}.history-list{gap:8px!important}.history-item{background:#07070eb8!important;border-color:#ffffff12!important;border-radius:15px!important;min-height:64px!important}.history-item:before{background:var(--green)!important;box-shadow:0 0 12px #4caf506b!important}.graffiti-layer span:nth-child(6n+1){--graffiti-color:var(--red)!important}.graffiti-layer span:nth-child(6n+2){--graffiti-color:var(--yellow)!important}.graffiti-layer span:nth-child(6n+3){--graffiti-color:var(--blue)!important}.graffiti-layer span:nth-child(6n+4){--graffiti-color:var(--pink)!important}.graffiti-layer span:nth-child(6n+5){--graffiti-color:var(--green)!important}.graffiti-layer span:nth-child(6n+6){--graffiti-color:var(--green-dark)!important}.card-graffiti{background:radial-gradient(circle at 12% 14%, var(--pink) 0 2px, transparent 3px), radial-gradient(circle at 22% 28%, var(--yellow) 0 1px, transparent 2px), radial-gradient(circle at 78% 34%, var(--green) 0 2px, transparent 3px), radial-gradient(circle at 67% 72%, var(--green-dark) 0 1px, transparent 2px), repeating-radial-gradient(ellipse at 50% 50%, transparent 0 20px, #4caf5024 21px 22px, transparent 23px 42px)!important}@media (width<=1180px){.content-grid{grid-template-columns:1fr!important;width:min(960px,100%)!important}.side-column{grid-template-rows:none!important;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)!important;min-height:0!important}}@media (width<=820px){.player-card{grid-template-columns:1fr!important;min-height:0!important;padding:30px!important}.cover-stage{max-width:310px!important}.side-column{grid-template-columns:1fr!important}.track-column h1{max-height:156px!important}}@media (width<=520px){.app-shell{padding:14px!important}.player-card,.next-card,.history-card{border-radius:24px!important}.player-card{padding:23px 18px 28px!important}.station-facts{grid-template-columns:repeat(2,minmax(0,1fr))!important}.station-facts>span{font-size:11px!important}}.video-aurora-beams{z-index:-6;pointer-events:none;mix-blend-mode:screen;filter:saturate(1.2);opacity:calc(.68 + var(--energy) * .16);position:absolute;inset:-14%;overflow:hidden}.video-aurora-beams:before{content:"";opacity:.72;background:radial-gradient(circle,#0000 0 29%,#ffff0013 29.2% 29.5%,#0000 29.8% 43%,#ff00990f 43.2% 43.45%,#0000 43.8% 58%,#0000ff0e 58.2% 58.45%,#0000 58.8%);border-radius:50%;animation:9s ease-in-out infinite alternate video-rings-breathe;position:absolute;inset:4%}.video-aurora-beams:after{content:"";opacity:.38;background:repeating-linear-gradient(0deg,#ffffff03 0 1px,#0000 1px 4px) 0 0/100% 4px,linear-gradient(#ffffff04 1px,#0000 1px) 0 0/72px 72px,linear-gradient(90deg,#ffffff04 1px,#0000 1px) 0 0/72px 72px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 0 28%,#0000009e 55%,#0000 91%);mask-image:radial-gradient(circle,#000 0 28%,#0000009e 55%,#0000 91%)}.video-aurora-beams span{filter:blur(42px);opacity:.66;will-change:transform, opacity;border-radius:50%;width:min(70vw,1120px);height:min(18vw,290px);position:absolute}.video-aurora-beams span:first-child{background:radial-gradient(at 66%,#ff0099e0,#0000ffa8 34%,#0000 72%);animation:13s ease-in-out infinite alternate video-beam-a;top:5%;left:-18%;transform:rotate(-13deg)}.video-aurora-beams span:nth-child(2){background:radial-gradient(at 68%,#ffff00d1,#4caf506b 31%,#ff00997a 52%,#0000 75%);animation:15s ease-in-out infinite alternate video-beam-b;bottom:3%;left:-18%;transform:rotate(-8deg)}.video-aurora-beams span:nth-child(3){background:radial-gradient(at 32%,#ff0c,#ff0000b3 32%,#107c1057 53%,#0000 76%);animation:14s ease-in-out infinite alternate video-beam-c;bottom:5%;right:-20%;transform:rotate(10deg)}.video-aurora-beams span:nth-child(4){background:radial-gradient(at 30%,#ff0099d1,#0000ffad 35%,#0000 73%);animation:17s ease-in-out infinite alternate video-beam-d;top:7%;right:-24%;transform:rotate(14deg)}.video-aurora-beams span:nth-child(5){filter:blur(76px);width:min(46vw,720px);height:min(24vw,370px);opacity:calc(.28 + var(--bass) * .19);background:radial-gradient(#ff000040,#f093 38%,#0000 73%);animation:12s ease-in-out infinite alternate video-core-a;top:33%;left:23%}.video-aurora-beams span:nth-child(6){filter:blur(82px);width:min(42vw,650px);height:min(27vw,420px);opacity:calc(.24 + var(--mid) * .17);background:radial-gradient(#0000ff3d,#4caf5026 42%,#0000 72%);animation:14s ease-in-out infinite alternate video-core-b;top:28%;right:20%}@keyframes video-beam-a{0%{opacity:.52;transform:translate(-3%,-3%)rotate(-13deg)scale(.96)}to{opacity:.77;transform:translate(7%,5%)rotate(-8deg)scale(1.08)}}@keyframes video-beam-b{0%{opacity:.48;transform:translate(-4%,4%)rotate(-8deg)scale(.94)}to{opacity:.75;transform:translate(8%,-4%)rotate(-3deg)scale(1.1)}}@keyframes video-beam-c{0%{opacity:.5;transform:translate(5%,4%)rotate(10deg)scale(.95)}to{opacity:.78;transform:translate(-8%,-5%)rotate(5deg)scale(1.09)}}@keyframes video-beam-d{0%{opacity:.49;transform:translate(5%,-4%)rotate(14deg)scale(.96)}to{opacity:.74;transform:translate(-7%,5%)rotate(9deg)scale(1.08)}}@keyframes video-core-a{0%{transform:translate(-5%,-2%)scale(.9)}to{transform:translate3d(5%, 4%, 0) scale(calc(1.06 + var(--bass) * .04))}}@keyframes video-core-b{0%{transform:translate(4%,3%)scale(.92)}to{transform:translate3d(-5%, -4%, 0) scale(calc(1.05 + var(--mid) * .04))}}@keyframes video-rings-breathe{0%{opacity:.44;transform:scale(.97)}to{opacity:.78;transform:scale(1.035)}}.station-facts>span:nth-child(6){border-left-color:var(--red)!important}.station-facts>span:nth-child(6) svg{color:#ff4545!important}.app-shell:before,.security-grid,.frequency-veil,.chromatic-shards,.card-light-sweep,.cover-scan{content:none!important;animation:none!important;display:none!important}@media (prefers-reduced-motion:reduce){.video-aurora-beams,.video-aurora-beams:before,.video-aurora-beams span{animation:none!important}}