/* ME / Music Room — Signal Architecture
   Visual enhancement only. Existing room geometry, artwork, audio & archive JS are preserved.
   References: neon game HUD, circular systems diagram, neural spine, Y2K modules,
   cyberpunk album credits, bright modular gallery. */
:root{
  --signal-cyan:#4cecff;
  --signal-blue:#638eff;
  --signal-fuchsia:#fa62db;
  --signal-violet:#b17bff;
  --signal-lime:#b3ff99;
  --signal-amber:#ffcb82;
  --signal-outline:rgba(97,203,255,.52);
}
.room{
  background-color:#070716;
  background-image:radial-gradient(ellipse 70% 42% at 14% 12%,rgba(26,85,183,.16),transparent 67%),
    radial-gradient(ellipse 62% 50% at 92% 62%,rgba(119,27,155,.16),transparent 64%);
}
.room-ambient{filter:blur(26px) saturate(1.18) hue-rotate(2deg) brightness(.56)}
.room:before{background:radial-gradient(ellipse at 49% 49%,transparent 28%,rgba(4,6,21,.27) 69%,rgba(3,6,18,.82)),
 linear-gradient(180deg,rgba(4,6,21,.52),transparent 24%,transparent 58%,rgba(3,5,16,.92))}
.room-header{align-items:center;gap:8px}
.room-header .back-link{width:46px;height:46px;border:1px solid rgba(74,235,255,.69);border-radius:11px;
 background:linear-gradient(145deg,rgba(17,43,70,.94),rgba(18,11,42,.9));
 color:#dbffff;box-shadow:inset 0 0 0 1px #70ebff1b,0 0 16px #38d8ff37}
.room-header .room-signature{position:relative;min-width:0;padding:8px 17px 9px;border:1px solid rgba(99,184,246,.42);
 border-radius:9px;background:linear-gradient(125deg,rgba(6,17,38,.82),rgba(29,11,46,.7));
 box-shadow:0 0 18px #3c89ef26,inset 0 0 18px #3f62cd1c;backdrop-filter:blur(8px)}
.room-header .room-signature:before,.room-header .room-signature:after{content:"";position:absolute;width:17px;height:3px;top:-2px;background:#55f9fa;box-shadow:0 0 9px #4cf5ff}
.room-header .room-signature:before{left:14px}.room-header .room-signature:after{right:14px;background:#ff80de;box-shadow:0 0 9px #ff80de}
.room-header .room-signature .gradient-word{font-weight:700;letter-spacing:.055em;color:#ecf8ff}
.room-signature small{letter-spacing:.19em!important;color:#a6d5fc!important}
.room-count{padding:10px 9px;border:1px solid #ff92d567;border-radius:9px;background:#241026a8;
 color:#ffdba9;box-shadow:0 0 16px #f75ecc21}

/* Small noninteractive technical etching over the existing pixel studio. */
.scene-plate{isolation:isolate}
.scene-plate:before{background:
 linear-gradient(135deg,rgba(86,195,255,.11),transparent 23%,transparent 64%,rgba(255,90,193,.07)),
 radial-gradient(ellipse at 50% 51%,transparent 43%,rgba(10,4,23,.22))}
.scene-plate:after{box-shadow:inset 0 0 42px 24px rgba(6,5,25,.37)}
.studio-telemetry{position:absolute;z-index:4;inset:0;pointer-events:none;color:#b8f7ff;font-family:var(--pixel);line-height:1.3}
.studio-telemetry::before{content:"";position:absolute;top:4.5%;right:3%;width:13%;aspect-ratio:1;border-radius:50%;
 background:repeating-conic-gradient(from 14deg,rgba(96,228,255,.75) 0 3deg,transparent 3deg 21deg),
 radial-gradient(circle,transparent 0 36%,rgba(31,159,231,.25) 38% 42%,transparent 44%);
 -webkit-mask:radial-gradient(circle,transparent 0 49%,#000 51% 54%,transparent 56% 69%,#000 71% 75%,transparent 77%);
 mask:radial-gradient(circle,transparent 0 49%,#000 51% 54%,transparent 56% 69%,#000 71% 75%,transparent 77%);
 opacity:.67}
.studio-telemetry .studio-corner{position:absolute;bottom:5.5%;display:grid;gap:4px;padding:6px 8px;
 border-left:2px solid #60edff;border-top:1px solid #60edff70;
 background:linear-gradient(115deg,rgba(7,19,36,.72),rgba(8,7,24,.13));
 text-shadow:0 0 9px #71edff83;font-size:clamp(6px,.87vw,9px);letter-spacing:.08em}
.studio-telemetry .studio-corner.left{left:4%}
.studio-telemetry .studio-corner.right{right:4%;border-left:0;border-right:2px solid #ff81cd;
 border-top-color:#ff81cd78;text-align:right;color:#f6c9ec;background:linear-gradient(250deg,rgba(26,11,33,.75),rgba(10,7,25,.13))}
.studio-corner b{font-weight:400;color:#eeedff}
.studio-corner span{color:#78b9fa}
.studio-corner.right span{color:#f7a6d7}
.music-hotspot:focus-visible{outline:2px dashed var(--signal-cyan);outline-offset:3px}
.screen-future{border:1px solid #f77ccf85;box-shadow:inset 0 0 25px #f16fc31f,0 0 11px #f364e532}
.room-prompt{font-size:clamp(7px,1.05vw,11px);letter-spacing:.13em;background:rgba(8,9,27,.72);
 border:1px solid #8b91ff42;border-radius:7px;padding:7px 12px;color:#cef4ff}
.room-prompt:before{content:"▹  ";color:#ff8ecc}
.gallery-dock{border:1px solid rgba(80,229,255,.6);border-radius:13px;
 background:linear-gradient(135deg,rgba(5,17,38,.93),rgba(27,9,40,.9));
 box-shadow:0 0 0 1px #9a70fa24,0 0 28px #2a9ce82e,inset 0 1px #e8faff25;
 padding:11px 13px 12px}
.gallery-dock:before{content:"";position:absolute;top:-2px;left:19px;width:74px;height:3px;background:#5cecff;box-shadow:0 0 12px #53eaff}
.gallery-dock:after{content:"";position:absolute;right:17px;bottom:-2px;width:65px;height:3px;background:#fc74df;box-shadow:0 0 12px #fc74df}
.dock-head{margin-bottom:10px}
.dock-open{color:#bdfdff;font-size:clamp(9px,1.1vw,13px);letter-spacing:.085em}
.dock-open:before{content:"◈ ";color:#fe91d5}
.dock-hint{color:#d3acfd;letter-spacing:.06em}
.dock-strip{gap:9px;padding:2px 2px 7px}
.dock-tile{border:1px solid #65e8ff76;border-radius:6px;box-shadow:0 0 10px #28d4f524;
 background:#0a132b;transition:transform .2s,border-color .2s,box-shadow .2s}
.dock-tile:nth-child(4n+2){border-color:#ef75d5a6;box-shadow:0 0 11px #ef75d52f}
.dock-tile:nth-child(4n+3){border-color:#b992ffa6}
.dock-tile:nth-child(4n+4){border-color:#80dedea6}
.dock-tile:hover,.dock-tile:focus-visible{box-shadow:0 0 20px #61eeff55}
.dock-tile span{bottom:0;right:0;border-top:1px solid #af8bf980;
 background:#0b0c28dc;padding:3px 4px;color:#d8ffff}
.mini-player{border-color:#63dfe9;background:linear-gradient(90deg,#101c36f0,#250f37ed);box-shadow:0 0 0 1px #694dfb30,0 0 22px #2fb7eb45}
.mini-player:before{content:"◉";font-size:14px;color:#fc92d3}
.mini-player .mini-open{color:#f3e8ff}

/* The opened archive becomes a futuristic album / studio instrument surface. */
.shell-overlay .overlay-scrim{background:rgba(3,5,15,.86);backdrop-filter:blur(14px)}
.portal-panel{--rail-border:rgba(83,215,255,.52);border:1px solid var(--rail-border);border-radius:13px;
 background:radial-gradient(ellipse at 90% 0%,rgba(112,32,160,.26),transparent 40%),
 radial-gradient(ellipse at 4% 64%,rgba(24,93,185,.18),transparent 45%),
 linear-gradient(145deg,#0a1126,#070b1b 52%,#130a25);
 box-shadow:0 0 0 1px #d183ff25,0 0 25px #27b8ff26,0 24px 120px #000e}
.portal-panel::before{opacity:.27!important;background-image:linear-gradient(#78baff13 1px,transparent 1px),linear-gradient(90deg,#78baff13 1px,transparent 1px);background-size:22px 22px}
.portal-panel::after{content:"";position:absolute;pointer-events:none;inset:5px;border:1px solid #83c8ff18;border-radius:10px}
.panel-head{padding:clamp(16px,2.5vw,28px) clamp(17px,3vw,34px) 12px;
 border-bottom:1px solid #6eb8ff40;background:linear-gradient(100deg,#08243a57,#4d205b33 63%,transparent)}
.panel-head:before{content:"";position:absolute;left:clamp(17px,3vw,34px);top:0;width:95px;height:3px;background:linear-gradient(90deg,var(--signal-cyan),#a175ff)}
.panel-head .eyebrow{letter-spacing:.16em;color:#88f5ff}
.panel-head .eyebrow:before{content:"◈  ";color:#ff9ce6}
.panel-title{font-size:clamp(23px,3.3vw,39px);letter-spacing:.005em;line-height:1.15;text-shadow:0 0 22px #8c57d54d}
.panel-sub{color:#b8c8e4;letter-spacing:.013em}
.close-button{border-color:#ff9fdf85;border-radius:9px;background:#3114368a;
 color:#ffd6f2;box-shadow:inset 0 0 12px #c742a41c}
.close-button:hover,.close-button:focus-visible{outline-color:#90edff;box-shadow:0 0 18px #ff96db6b}

.music-layout{gap:clamp(12px,2vw,20px);padding:clamp(12px,2vw,24px)}
/* Horizontal data/signal spine spans existing columns, but on phones uses same stacked flow. */
.signal-spine{grid-column:1/-1;position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;
 align-items:center;gap:15px;min-height:87px;overflow:hidden;border:1px solid #7b86ee8a;border-radius:9px;
 padding:12px clamp(12px,2vw,22px);
 background:linear-gradient(95deg,#102846f0,#16113bfa 47%,#2d103cf0);
 box-shadow:inset 0 0 20px #69b7fe10,0 0 19px #4a7aff1b}
.signal-spine::before{content:"";position:absolute;inset:0;opacity:.45;pointer-events:none;
 background-image:linear-gradient(#5babff18 1px,transparent 1px),linear-gradient(90deg,#5babff18 1px,transparent 1px);
 background-size:19px 19px}
.signal-spine::after{content:"";position:absolute;top:-1px;left:30%;right:30%;height:2px;
 background:linear-gradient(90deg,transparent,var(--signal-cyan),var(--signal-fuchsia),transparent)}
.spine-index,.spine-out{position:relative;z-index:1;display:flex;flex-direction:column;gap:5px;white-space:nowrap}
.spine-index small,.spine-out small{color:#84bcef;font:9px/1.3 var(--pixel);letter-spacing:.07em}
.spine-index strong{font:clamp(16px,2.2vw,25px)/1 var(--pixel);color:#f8c3ed}
.spine-out{align-items:flex-end;text-align:right}
.spine-out strong{color:#a8ffe5;font:9px/1.4 var(--pixel)}
.spine-out .spine-lights{display:flex;gap:6px}
.spine-out .spine-lights i{display:block;width:8px;height:8px;border:1px solid #ffffff66;border-radius:50%;box-shadow:0 0 9px currentColor}
.spine-lights i:nth-child(1){color:#64fce2;background:#64fce2}
.spine-lights i:nth-child(2){color:#8e89ff;background:#8e89ff}
.spine-lights i:nth-child(3){color:#fd7cd9;background:#fd7cd9}
.spine-lights i:nth-child(4){color:#ffd18a;background:#ffd18a}
.spine-wave{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;gap:4px;height:54px;
 padding:0 8px;border-left:1px solid #8cbbff59;border-right:1px solid #d889fe59;
 background:radial-gradient(ellipse at 50% 50%,#46c8ff23,transparent 68%)}
.spine-wave:before{content:"";position:absolute;left:0;right:0;top:50%;border-top:1px solid #b9c7ff53}
.spine-wave i{position:relative;display:block;width:3px;flex:1 1 3px;max-width:6px;height:var(--bar-height,20%);
 border-radius:6px;background:linear-gradient(180deg,#a3ffff,#4a95ff 45%,#ce74f4 77%,#ff80d9);
 box-shadow:0 0 6px #75d8ffc7}
.spine-wave i:nth-child(2n){--bar-height:65%}.spine-wave i:nth-child(3n){--bar-height:87%}
.spine-wave i:nth-child(4n){--bar-height:34%}.spine-wave i:nth-child(5n){--bar-height:95%}
.spine-wave i:nth-child(7n){--bar-height:17%}
.music-layout:has(.disc-stage.is-playing) .spine-wave i{animation:signalWave 730ms ease-in-out infinite alternate}
.music-layout:has(.disc-stage.is-playing) .spine-wave i:nth-child(3n){animation-duration:1050ms;animation-delay:-450ms}
.music-layout:has(.disc-stage.is-playing) .spine-wave i:nth-child(5n){animation-duration:510ms;animation-delay:-200ms}
@keyframes signalWave{to{transform:scaleY(.34);opacity:.62}}
.now-playing,.archive-shelf{position:relative;overflow:hidden;background:linear-gradient(130deg,rgba(14,24,53,.97),rgba(13,12,33,.97) 54%,rgba(34,11,52,.95));
 border:1px solid #73c5fb75;border-radius:10px;box-shadow:inset 0 1px #a9e2ff20,inset 0 0 23px #588cfc0b}
.now-playing:before,.archive-shelf:before{content:"";position:absolute;top:0;left:0;width:104px;height:2px;background:linear-gradient(90deg,#66f5ff,#868bff,transparent);box-shadow:0 0 14px #67dfff}
.archive-shelf{border-color:#a887ed7d}
.archive-shelf:before{background:linear-gradient(90deg,#fe8bdc,#a788ff,transparent);box-shadow:0 0 14px #fc8ce5}
.now-playing{padding:clamp(15px,2.1vw,25px)}
.player-top{position:relative;z-index:1;letter-spacing:.085em;color:#8febf7;font-size:9px}
.player-top span:first-child:before{content:"◈ ";color:#ff8dd0}
.state-pill{border-color:#7cf7cb80;background:#10463f75;color:#b0ffe3;box-shadow:0 0 15px #58ebb627;border-radius:6px;padding:7px 9px}
.disc-stage{width:min(320px,70vw);margin:17px auto 18px;background:repeating-conic-gradient(from 7deg,transparent 0 18deg,#58cffa0c 19deg 20deg,transparent 21deg 45deg)}
.disc-stage:after{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none;
 border:1px solid #76b9ff70;box-shadow:inset 0 0 20px #64b7ff1b,0 0 0 7px #5c88ff0b,0 0 28px #a05dff49}
.disc-stage:before{inset:3%;filter:drop-shadow(0 0 8px #59f4ff);opacity:.87}
.disc{width:73%;border-color:#dd9efe;box-shadow:0 0 0 8px #712cd438,0 0 0 11px #6cf6f845,inset 0 0 35px #030415,0 0 30px #ae50fa68}
.track-kicker{color:#89f1ff;letter-spacing:.14em;font-size:9px}
.track-kicker:before{content:"[ ";color:#ff99df}.track-kicker:after{content:" ]";color:#ff99df}
.track-title{font-size:clamp(19px,3.2vw,33px);line-height:1.23;letter-spacing:-.015em;overflow-wrap:anywhere}
.track-byline{margin:10px 0 19px;color:#efa2dd;font-size:12px;letter-spacing:.16em}
.seek{height:6px;background:linear-gradient(90deg,#53f8fa var(--seek-progress),rgba(121,139,210,.23) var(--seek-progress));box-shadow:0 0 12px #51d8ff15}
.time-row{color:#a2c8ed}
.transport button{border-color:#70a9f78a;background:linear-gradient(145deg,#0b3052,#1a1841);
 border-radius:8px;color:#bcfaff;box-shadow:inset 0 0 16px #62aef824}
.transport .play-main{width:66px;height:66px;border:2px solid #c7ffff;border-radius:16px;
 background:linear-gradient(140deg,#28bdeb,#7371f8 47%,#e76adf);color:#fff;
 box-shadow:inset 0 0 16px #ffffff27,0 0 22px #4ddfff7a}
.transport .play-main:hover{box-shadow:0 0 30px #69e8ff9d}
.player-actions .action-link,.player-actions .action-button{display:inline-flex;align-items:center;justify-content:center;
 min-height:45px;flex:1 1 120px;border:1px solid #b37ef37d;border-radius:7px;
 background:linear-gradient(110deg,#22205a,#25163a);color:#f3d6ff;letter-spacing:.035em}
.player-actions .action-link{border-color:#63dcf3a1;color:#d5feff;background:linear-gradient(110deg,#103e55,#19254c)}
.player-status{color:#9bf2ed}
.archive-shelf{padding:clamp(15px,2.1vw,25px)}
.shelf-head{padding-bottom:11px;border-bottom:1px solid #b08dff48;color:#dac3ff;letter-spacing:.11em}
.shelf-head:before{content:"◈ ";color:#fc96d8}.shelf-head span:last-child{color:#b9f6ff}
.shelf-label{color:#ffb6e8;letter-spacing:.12em}
.track-row{border:1px solid #63e6ff95;border-radius:8px;
 background:radial-gradient(circle at 93% 8%,#1b92cd4a,transparent 49%),linear-gradient(110deg,#123456,#18143d);box-shadow:inset 0 0 19px #43eaff1d}
.track-row .serial{color:#71f6ff;font-size:13px}
.track-row strong{color:#fff0fa;line-height:1.48}
.track-row small{color:#b7ddfa}
.track-row .row-time{color:#8feaff}
.shelf-divider{border-top-color:#a783ef55}
.empty-slot{position:relative;border:1px dashed #967cc05b;border-radius:7px;margin-top:8px;
 color:#a998cc;padding:13px 10px;background:#13132e65}
.empty-slot:after{content:"◌";margin-left:auto;color:#b186db}
.empty-slot b{color:#7798ce}
.shelf-note{color:#b9c6e3}
.gallery-panel{--rail-border:#f38fda91}
.gallery-panel .gallery-rail{gap:14px}
.gallery-card{position:relative;border:1px solid #6adbe5a4;border-radius:7px;
 background:linear-gradient(155deg,#152449,#241138);box-shadow:inset 0 0 16px #64baff16}
.gallery-card:nth-child(3n+2){border-color:#ff80d1bd}
.gallery-card:nth-child(3n+3){border-color:#ab91ffbd}
.gallery-card:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 3px #050c2265}
.gallery-card span{min-height:42px;background:linear-gradient(90deg,#0a2641,#201336);border-top:1px solid #79daff80;color:#dbf9ff;letter-spacing:.04em}
.gallery-foot{letter-spacing:.09em;color:#acd9ed}
.art-lightbox{background:rgba(4,6,19,.94);backdrop-filter:blur(18px)}
.art-figure img{border-color:#8bdbff95;box-shadow:0 0 0 2px #d479ff29,0 0 35px #4facff4a}
.art-figure figcaption{padding:8px 10px;background:#091630c9;border:1px solid #659ce85e;border-radius:6px}
.art-step{border-color:#7ecfffa4;background:#111b3de8;color:#b2faff}
.art-step:hover,.art-step:focus-visible{outline-color:#ffb6ec}
@media(max-width:720px){
  .room-header{left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));top:max(10px,env(safe-area-inset-top))}
  .room-header .room-signature{padding:8px 8px 7px;flex:1 1 auto}
  .room-header .room-signature .gradient-word{font-size:10px}
  .room-header .room-signature small{font-size:7px;letter-spacing:.08em!important}
  .room-count{font-size:9px;padding:10px 7px}
  .room-prompt{bottom:clamp(150px,21vh,215px);font-size:7px;padding:6px 9px;letter-spacing:.08em}
  .studio-telemetry .studio-corner{bottom:4%;padding:4px 6px;font-size:6px}
  .gallery-dock{width:calc(100% - 16px);padding:9px}
  .music-layout{grid-template-columns:1fr;gap:11px}
  .signal-spine{grid-column:1;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:7px;min-height:76px;padding:10px}
  .signal-spine .spine-out{display:none}
  .spine-wave{height:43px;gap:3px}
  .spine-index strong{font-size:16px}
  .panel-head{padding:16px 14px 12px}
  .panel-title{font-size:clamp(21px,5vw,28px);letter-spacing:-.025em}
  .music-layout{padding:11px}
  .disc-stage{width:min(260px,65vw)}
  .transport{gap:clamp(10px,3vw,25px)}
}
@media(max-width:385px){
  .room-header .room-signature .gradient-word{font-size:8px}
  .room-header .room-signature small{font-size:6px}
  .studio-corner.right{display:none}
  .gallery-dock{bottom:max(8px,env(safe-area-inset-bottom))}
  .dock-head .dock-hint{font-size:7px}
  .music-layout{padding:9px}
  .signal-spine{padding:9px}
  .player-actions{gap:7px}
}
@media(prefers-reduced-motion:reduce){
  .music-layout:has(.disc-stage.is-playing) .spine-wave i{animation:none}
}


/* Public listening room: show finished tracks, never empty release-planning UI. */
.room-header .room-signature{position:absolute;left:50%;transform:translateX(-50%);max-width:calc(100% - 120px)}
.music-layout{align-items:start}
.archive-shelf{align-self:start}
.archive-shelf .shelf-head{justify-content:flex-start;margin-bottom:16px}
.archive-shelf .track-row{grid-template-columns:minmax(0,1fr) auto}
.archive-shelf .track-row strong{overflow-wrap:anywhere}
.track-byline{letter-spacing:.1em}
@media(max-width:720px){
  .room-header .room-signature{max-width:calc(100% - 105px)}
  .music-layout{grid-template-columns:minmax(0,1fr)}
}

/* ME / chromatic lift — palette only. Studio pixel art, geometry, and record untouched.
   Tune the room toward the chrome/ultraviolet/cyan/magenta of the Beyblade. */
:root{
  --signal-cyan:#38edff;
  --signal-blue:#3d86ff;
  --signal-fuchsia:#ff58db;
  --signal-violet:#ba75ff;
  --signal-outline:rgba(83,221,255,.65);
}
.room{
  background-color:#070617;
  background-image:radial-gradient(ellipse 70% 42% at 14% 12%,rgba(27,96,209,.23),transparent 67%),
    radial-gradient(ellipse 62% 50% at 92% 62%,rgba(169,34,203,.22),transparent 64%);
}
.room-ambient{filter:blur(26px) saturate(1.3) hue-rotate(0deg) brightness(.63)}
/* Leave pixelated rendering ON; only increase chroma and microcontrast. */
.scene-art{filter:saturate(1.2) contrast(1.1) brightness(1.035) hue-rotate(0deg)}
.scene-plate:before{background:
  linear-gradient(135deg,rgba(80,191,255,.12),transparent 24%,transparent 63%,rgba(255,57,189,.11)),
  radial-gradient(ellipse at 50% 51%,transparent 43%,rgba(10,4,23,.19))}
.scene-plate:after{box-shadow:inset 0 0 42px 24px rgba(6,5,25,.33)}
.room-header .back-link{border-color:rgba(63,231,255,.83);box-shadow:inset 0 0 0 1px #72f1ff24,0 0 19px #29d9ff52}
.room-header .room-signature{border-color:rgba(135,168,255,.6);box-shadow:0 0 20px #694cfc38,inset 0 0 18px #6a4dff28}
.gallery-dock{border-color:rgba(76,225,255,.8);background:linear-gradient(135deg,rgba(5,21,44,.94),rgba(43,8,57,.92));box-shadow:0 0 0 1px #ad54ff35,0 0 32px #20b8fc2c,inset 0 1px #e8faff39}
.dock-tile{border-color:#69eaff96;box-shadow:0 0 13px #21d4ff30}
.dock-tile:nth-child(4n+2){border-color:#ff65dfa8;box-shadow:0 0 14px #ff40d83d}
.portal-panel{
  --rail-border:rgba(69,230,255,.72);
  background:radial-gradient(ellipse at 90% 0%,rgba(157,40,200,.32),transparent 41%),
    radial-gradient(ellipse at 4% 64%,rgba(28,108,224,.23),transparent 46%),
    linear-gradient(145deg,#091329,#080c20 52%,#1c092d);
  box-shadow:0 0 0 1px #e05aff30,0 0 33px #25d5ff30,0 24px 120px #000e;
}
.now-playing,.archive-shelf{
  background:linear-gradient(130deg,rgba(11,30,66,.98),rgba(15,12,39,.98) 54%,rgba(46,10,66,.97));
  border-color:#70dfff90;
  box-shadow:inset 0 1px #abecff38,inset 0 0 23px #6390fa12;
}
.archive-shelf{border-color:#c279fa94}
.player-top,.shelf-head{color:#a6faff}
.track-byline{color:#ffb8ee}
.time-row{color:#c6d9ff}
.seek{box-shadow:0 0 15px #45d9ff37}
.transport button{border-color:#70baffb0;box-shadow:inset 0 0 16px #62aeff2e}
.transport .play-main{border-color:#ddffff;background:linear-gradient(140deg,#23ceeb,#7d62fa 47%,#f258d5);box-shadow:inset 0 0 16px #ffffff34,0 0 25px #4cdfffa1}
.player-actions .action-link{border-color:#5eebffbb}
.player-actions .action-button{border-color:#cc7cf5a6}
.track-row{border-color:#64edffba;background:radial-gradient(circle at 93% 8%,#148fd454,transparent 49%),linear-gradient(110deg,#0e395f,#261240);box-shadow:inset 0 0 19px #3fefff28}
.gallery-card{border-color:#67e9f9bf}
.gallery-card:nth-child(3n+2){border-color:#ff6fdfc7}
.gallery-card:nth-child(3n+3){border-color:#b682ffcb}