/* ELECTRIC NIGHT PUBLIC MUSIC V2 */
.music-page{--music-brand:#ff2424;--music-brand-dark:#64080c;--music-ink:#020101;--music-line:rgba(255,38,38,.42);background:#020101!important;font-family:"Rajdhani",system-ui,sans-serif}
.music-page:before{content:"";position:fixed;inset:var(--nav-h) 0 0;pointer-events:none;z-index:0;background:linear-gradient(90deg,rgba(255,30,30,.025) 1px,transparent 1px) 0 0/54px 54px,linear-gradient(rgba(255,30,30,.02) 1px,transparent 1px) 0 0/54px 54px,radial-gradient(circle at 45% 30%,rgba(130,0,0,.11),transparent 34%)}
.music-player-stage{position:fixed;inset:var(--nav-h) 0 0;z-index:1;overflow:hidden;padding:18px 22px 22px;background:transparent!important}
.music-player-shell{height:100%;max-width:1920px;margin:auto;display:grid;grid-template-columns:minmax(300px,25%) minmax(600px,1fr) minmax(280px,21%);gap:10px}
.player-panel{position:relative;min-width:0;min-height:0;border:1px solid var(--music-line)!important;background:linear-gradient(145deg,rgba(16,2,3,.96),rgba(3,1,1,.985))!important;box-shadow:0 0 0 1px rgba(255,255,255,.018) inset,0 0 28px rgba(255,0,0,.05)!important;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}
.player-panel:before{content:"";position:absolute;z-index:8;pointer-events:none;left:12px;right:12px;top:0;height:1px;background:linear-gradient(90deg,#ff2424,transparent 65%);box-shadow:0 0 10px rgba(255,30,30,.52)}
.now-panel{display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden}
.now-art-wrap{position:relative;min-height:0;overflow:hidden;background:#000!important}
.now-art-wrap:before{content:"";position:absolute!important;inset:0!important;z-index:4!important;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.74) 100%),linear-gradient(90deg,rgba(255,0,0,.07),transparent 18%,transparent 82%,rgba(255,0,0,.07))!important;filter:none!important;pointer-events:none}
.now-art-wrap:after{content:"";position:absolute;z-index:5;inset:12px;pointer-events:none;box-shadow:none!important;border-top:1px solid rgba(255,45,45,.55);border-left:1px solid rgba(255,45,45,.32);clip-path:polygon(0 0,100% 0,100% 12px,12px 12px,12px 100%,0 100%)}
.now-art-wrap img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;display:block;filter:contrast(1.1) saturate(.9)}
.art-fallback{z-index:1!important;background:radial-gradient(circle at 50% 35%,#3d0608,#050101 58%,#000)!important;color:#fff;font-family:"Orbitron",sans-serif!important;font-style:normal!important;text-shadow:4px 4px 0 #62080d,0 0 18px rgba(255,35,35,.38)}
.now-meta{position:relative;padding:20px 22px 23px!important;border-top:1px solid #681015!important;background:linear-gradient(135deg,#160304,#050101 72%)!important}
.now-meta:before{content:"NOW PLAYING";display:block;margin-bottom:8px;color:#ff4b4b;font:800 .56rem/1 "Orbitron",sans-serif;letter-spacing:.22em}
.now-kicker{display:none}
.now-title{margin:0!important;font-family:"Orbitron",sans-serif;font-size:clamp(2rem,2.5vw,3.6rem)!important;font-style:normal!important;transform:none!important;line-height:.92!important;letter-spacing:-.03em;color:#f5f5f5;text-shadow:3px 3px 0 #67080d,0 0 17px rgba(255,30,30,.28)!important}
.now-album{display:none!important}
.center-panel{display:grid;grid-template-rows:minmax(0,1fr) auto auto;overflow:hidden;background:#020101!important}
.visual-stage{position:relative;min-height:0;overflow:hidden;background:linear-gradient(180deg,#020101 0%,#050101 54%,#010000 100%)!important}
.visual-stage:before{content:"";position:absolute!important;inset:30px!important;width:auto!important;aspect-ratio:auto!important;border:1px solid rgba(255,35,35,.22);border-radius:0!important;filter:none!important;opacity:1!important;background:none!important;box-shadow:inset 0 0 38px rgba(255,20,20,.07),0 0 28px rgba(255,20,20,.08);pointer-events:none}
.visual-stage:after{content:"";position:absolute!important;inset:16px!important;width:auto!important;aspect-ratio:auto!important;border-top:1px solid #a41218;border-bottom:1px solid #4a070b;border-radius:0!important;filter:none!important;opacity:1!important;background:none!important;pointer-events:none;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);box-shadow:inset 0 0 0 1px rgba(255,42,42,.06),0 0 18px rgba(255,0,0,.1)}
.visual-aurora{display:none!important}
.visual-stage canvas{position:absolute!important;inset:0;width:100%!important;height:100%!important;z-index:2!important;filter:saturate(1.8) brightness(1.35) contrast(1.12) drop-shadow(0 0 10px color-mix(in srgb,var(--music-primary) 92%,transparent)) drop-shadow(0 0 24px color-mix(in srgb,var(--music-secondary) 76%,transparent))}
.visual-mode-row{left:26px!important;top:26px!important;gap:5px!important;border:0!important;background:transparent!important;box-shadow:none!important}
.visual-mode-row button{min-width:62px;padding:9px 12px!important;border:1px solid #451014!important;background:#070202!important;color:#7e7474!important;font:800 .55rem "Orbitron",sans-serif!important;letter-spacing:.08em!important;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}
.visual-mode-row button.active{border-color:#ff3940!important;background:linear-gradient(180deg,#5a090d,#180204)!important;color:#fff!important;box-shadow:0 0 18px rgba(255,35,35,.34),0 0 34px color-mix(in srgb,var(--music-primary) 28%,transparent)!important}
.transport{position:relative;padding:14px 18px 13px!important;border-top:1px solid #631015!important;background:linear-gradient(180deg,#0d0203,#030101)!important}
.transport-main{display:grid!important;grid-template-columns:auto auto auto auto 1fr auto!important;gap:8px!important}
.transport button{height:46px!important;min-width:52px!important;border:1px solid #581015!important;background:#080202!important;color:#e8e8e8!important;font-family:"Orbitron",sans-serif!important;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}
.transport button:hover{border-color:#df2b31!important;background:#250406!important;box-shadow:0 0 15px rgba(255,25,25,.16)!important}
.transport .play{min-width:70px!important;border-color:#ff3038!important;background:linear-gradient(180deg,#8c0d14,#300407)!important;box-shadow:0 0 18px rgba(255,25,25,.28),0 0 30px color-mix(in srgb,var(--music-primary) 20%,transparent)!important;color:#fff!important}
.seek-row{grid-template-columns:52px 1fr 52px!important;margin-top:12px!important;color:#756b6b!important;font-family:"Orbitron",sans-serif!important;font-size:.52rem!important}
.seek-row input,.volume-wrap input{accent-color:#ff2828!important}
.volume-wrap{color:#746a6a!important;font-family:"Orbitron",sans-serif!important;font-size:.5rem!important}
.stream-row{gap:6px!important;padding:7px 8px 8px!important;border-top:1px solid #3f0b0e!important;background:#020101!important}
.stream-row a{min-height:48px!important;border:1px solid #541015!important;background:linear-gradient(180deg,#160304,#070101)!important;color:#e9e5e5!important;font:900 .62rem "Orbitron",sans-serif!important;letter-spacing:.09em!important;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}
.stream-row a:hover{border-color:#ef3037!important;background:linear-gradient(180deg,#43070a,#120203)!important;box-shadow:0 0 18px rgba(255,30,30,.16)!important}
.queue-panel{grid-template-rows:auto minmax(0,1fr)!important;background:#030101!important}
.queue-head{padding:18px 15px 14px!important;border-bottom:1px solid #541015!important;background:linear-gradient(90deg,#160304,#050101)!important}
.queue-head h2{font-family:"Orbitron",sans-serif!important;font-size:.78rem!important;font-style:italic;letter-spacing:.15em!important;color:#fff}
.queue-head button{padding:7px 9px!important;border:1px solid #431014!important;background:#080202!important;color:#777!important;font:800 .48rem "Orbitron",sans-serif!important}
.queue{overflow:auto!important;scrollbar-width:thin;scrollbar-color:#6b1115 #050101}
.queue-item{position:relative;grid-template-columns:6px 52px minmax(0,1fr) auto!important;gap:10px!important;padding:9px 10px!important;border-bottom:1px solid #260609!important;background:#030101!important}
.queue-item:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,30,30,.035),transparent 38%);opacity:0;transition:.15s}
.queue-item:hover:before{opacity:1}.queue-item:hover{background:#080202!important}
.queue-item.active{background:linear-gradient(90deg,#2b0507,#080202 64%)!important;box-shadow:inset 3px 0 0 #ff2929,0 0 18px rgba(255,0,0,.05)!important}
.queue-drag{width:2px;overflow:hidden;color:#5d1115!important;font-size:0!important;background:#5d1115;height:28px;cursor:grab}
.queue-art,.queue-art img{width:52px!important;height:52px!important}.queue-art{background:#0b0203!important;box-shadow:none!important;border:1px solid #3e0b0e}
.queue-title{font-family:"Orbitron",sans-serif!important;font-size:.62rem!important;letter-spacing:-.01em}.queue-album{font-size:.58rem!important;color:#6f6666!important}.queue-time{font-family:"Orbitron",sans-serif!important;font-size:.5rem!important;color:#665d5d!important}
.queue-foot{display:none!important}
@media(min-width:1500px){.music-player-shell{grid-template-columns:minmax(360px,25%) minmax(760px,1fr) minmax(300px,20%)}}
@media(max-width:1400px){.music-player-shell{grid-template-columns:minmax(280px,31vw) 1fr!important}.queue-panel{background:#030101!important}}
@media(max-width:800px){.music-player-stage{position:relative;inset:auto;padding:8px!important}.music-player-shell{grid-template-columns:1fr!important;grid-template-rows:auto minmax(620px,74vh) auto!important;gap:8px!important}.now-panel{height:auto!important;grid-template-columns:130px 1fr!important;grid-template-rows:150px!important}.now-art-wrap{height:150px!important}.now-meta{padding:17px!important}.now-title{font-size:1.55rem!important}.center-panel{min-height:70vh!important}.visual-mode-row{left:12px!important;top:12px!important;gap:3px!important}.visual-mode-row button{min-width:0!important;padding:8px!important;font-size:.45rem!important}.queue-panel{position:relative!important;width:auto!important;transform:none!important;min-height:420px!important}.transport-main{grid-template-columns:repeat(4,auto) 1fr!important}.stream-row{grid-template-columns:repeat(3,1fr)!important}}