/* Deep Magic Dance · Neon glass theme · v1.1.0 */
body{--bg:#090812;--panel:#191323;--line:#c4a8fc21;--text:#f5f0ff;--muted:#a39aae;--yellow:#b7a5ff;background:#090812;background-image:radial-gradient(ellipse at 90% 8%,#96135127,transparent 42%),radial-gradient(ellipse at 3% 22%,#2a2a882c,transparent 45%);font-family:Arial,Helvetica,sans-serif;padding-bottom:132px}body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 82% 22%,#ff285b20,transparent 21%),radial-gradient(circle at 20% 72%,#503cf419,transparent 32%)}.site-header{padding:28px 5%;border-color:#bfb1dd14}.brand{width:126px;filter:drop-shadow(0 0 12px #b571f642)}.brand-link>span{letter-spacing:1.8px;font-size:10px}.brand-link small{color:#9487a5}.site-header nav{gap:35px}.button{border:1px solid #ba9ee332;border-radius:100px;padding:13px 23px;font-weight:600;background:#e6d9ff09;color:#eee8f6}.button:hover{background:#e6d9ff13;border-color:#c4adf15c}.primary{color:#130c21;background:linear-gradient(110deg,#85dbff,#b8a0ff 52%,#f7a3dc);border:0;box-shadow:0 6px 26px #9171ff24}.primary:hover{background:linear-gradient(110deg,#a0e8ff,#c8b7ff 52%,#ffb9e7);box-shadow:0 8px 32px #ba6df340}.account{font-size:12px;background:#e6d9ff0b}.hero{padding-top:56px;padding-bottom:44px;gap:64px;grid-template-columns:1fr 1fr;min-height:620px;align-items:center;overflow:visible}.hero h1{font-size:clamp(54px,5.8vw,84px);font-weight:600;letter-spacing:-4.7px;line-height:1.04;margin:29px 0}.hero h1 em{font-family:inherit;font-weight:600;font-style:normal;background:linear-gradient(100deg,#65deff,#b58cff 58%,#fd84c9);color:transparent;background-clip:text;-webkit-background-clip:text;text-shadow:none}.eyebrow{color:#b3a5c9;font-size:9px;letter-spacing:2.1px}.live-dot{background:#e7a0ff;box-shadow:0 0 12px #d773ff}.intro{color:#ada4bc;font-size:14px;line-height:1.8;max-width:395px;margin:26px 0 32px}.hero-tags{display:flex;gap:13px;margin-top:27px;align-items:center;flex-wrap:wrap}.hero-tags span{font-size:10px;color:#bcaccf;border:1px solid #c0a2e820;padding:7px 12px;border-radius:100px;background:#b182db08}.hero-footnote{margin-top:38px;font-size:8px;border-color:#af87db1e;color:#81718f;letter-spacing:1px}.neon-stage{position:relative;padding:12px 14px 33px;isolation:isolate}.neon-stage:before{content:'';position:absolute;inset:-40px -70px;z-index:-2;pointer-events:none;background:radial-gradient(circle at 88% 25%,#ff187433,transparent 39%),radial-gradient(circle at 15% 78%,#553bff40,transparent 38%);filter:blur(30px)}.stage-orbit{position:absolute;bottom:33px;left:-50px;right:-35px;height:115px;border:1px solid #9c8bff80;border-radius:50%;transform:rotate(-14deg);box-shadow:0 0 12px #5d4cff7a,inset 0 0 9px #6b4fff32;z-index:-1}.stage-card{position:relative;padding:24px 25px 18px;border:1px solid transparent;border-radius:26px;background:linear-gradient(135deg,#211427ee,#141323f5) padding-box,linear-gradient(125deg,#debdff80,#976dce38 35%,#dba2ff80 62%,#8bafffd0) border-box;box-shadow:0 24px 70px #0006,0 0 25px #815dff18,inset 0 0 20px #d992ff05;backdrop-filter:blur(24px);overflow:hidden}.stage-card:before{content:'';position:absolute;top:0;left:8%;width:35%;height:1px;background:linear-gradient(90deg,transparent,#ced0ff,transparent);box-shadow:0 0 14px 2px #a985ff88}.stage-card:after{content:'';position:absolute;bottom:0;right:4%;width:45%;height:1px;background:linear-gradient(90deg,transparent,#b6ccff,transparent);box-shadow:0 0 14px 2px #636dff99}.stage-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px}.stage-heading>div:first-child{min-width:0}.stage-heading .eyebrow{font-size:7px;letter-spacing:1.6px;margin-bottom:8px;color:#b5a2c6}.stage-heading h2{font-size:22px;line-height:1.2;letter-spacing:-.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px}.stage-heading p:last-child{font-size:11px;color:#b6a7c8;margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stage-tools{display:flex;align-items:center;gap:8px;flex-shrink:0}.stage-tool{width:34px;height:34px;display:flex;justify-content:center;align-items:center;border:1px solid #e5d2ff21;background:#efe4ff0b;border-radius:50%;font-size:20px;color:#d4c9e1;padding:0}.stage-tool:hover{background:#dac4ff1a}.stage-tool[aria-pressed=true]{color:#e29df9;border-color:#e29df971;background:#c983f21b}.stage-art{height:236px;border-radius:16px;overflow:hidden;background:radial-gradient(ellipse at 10% 90%,#313072,#191225 67%);position:relative;display:flex;align-items:center;justify-content:center}.stage-art:before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#504e8422,transparent,#8e337a22);pointer-events:none;z-index:1}.stage-art>img{display:block;height:100%;width:100%;object-fit:contain;background:#0f0b15;position:relative}.stage-art:has(>img){background:#0f0b15}.stage-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:22px;background:radial-gradient(ellipse at center,#792f7144,transparent 70%),repeating-radial-gradient(ellipse at center,#8673d812 0px,#8673d812 1px,transparent 2px,transparent 13px)}.stage-placeholder img{width:66%;filter:drop-shadow(0 0 15px #ca73ff50)}.stage-placeholder span{font:8px monospace;letter-spacing:3px;color:#b4a1cb}.equalizer{height:28px;display:flex;align-items:end;gap:3px;padding:0 8px;margin-top:-28px;position:relative;z-index:2;pointer-events:none;opacity:.7}.equalizer i{display:block;flex:1;height:8px;background:linear-gradient(0deg,#867fffbb,#b998ef99);border-radius:2px 2px 0 0;transform-origin:bottom;animation:none}.equalizer .bar-1{height:12px}.equalizer .bar-2{height:19px}.equalizer .bar-3{height:24px}.equalizer .bar-4{height:16px}.equalizer .bar-5{height:22px}.equalizer .bar-6{height:13px}.equalizer .bar-7{height:10px}.stage-progress{margin-top:18px}.stage-progress>input{width:100%;height:5px;display:block;accent-color:#c3b2ff}.stage-progress>div{display:flex;justify-content:space-between;margin-top:9px;color:#a090b5;font:10px monospace}.stage-transport{display:flex;justify-content:center;gap:17px;align-items:center;margin:12px 0 20px}.stage-transport>.stage-tool:first-child{margin-right:auto;background:transparent;border-color:transparent}.stage-transport>.stage-tool:last-child{margin-left:auto;background:transparent;border-color:transparent}.stage-skip{width:42px;height:42px;display:flex;justify-content:center;align-items:center;font-size:15px;border-radius:50%;border:1px solid #dfc6ff2b;background:#efe5ff0b}.stage-play{width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:22px;border-radius:50%;color:#fff;border:1px solid #e4d1ff60;background:linear-gradient(140deg,#c39dff45,#f0b0f329);box-shadow:0 0 21px #ad75ff2c,inset 0 0 14px #e5bcff13}.stage-play:hover{background:linear-gradient(140deg,#c39dff77,#f0b0f34b);box-shadow:0 0 25px #b185ff44}.stage-footer{display:flex;gap:7px;align-items:center;color:#9c8eae;font:7px monospace;letter-spacing:1px;border-top:1px solid #bba1e119;padding-top:13px}.stage-footer button{margin-left:auto;font-size:10px;color:#c7b5e3;letter-spacing:0}.stage-indicator{width:4px;height:4px;background:#9d94ba;border-radius:50%}.is-playing .stage-indicator{background:#93e2ff;box-shadow:0 0 7px #6bcfff}.stage-note{display:block;text-align:center;font:8px monospace;letter-spacing:1.5px;color:#a18bb8;margin-top:20px}.collection{padding-top:30px}.section-heading h2{font-size:31px;font-weight:500;letter-spacing:-1px}.collection-count{color:#baa8cf}.toolbar{border-color:#bda2df20}.tabs button{border:1px solid transparent;padding:9px 14px}.tabs button.active{background:#9c71da18;border-color:#bb91ee35;color:#e4caff}.tabs button:hover{color:#ead8ff}.search-wrap{background:#b3a2d608;border-color:#b6a4d629;border-radius:100px;padding-left:15px}.search-wrap input{color:#eee0ff;padding:12px;font-size:11px;width:230px}.toolbar select{border-radius:100px;background:#b3a2d608;border-color:#b6a4d629;padding:11px 15px;color:#bfb0d0}.album-grid{gap:30px 20px}.cover-wrap{border-radius:12px;border:1px solid #bba3ee20;background:#181220;transition:box-shadow .2s,border-color .2s;box-shadow:0 5px 20px #0002}.cover-wrap:hover{border-color:#af82f48c;box-shadow:0 0 25px #b065ff26}.placeholder{--cover-colour:#171020;background:radial-gradient(ellipse at 0% 0%,#7373ef1e,transparent 60%),var(--cover-colour);padding:17px}.placeholder:before{border-color:#b18bdd33;box-shadow:0 0 0 18px #c593ed08,0 0 0 36px #b59cff06,0 0 0 54px #9c99ff06}.placeholder img{filter:drop-shadow(0 0 9px #986aff33);width:59%}.placeholder .cover-no{font-family:Arial,sans-serif;font-weight:300;color:#c7bae1;font-size:62px;letter-spacing:-4px}.placeholder .cover-label{color:#8f7da3}.tone-0{--cover-colour:#191627}.tone-1{--cover-colour:#20132a}.tone-2{--cover-colour:#142230}.tone-3{--cover-colour:#24142a}.tone-4{--cover-colour:#1b1732}.tone-5{--cover-colour:#1c1329}.favourite{background:#170e2ed9;border-color:#d7b5ff38;color:#e0c6f5}.favourite.active{color:#f4b2ec;background:#ad609834}.card-play{background:linear-gradient(140deg,#a0e1ff,#c99afa,#f9abdb);color:#271139;box-shadow:0 0 20px #a972ff55}.album-card h3{font-size:12px;margin-top:14px;letter-spacing:.1px}.card-meta{color:#95839f;font-size:9px}.card-meta .ready{color:#c6a9f3}.archive-notice{border-color:#b488e5;background:#a06bd707;border-radius:0 7px 7px 0}.tribute{border-color:#ba9ddd20}.tribute h2{color:#d8b4fb;font:28px/1.15 Arial,sans-serif;font-weight:500}.tribute-number{color:#c99eff}.site-footer{border-color:#ba9ddd20;color:#9f8aad}.site-footer img{width:58px;opacity:.95;filter:drop-shadow(0 0 9px #9873dd55)}.player{bottom:14px;left:22px;right:22px;border-radius:18px;border:1px solid #c4a3ee54;padding:15px 23px;background:linear-gradient(120deg,#21152ee8,#15142be8);backdrop-filter:blur(25px);box-shadow:0 10px 45px #0008,0 0 20px #9d66ff15}.player-art{width:52px;height:52px;border-radius:9px;background:#a47acb20;color:#d6b2fd;border:1px solid #ab82d12a}.now-playing strong{font-size:12px;font-weight:500}.now-playing span{color:#a792bc}.play-button{width:35px;height:35px;background:linear-gradient(130deg,#a8dfff,#ddb5f8,#f5bedf);box-shadow:0 0 15px #bf8be731;color:#24152f}.icon-button{color:#d3bfe8}.icon-button.secondary{color:#9f84b8}.icon-button[aria-pressed=true]{color:#f0b5ff;text-shadow:0 0 9px #de77ff70}.progress input,.volume input{accent-color:#c5a3f5}.progress time{color:#b49aca}.volume{color:#b7a1d0}.toast{background:#f0dfff;color:#291337;box-shadow:0 4px 30px #b772fa38;border:1px solid #d9b6ff}.album-dialog,.account-dialog,.queue-dialog{border:1px solid #c1a0f167;border-radius:24px;background:linear-gradient(135deg,#251631ed,#151329f5);backdrop-filter:blur(26px);box-shadow:0 0 35px #ab6fff26,0 30px 90px #0009}dialog::backdrop{background:#07030bbd;backdrop-filter:blur(12px)}.detail-art{border-radius:12px;box-shadow:0 0 25px #bc65de18}.detail-header h2{color:#f2e6ff}.detail-header p{color:#bc9dd0}.track-row{border-color:#b298cd22;border-radius:7px;padding:14px 9px}.track-row:hover{background:#c997ff09}.track-row.playing{color:#deb0ff;background:#aa66db14}.track-row .track-number{color:#a088b3}.account-dialog input{background:#ba93e30a;border-color:#c097eb28;border-radius:9px}.account-dialog label{color:#c6aed9}.account-dialog .switch-account{color:#d4acff}.detail-actions .button{border-radius:100px}.close-dialog{color:#c4aadf}.error{color:#ffb3ca!important}
@media(max-width:1100px){.hero{gap:35px;padding-top:42px;min-height:590px}.hero h1{font-size:64px;letter-spacing:-3.5px}.stage-heading h2{font-size:19px;max-width:240px}.stage-card{padding:21px}.stage-art{height:218px}.stage-tools{gap:5px}.stage-tool{width:30px;height:30px;font-size:18px}.hero-footnote span:last-child{display:none}}
@media(max-width:850px){.hero{grid-template-columns:1fr;max-width:680px;gap:38px;padding-top:44px}.hero-copy{text-align:center}.hero-copy .eyebrow{justify-content:center}.hero h1{font-size:68px;letter-spacing:-4px}.intro{max-width:440px;margin:23px auto 30px}.hero-tags{justify-content:center}.hero-footnote{display:none}.neon-stage{max-width:470px;width:100%;margin:auto;padding:0 16px 25px}.stage-heading h2{max-width:290px}.stage-art{height:250px}.stage-orbit{left:-20px;right:-20px;bottom:25px}.hero-tags{margin-top:21px}.collection{padding-top:27px}.player{left:12px;right:12px;bottom:10px}.album-grid{gap:27px 16px}}
@media(max-width:600px){body{padding-bottom:147px}.site-header{padding:21px 5%}.brand{width:91px}.brand-link>span{font-size:7px;letter-spacing:.9px}.brand-link small{font-size:5.8px;letter-spacing:1px}.account{padding:9px 13px;font-size:10px}.hero{padding:38px 5% 23px;gap:33px}.hero h1{font-size:56px;letter-spacing:-3.1px;line-height:1.05;margin:23px 0}.hero .eyebrow{font-size:7px;letter-spacing:1.5px}.intro{font-size:12px;max-width:325px;line-height:1.8;margin:21px auto 24px}.intro br{display:none}.hero-copy>.button{padding:13px 21px;font-size:12px}.hero-tags{gap:9px;margin-top:19px}.hero-tags span{font-size:9px;padding:6px 10px}.neon-stage{padding:0 4px 25px}.stage-card{padding:19px 17px 16px;border-radius:23px}.stage-heading h2{font-size:18px;max-width:220px}.stage-heading .eyebrow{font-size:6px;letter-spacing:1px;margin-bottom:7px}.stage-heading p:last-child{font-size:10px}.stage-tools{gap:5px}.stage-tool{width:30px;height:30px;font-size:17px}.stage-art{height:225px;border-radius:12px}.stage-heading{gap:8px;margin-bottom:15px}.stage-transport{gap:16px;margin:14px 0 17px}.stage-play{width:56px;height:56px;font-size:19px}.stage-skip{width:40px;height:40px;font-size:13px}.stage-note{font-size:6px;letter-spacing:1.4px}.stage-orbit{left:-11px;right:-11px;bottom:20px;height:90px}.stage-footer{font-size:6px;letter-spacing:.65px}.stage-footer button{font-size:9px}.collection{padding-top:20px}.section-heading h2{font-size:28px}.eyebrow{font-size:8px;letter-spacing:1.7px}.collection-count{font-size:9px}.tabs button{font-size:10px;padding:8px 11px}.search-wrap input{font-size:10px}.toolbar select{font-size:9px;padding:11px;max-width:115px}.album-grid{gap:24px 11px}.cover-wrap{border-radius:9px}.placeholder{padding:10px}.placeholder .cover-no{font-size:42px;letter-spacing:-2px}.placeholder .cover-label{font-size:4px}.album-card h3{font-size:10px;margin-top:11px}.card-meta{font-size:7px}.favourite{height:23px;width:23px}.player{padding:11px 14px;bottom:8px;left:8px;right:8px;gap:9px;border-radius:16px}.player-art{width:34px;height:34px;border-radius:6px}.now-playing strong{font-size:10px;max-width:62vw}.now-playing span{font-size:9px}.player-extras{top:13px;right:16px}.player-centre{gap:10px}.transport{gap:8px}.transport .secondary{font-size:16px}.play-button{width:30px;height:30px;font-size:11px}.progress time{font-size:8px}.toast{bottom:131px}.album-dialog{padding:28px 19px;border-radius:20px}.detail-art{width:110px}.detail-header h2{font-size:23px}.detail-header{gap:16px}.detail-actions .button{padding:10px 12px}.site-footer img{width:50px}.tribute h2{font-size:28px}}
@media(max-width:370px){.stage-heading h2{font-size:15px;max-width:177px}.stage-tools{gap:3px}.stage-tool{width:27px;height:27px}.stage-art{height:198px}.hero h1{font-size:49px}.stage-card{padding:17px 14px}.stage-footer{letter-spacing:.2px;font-size:5.5px}}
@media(prefers-reduced-motion:reduce){.stage-orbit{box-shadow:0 0 10px #5d4cff4d}.equalizer i{animation:none!important}}

/* Bright edge accents echo the supplied player reference. */
.stage-card{background:linear-gradient(135deg,#28162dee,#171428f5) padding-box,linear-gradient(125deg,#e1b6ff9c,#c367ef42 35%,#fb84c787 62%,#868fffee) border-box;box-shadow:0 24px 70px #0006,0 0 34px #7e5dff28,inset 0 0 20px #d992ff05}
.stage-orbit{border-color:#a99bffc9;box-shadow:0 0 15px #6e57ff88,inset 0 0 10px #6b4fff45}
.neon-stage:before{background:radial-gradient(circle at 88% 25%,#ff18744d,transparent 39%),radial-gradient(circle at 15% 78%,#553bff50,transparent 38%)}
@media(max-width:600px){.neon-stage:before{inset:-35px -8px;filter:blur(25px)}}
