/* Snow Tiger — frosted surfaces and light. No changes to audio or content. */
:root{
  --bg:#0b1218;
  --panel:#15232c;
  --line:rgba(198,224,233,.16);
  --text:#f3f6f2;
  --muted:#b2c1c4;
  --ice:#a6edff;
  --glass-fill:linear-gradient(135deg,rgba(221,244,255,.10),rgba(184,216,232,.025) 45%,rgba(159,211,240,.065)),rgba(15,28,37,.78);
  --glass-edge:rgba(203,234,247,.23);
  --glass-shadow:inset 0 1px 0 rgba(242,252,255,.12),inset 0 -1px 0 rgba(255,255,255,.035),0 14px 42px rgba(0,5,12,.22);
}
body{isolation:isolate;background:var(--bg);padding-bottom:126px}
body::before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(ellipse at 8% 18%,rgba(41,145,159,.21),transparent 45%),
    radial-gradient(ellipse at 88% 48%,rgba(112,100,190,.18),transparent 42%),
    radial-gradient(ellipse at 48% 104%,rgba(163,199,75,.10),transparent 48%);
}
.site-header{
  background:rgba(9,18,24,.76);
  border-bottom-color:rgba(211,235,246,.19);
  box-shadow:0 8px 40px rgba(0,5,12,.14),inset 0 -1px rgba(255,255,255,.025);
}
.site-header nav a::after{
  background:linear-gradient(90deg,var(--lime),var(--ice));
  box-shadow:0 0 12px rgba(166,237,255,.5);
}
.brand-image img{filter:drop-shadow(0 0 9px rgba(174,224,245,.16))}
.live-dot{box-shadow:0 0 8px rgba(212,248,106,.65),0 0 20px rgba(212,248,106,.24)}
.header-listen,.button-outline,.context-pill,.profile-section-nav a,.visual-modes{
  border-color:var(--glass-edge);
  background:linear-gradient(135deg,rgba(228,246,255,.09),rgba(199,235,255,.015));
  box-shadow:inset 0 1px rgba(255,255,255,.08);
}
.button{border-radius:12px}
.button-lime{
  background:linear-gradient(135deg,#e0ff8d,var(--lime) 65%,#bcdf59);
  border-color:rgba(245,255,221,.4);
  box-shadow:inset 0 1px rgba(255,255,255,.5),0 5px 22px rgba(183,224,84,.12);
}
.button-lime:hover{background:linear-gradient(135deg,#edffb6,#d4f86a);box-shadow:0 0 28px rgba(212,248,106,.25),inset 0 1px rgba(255,255,255,.6)}
.button-outline:hover,.header-listen:hover,.context-pill:hover{
  background:rgba(193,235,249,.09);border-color:rgba(177,237,255,.65);
  box-shadow:inset 0 1px rgba(255,255,255,.15),0 0 22px rgba(124,218,250,.1);
}
.hero,.discovery-hero,.artist-editorial-hero,.album-page-hero{
  position:relative;
  background:
    radial-gradient(ellipse at 80% 10%,rgba(163,210,255,.085),transparent 60%),
    linear-gradient(125deg,rgba(199,234,250,.025),transparent 58%);
}
.discovery-hero h1,.artist-editorial-intro h1,.album-page-intro h1{ text-shadow:0 4px 35px rgba(130,210,245,.08) }
.hero-art{background:radial-gradient(ellipse at 45% 48%,rgba(148,203,159,.20),transparent 68%)}
.cover-main,.album-page-cover>img{border:1px solid rgba(239,249,255,.24);box-shadow:0 25px 65px rgba(0,3,10,.5),0 0 55px rgba(134,201,255,.09);border-radius:12px}
.cover-main img{border-radius:11px}
.discovery-orb{
  border:1px solid rgba(198,239,255,.4);
  background:
    radial-gradient(circle at 27% 23%,rgba(225,251,255,.21),transparent 38%),
    radial-gradient(circle at 70% 72%,rgba(158,143,255,.15),transparent 55%),
    linear-gradient(135deg,rgba(119,196,224,.09),rgba(21,35,49,.42));
  box-shadow:inset 8px 12px 32px rgba(206,240,255,.05),inset -8px -12px 32px rgba(1,10,20,.35),0 0 55px rgba(92,189,227,.1),0 25px 60px rgba(0,4,10,.28);
}
.discovery-orb::before{border-color:rgba(186,232,255,.24)}
.discovery-orb::after{border-color:rgba(198,235,255,.13);box-shadow:inset 0 0 24px rgba(156,225,255,.04)}
.discovery-orb span{filter:drop-shadow(0 0 15px rgba(212,248,106,.35))}
.discovery-orb b{color:#e0edf0}
:is(.universe-card,.journal-card,.artist-card.artist-card-photo,.album-card,.entry-track,.explorer-controls,.explorer-results,.article-toc,.discovery-banner,.home-discovery-banner,.discovery-quality,.quality-card,.discovery-guide,.album-information){
  background:var(--glass-fill);
  border:1px solid var(--glass-edge);
  border-radius:20px;
  box-shadow:var(--glass-shadow);
}
:is(.universe-card,.journal-card,.album-card){position:relative;transition:transform .3s ease,border-color .3s,box-shadow .3s}
.universe-card,.journal-card,.artist-card.artist-card-photo{overflow:hidden}
.artist-card.artist-card-photo .artist-card-copy{background:linear-gradient(120deg,rgba(203,238,255,.025),transparent)}
.album-card{padding:10px}
.album-art{border-radius:12px}
.album-card-info{padding:14px 5px 5px}
.album-card-meta{color:#a7b8bc}
.album-index,.album-card .album-favorite{background:rgba(8,20,29,.8);border:1px solid rgba(229,246,255,.25)}
.artist-section{background:rgba(16,28,36,.45)}
.entry-track{padding:24px}
.explorer-results{padding:28px;min-width:0}
.explorer-controls{border-top-color:rgba(222,248,255,.42)}
.article-toc{padding:24px}
.universe-options span,.duration-options span{
  background:rgba(7,18,25,.53);border-color:rgba(207,231,241,.22);border-radius:10px;
  box-shadow:inset 0 1px rgba(255,255,255,.04);color:#e4eef0;
}
.universe-options input:checked+span,.duration-options input:checked+span{
  background:linear-gradient(135deg,#e2ff99,var(--lime));color:#15220b;border-color:#dfffa0;
  box-shadow:inset 0 1px rgba(255,255,255,.5),0 3px 18px rgba(205,244,112,.11);
}
.explorer-controls legend,.article-toc>.eyebrow{color:#d4e5e8}
.explorer-controls fieldset>p,.discovery-main p,.discovery-lead,.album-page-summary,.profile-bio{color:#bccbd0}
.journal-card p{color:#bcc9cf}
.journal-card .eyebrow{color:#d5e3c5}
.journey-row{border-color:rgba(201,229,240,.13)}
.track-row{border-color:rgba(202,231,243,.14);border-radius:9px}
.track-row:hover{background:rgba(184,224,246,.065)}
.track-row.current{
  background:linear-gradient(100deg,rgba(212,248,106,.12),rgba(151,224,255,.06));
  box-shadow:inset 3px 0 var(--lime),inset 0 1px rgba(218,252,174,.08);color:var(--lime);
}
.journey-row .track-context,.track-row .track-duration{color:#b7c9cc}
.journey-album-link{color:#d4e4d2}
.song-search input,.search-field,.quality-control select,.sound-info select{
  background:rgba(7,18,26,.62);border:1px solid rgba(212,236,246,.21);border-radius:10px;
}
.search-field{padding:4px 12px}
.quality-control select,.sound-info select{color:#e7f0ee}
select option{background:#13222b;color:#f3f6f2}
.filter-tab{border-radius:10px}
.filter-tab:hover{background:rgba(169,219,241,.1)}
.filter-tab[aria-pressed=true]{background:#e8f0e4;color:#142017;box-shadow:0 3px 15px rgba(197,232,239,.08)}
.profile-section-nav{background:rgba(8,19,27,.62);border-color:var(--line)}
.profile-section-nav a{padding:9px 15px;border-radius:30px}
.artist-world-figure img,.discovery-hero figure img{border:1px solid rgba(210,236,247,.25);border-radius:18px;box-shadow:0 20px 55px rgba(0,5,12,.3),0 0 40px rgba(163,213,238,.055)}
.profile-breadcrumb,.site-footer{background:rgba(10,22,30,.22)}
.discovery-banner,.home-discovery-banner{
  background:radial-gradient(ellipse at 100% 0,rgba(153,200,234,.13),transparent 65%),var(--glass-fill);
}
.player{
  left:18px;right:18px;bottom:14px;border:1px solid rgba(200,233,250,.28);border-radius:22px;
  background:linear-gradient(110deg,rgba(187,230,252,.10),rgba(224,255,204,.025) 45%,rgba(174,164,238,.09)),rgba(9,21,29,.82);
  box-shadow:inset 0 1px rgba(244,252,255,.14),0 12px 55px rgba(0,3,12,.5),0 0 30px rgba(129,212,240,.06);
}
.player::before{
  content:"";position:absolute;left:8%;right:8%;height:1px;top:-1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(171,235,255,.8),rgba(228,255,171,.75),transparent);
  box-shadow:0 0 15px rgba(164,234,255,.3);
}
.player-art{border-radius:9px;overflow:hidden;border-color:rgba(220,241,251,.34)}
.player-track-info>span,.seek-row{color:#b8c9cb}
.player-play{
  background:linear-gradient(145deg,#e5ffa2,var(--lime));color:#182510;
  box-shadow:inset 0 1px rgba(255,255,255,.55),0 0 22px rgba(212,248,106,.14);
}
body.is-playing .player{border-color:rgba(185,233,238,.47);box-shadow:inset 0 1px rgba(244,252,255,.17),0 12px 55px rgba(0,3,12,.5),0 0 35px rgba(154,229,221,.12)}
body.is-playing .player::before{animation:glass-breathe 4s ease-in-out infinite alternate}
input[type=range]::-webkit-slider-thumb{box-shadow:0 0 8px rgba(212,248,106,.4)}
.toast{border-radius:14px;background:rgba(25,43,49,.96);border-color:rgba(202,239,237,.35);color:#f2f8ed}
dialog,.immersion-dialog{
  background:linear-gradient(145deg,rgba(193,231,250,.10),transparent 45%),rgba(10,22,31,.94);
  border:1px solid rgba(204,234,250,.32);border-radius:22px;
  box-shadow:inset 0 1px rgba(244,252,255,.16),0 28px 100px rgba(0,3,12,.65),0 0 55px rgba(141,213,246,.08);
}
dialog::backdrop{background:rgba(2,9,15,.65);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.queue-dialog .dialog-topbar{
  background:rgba(16,31,42,.96);border-bottom:1px solid rgba(207,233,243,.15);
  margin:-1px -5px 20px;padding:10px 5px 17px;border-radius:10px;
}
.album-sidebar{background:rgba(6,18,27,.57)}
.immersion-top,.immersion-controls,.sound-info{background:rgba(170,215,242,.035);border-color:var(--line)}
.privacy-dialog p{color:#c1cdd0}
:is(.album-art,.universe-card,.journal-card)::after{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:2;border-radius:inherit;
  background:linear-gradient(115deg,transparent 30%,rgba(231,250,255,.12) 44%,rgba(255,255,255,.20) 48%,transparent 62%);
  transform:translateX(-125%);transition:transform .75s ease;
}
.album-art{position:relative}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .site-header,.player,dialog,.immersion-dialog,.explorer-controls,.explorer-results,.article-toc,.discovery-orb{
    -webkit-backdrop-filter:blur(20px) saturate(125%);backdrop-filter:blur(20px) saturate(125%);
  }
  .universe-card,.journal-card,.artist-card.artist-card-photo,.album-card,.discovery-banner,.home-discovery-banner,.quality-card{
    -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  }
}
@media(hover:hover) and (pointer:fine){
  :is(.universe-card,.journal-card,.album-card,.artist-card.artist-card-photo):hover{
    border-color:rgba(182,235,255,.55);
    box-shadow:inset 0 1px rgba(244,252,255,.2),0 18px 46px rgba(0,5,12,.3),0 0 27px rgba(142,212,250,.12);
    transform:translateY(-4px);
  }
  .album-card:hover .album-art::after,.universe-card:hover::after,.journal-card:hover::after{transform:translateX(125%)}
}
@keyframes glass-breathe{from{opacity:.4}to{opacity:1}}
@media(max-width:850px){
  .explorer-results{padding:24px}
  .article-toc{padding:22px}
}
@media(max-width:700px){
  body{padding-bottom:184px}
  .player{left:8px;right:8px;bottom:8px;border-radius:18px;padding:10px 12px 12px}
  .site-header nav{
    background:linear-gradient(145deg,rgba(201,235,255,.08),transparent),rgba(10,23,33,.96);
    border:1px solid rgba(202,234,252,.25);border-radius:0 0 20px 20px;
    box-shadow:0 20px 45px rgba(0,5,12,.4);
  }
  .explorer-results{padding:20px 16px}
  .album-card{padding:7px;border-radius:15px}
  .album-card-info{padding:11px 3px 4px}
  .artist-card.artist-card-photo,.universe-card,.journal-card{border-radius:17px}
  .site-header,.player,dialog,.immersion-dialog,.explorer-controls,.explorer-results,.article-toc,.discovery-orb{
    -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  }
  .universe-card,.journal-card,.artist-card.artist-card-photo,.album-card,.discovery-banner,.home-discovery-banner,.quality-card{
    -webkit-backdrop-filter:none;backdrop-filter:none;
  }
  :is(.album-art,.universe-card,.journal-card)::after{display:none}
  .search-field{min-width:0}
}
@media(prefers-reduced-motion:reduce){
  body.is-playing .player::before{animation:none}
  :is(.album-art,.universe-card,.journal-card)::after{display:none}
  :is(.universe-card,.journal-card,.album-card,.artist-card.artist-card-photo){transition:none}
  :is(.universe-card,.journal-card,.album-card,.artist-card.artist-card-photo):hover{transform:none}
}
@media(prefers-reduced-transparency:reduce){
  :root{--glass-fill:#152631}
  body::before{display:none}
  .site-header,.player,.site-header nav,dialog,.immersion-dialog,.queue-dialog .dialog-topbar{background:#101e29}
  .site-header,.player,dialog,.immersion-dialog,.explorer-controls,.explorer-results,.article-toc,.discovery-orb,
  .universe-card,.journal-card,.artist-card.artist-card-photo,.album-card,.discovery-banner,.home-discovery-banner,.quality-card{
    -webkit-backdrop-filter:none;backdrop-filter:none;
  }
  dialog::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(0,5,10,.9)}
}
@media(forced-colors:active){
  body::before,.player::before,:is(.album-art,.universe-card,.journal-card)::after{display:none}
  .track-row.current{outline:2px solid Highlight}
}
