/* Olysera Music V5.42.29 — Premium UI
   Pure visual layer: no playback/link logic is changed. */
:root{
  --olysera-gold:#d9bc74;
  --olysera-gold-soft:#f1d99a;
  --olysera-ink:#08090c;
  --olysera-panel:#111318;
  --olysera-panel-2:#171a21;
  --olysera-line:rgba(255,255,255,.085);
  --olysera-glow:rgba(217,188,116,.13);
}
html{scroll-behavior:smooth}
body.olysera-premium-v54229{
  background:
    radial-gradient(900px 520px at 8% -10%,rgba(217,188,116,.10),transparent 64%),
    radial-gradient(700px 460px at 92% 8%,rgba(89,78,148,.08),transparent 66%),
    linear-gradient(180deg,#08090c 0%,#0a0b0f 42%,#08090c 100%);
  background-attachment:fixed;
}
body.olysera-premium-v54229::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;
  background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.52),transparent 72%);
}
.olysera-premium-v54229 .topbar{
  background:linear-gradient(180deg,rgba(9,10,13,.94),rgba(9,10,13,.86));
  border-bottom:1px solid rgba(217,188,116,.14);
  box-shadow:0 14px 44px rgba(0,0,0,.24);
  backdrop-filter:blur(22px) saturate(130%);
}
.olysera-premium-v54229 .brand strong{letter-spacing:.15em;font-weight:900}
.olysera-premium-v54229 .brand small{color:rgba(241,217,154,.70);letter-spacing:.08em}
.olysera-premium-v54229 .brand-logo{filter:drop-shadow(0 6px 18px rgba(217,188,116,.16))}
.olysera-premium-v54229 .desktop-nav button{border:1px solid transparent;border-radius:999px;transition:.2s ease}
.olysera-premium-v54229 .desktop-nav button:hover,
.olysera-premium-v54229 .desktop-nav button.active{
  border-color:rgba(217,188,116,.18);background:rgba(217,188,116,.075);color:#f7e7b7;
}
.olysera-premium-v54229 main{max-width:1240px}
.olysera-premium-v54229 .home-welcome{
  position:relative;overflow:hidden;margin:22px 0 30px;padding:clamp(22px,4vw,38px);
  border:1px solid rgba(217,188,116,.16);border-radius:30px;
  background:
    radial-gradient(circle at 88% 14%,rgba(217,188,116,.16),transparent 30%),
    radial-gradient(circle at 8% 90%,rgba(84,73,130,.13),transparent 34%),
    linear-gradient(145deg,rgba(19,21,27,.96),rgba(9,10,14,.97));
  box-shadow:0 28px 90px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.035);
}
.olysera-premium-v54229 .home-welcome::after{
  content:"BEYOND SOUND";position:absolute;right:-14px;top:10px;pointer-events:none;
  color:rgba(255,255,255,.022);font-size:clamp(52px,10vw,122px);font-weight:950;letter-spacing:-.055em;white-space:nowrap;
}
.olysera-premium-v54229 .home-welcome-copy{position:relative;z-index:1;max-width:760px;margin-bottom:24px}
.olysera-premium-v54229 .home-welcome-kicker,
.olysera-premium-v54229 .section-kicker{color:#d9bc74;letter-spacing:.16em;font-weight:900}
.olysera-premium-v54229 .home-welcome h1{
  margin:8px 0 10px;font-size:clamp(34px,5.5vw,64px);line-height:.98;letter-spacing:-.045em;
  background:linear-gradient(110deg,#fff 18%,#f6e7bd 58%,#fff 92%);-webkit-background-clip:text;background-clip:text;color:transparent;
}
.olysera-premium-v54229 .home-welcome-intro{font-size:clamp(15px,2vw,18px);color:#aeb2bd}
.olysera-premium-v54229 .home-main-grid{gap:12px;position:relative;z-index:1}
.olysera-premium-v54229 .home-main-tile{
  min-height:106px;border:1px solid rgba(255,255,255,.075);border-radius:20px;
  background:linear-gradient(150deg,rgba(255,255,255,.045),rgba(255,255,255,.012));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.olysera-premium-v54229 .home-main-tile:hover{
  transform:translateY(-3px);border-color:rgba(217,188,116,.27);background:linear-gradient(150deg,rgba(217,188,116,.085),rgba(255,255,255,.018));
  box-shadow:0 16px 34px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.05);
}
.olysera-premium-v54229 .home-main-icon{color:#e7ca82}
.olysera-premium-v54229 .home-account-bar,
.olysera-premium-v54229 .home-audio-strip,
.olysera-premium-v54229 .home-resume-strip{
  border-color:rgba(255,255,255,.07);background:rgba(7,8,11,.46);backdrop-filter:blur(12px);
}
.olysera-premium-v54229 .featured-hero.featured-duo{padding:0;margin-top:30px}
.olysera-premium-v54229 .featured-duo-head{margin-bottom:17px}
.olysera-premium-v54229 .featured-duo-head h1{font-size:clamp(31px,4.4vw,46px);letter-spacing:-.045em}
.olysera-premium-v54229 .featured-release-card{
  border-color:rgba(217,188,116,.14);border-radius:26px;padding:15px;
  background:radial-gradient(circle at 2% 4%,rgba(217,188,116,.10),transparent 25rem),linear-gradient(145deg,rgba(21,23,29,.98),rgba(9,10,14,.98));
  box-shadow:0 20px 54px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.025);
}
.olysera-premium-v54229 .featured-release-card:hover{border-color:rgba(217,188,116,.40);box-shadow:0 28px 68px rgba(0,0,0,.38)}
.olysera-premium-v54229 .featured-release-cover-wrap{border-radius:20px;box-shadow:0 14px 34px rgba(0,0,0,.30)}
.olysera-premium-v54229 .featured-release-new,
.olysera-premium-v54229 .featured-release-card:first-child .featured-release-new,
.olysera-premium-v54229 .featured-release-card[data-featured-rank="1"] .featured-release-new{
  display:inline-flex!important;visibility:visible!important;opacity:.62!important;z-index:30!important;
  top:7px!important;left:7px!important;padding:4px 6px!important;
  border:1px solid rgba(255,233,174,.48)!important;background:rgba(12,11,8,.48)!important;color:#ffe7a7!important;
  font-size:8px!important;letter-spacing:.10em!important;
  box-shadow:0 4px 12px rgba(0,0,0,.20)!important;backdrop-filter:blur(5px)!important;
}
.olysera-premium-v54229 .featured-release-copy h2{font-size:clamp(24px,3vw,35px);letter-spacing:-.035em}
.olysera-premium-v54229 .featured-release-artist{color:#e1c77e!important;font-weight:800}
.olysera-premium-v54229 .featured-release-description{color:#9ea3af!important;line-height:1.55}
.olysera-premium-v54229 .hero-primary,
.olysera-premium-v54229 .primary-btn{
  border-color:#d7bb74!important;background:linear-gradient(135deg,#f0d99b,#cda856)!important;color:#15130e!important;
  box-shadow:0 9px 26px rgba(217,188,116,.15);font-weight:900;
}
.olysera-premium-v54229 .hero-secondary,
.olysera-premium-v54229 .secondary-btn{
  border-color:rgba(255,255,255,.10);background:rgba(255,255,255,.025);backdrop-filter:blur(10px);
}
.olysera-premium-v54229 .section-title{margin-top:34px}
.olysera-premium-v54229 .section-title h2,.olysera-premium-v54229 .page-head h1{letter-spacing:-.035em}
.olysera-premium-v54229 .card-grid{gap:18px}
.olysera-premium-v54229 .track-card{
  border-color:rgba(255,255,255,.07);border-radius:20px;
  background:linear-gradient(160deg,rgba(22,24,30,.96),rgba(12,13,17,.98));
  box-shadow:0 14px 38px rgba(0,0,0,.18);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.olysera-premium-v54229 .track-card:hover{transform:translateY(-4px);border-color:rgba(217,188,116,.28);box-shadow:0 22px 48px rgba(0,0,0,.30)}
.olysera-premium-v54229 .track-card img{transition:transform .45s cubic-bezier(.2,.65,.25,1)}
.olysera-premium-v54229 .track-card:hover img{transform:scale(1.025)}
.olysera-premium-v54229 .track-info{padding:15px 15px 12px}
.olysera-premium-v54229 .track-info h3{font-size:17px;letter-spacing:-.015em}
.olysera-premium-v54229 .card-actions{border-top:1px solid rgba(255,255,255,.055);background:rgba(0,0,0,.12)}
.olysera-premium-v54229 .card-action{transition:background .16s ease,color .16s ease;border-color .16s ease}
.olysera-premium-v54229 .card-action:hover{background:rgba(217,188,116,.075);color:#f0d58f}
.olysera-premium-v54229 .artist-card img,.olysera-premium-v54229 .artist-avatar{box-shadow:0 14px 30px rgba(0,0,0,.28);border-color:rgba(217,188,116,.16)}
.olysera-premium-v54229 .premium-snapshot{gap:12px}
.olysera-premium-v54229 .snapshot-card,
.olysera-premium-v54229 .daily-hub-section,
.olysera-premium-v54229 .mood-discovery-section,
.olysera-premium-v54229 .weekly-recap-section,
.olysera-premium-v54229 .radio-olysera-section,
.olysera-premium-v54229 .project-studio-section,
.olysera-premium-v54229 .club-olysera-section{
  border-color:rgba(255,255,255,.07);background:linear-gradient(150deg,rgba(19,21,27,.92),rgba(9,10,14,.94));
  box-shadow:0 16px 44px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.025);
}
.olysera-premium-v54229 .search-box input,
.olysera-premium-v54229 select{
  background:rgba(15,17,22,.96);border-color:rgba(255,255,255,.09);box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.olysera-premium-v54229 .search-box input:focus,
.olysera-premium-v54229 select:focus{border-color:rgba(217,188,116,.45);outline:none;box-shadow:0 0 0 3px rgba(217,188,116,.08)}
.olysera-premium-v54229 dialog{border-color:rgba(217,188,116,.18);background:linear-gradient(155deg,#16181e,#0c0d11);box-shadow:0 34px 90px rgba(0,0,0,.55)}
.olysera-premium-v54229 .bottom-nav{
  background:rgba(10,11,14,.91);border-color:rgba(217,188,116,.13);box-shadow:0 -12px 38px rgba(0,0,0,.28);backdrop-filter:blur(24px) saturate(130%);
}
.olysera-premium-v54229 .bottom-nav button.active{color:#f0d58f}
.olysera-premium-v54229 .latest-heading-badge,
.olysera-premium-v54229 .new-release-badge{
  background:rgba(217,188,116,.12)!important;border-color:rgba(217,188,116,.38)!important;color:#f2d792!important;
}
@media(max-width:700px){
  .olysera-premium-v54229 .home-welcome{border-radius:24px;padding:20px 16px}
  .olysera-premium-v54229 .home-welcome::after{font-size:60px;top:28px}
  .olysera-premium-v54229 .home-main-tile{min-height:90px;border-radius:17px}
  .olysera-premium-v54229 .featured-release-card{border-radius:20px}
  .olysera-premium-v54229 .card-grid{gap:12px}
  .olysera-premium-v54229 .track-card{border-radius:17px}
}
@media(prefers-reduced-motion:reduce){
  .olysera-premium-v54229 *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}
}

/* ======================================================================
   V5.42.34 — OLYSERA MUSIC PREMIUM SIGNATURE
   Couche visuelle uniquement. Aucun lien, lecteur ou moteur métier modifié.
   ====================================================================== */
:root{
  --olysera-signature:#d9bd79;
  --olysera-signature-2:#f3dda4;
  --olysera-signature-dim:rgba(217,189,121,.14);
  --olysera-pearl:#f5f1e7;
  --olysera-night:#07080a;
  --olysera-night-2:#0d0f13;
  --olysera-surface:rgba(20,22,27,.82);
  --olysera-surface-strong:rgba(16,18,23,.96);
  --olysera-hairline:rgba(255,255,255,.075);
  --olysera-shadow:0 24px 70px rgba(0,0,0,.34);
}

body.olysera-premium-v54229{
  color:#f4f2ed;
  background:
    radial-gradient(1050px 680px at 8% -12%,rgba(217,189,121,.115),transparent 64%),
    radial-gradient(850px 540px at 100% 2%,rgba(115,95,151,.055),transparent 62%),
    linear-gradient(180deg,#07080a 0%,#0b0d11 38%,#08090c 100%);
}
body.olysera-premium-v54229::before{
  opacity:.68;
  background-image:
    linear-gradient(rgba(255,255,255,.010) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.010) 1px,transparent 1px);
  background-size:58px 58px;
}
body.olysera-premium-v54229::after{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(115deg,transparent 0 42%,rgba(255,255,255,.012) 52%,transparent 62%);
}

/* Header — plus fin, plus éditorial */
.olysera-premium-v54229 .topbar{
  min-height:72px;
  padding-inline:clamp(14px,2.8vw,34px);
  background:linear-gradient(180deg,rgba(7,8,10,.91),rgba(7,8,10,.78));
  border-bottom:1px solid rgba(217,189,121,.13);
  box-shadow:0 16px 50px rgba(0,0,0,.22);
  backdrop-filter:blur(28px) saturate(135%);
  -webkit-backdrop-filter:blur(28px) saturate(135%);
}
.olysera-premium-v54229 .brand{gap:11px}
.olysera-premium-v54229 .brand-logo{filter:drop-shadow(0 7px 22px rgba(217,189,121,.18))}
.olysera-premium-v54229 .brand strong{font-size:.93rem;letter-spacing:.18em}
.olysera-premium-v54229 .brand small{font-size:.64rem;letter-spacing:.18em;color:rgba(243,221,164,.62)}
.olysera-premium-v54229 .desktop-nav{gap:3px}
.olysera-premium-v54229 .desktop-nav button{
  padding:9px 13px;border-radius:999px;color:#a9adb5;font-weight:720;letter-spacing:.012em;
}
.olysera-premium-v54229 .desktop-nav button:hover,
.olysera-premium-v54229 .desktop-nav button.active{
  color:#f7edcf;border-color:rgba(217,189,121,.22);
  background:linear-gradient(180deg,rgba(217,189,121,.105),rgba(217,189,121,.045));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.olysera-premium-v54229 .header-action{
  border-color:rgba(255,255,255,.075);background:rgba(255,255,255,.028);border-radius:999px;
}
.olysera-premium-v54229 .header-action:hover{border-color:rgba(217,189,121,.22);background:rgba(217,189,121,.065)}

/* Largeur et rythme éditorial */
.olysera-premium-v54229 main{max-width:1320px;padding-left:clamp(14px,2.8vw,34px);padding-right:clamp(14px,2.8vw,34px)}
.olysera-premium-v54229 .view>section{scroll-margin-top:94px}
.olysera-premium-v54229 .section-title{margin-top:46px;margin-bottom:17px}
.olysera-premium-v54229 .section-title h2,
.olysera-premium-v54229 .page-head h1,
.olysera-premium-v54229 .daily-hub-head h2,
.olysera-premium-v54229 .mood-discovery-head h2,
.olysera-premium-v54229 .weekly-recap-head h2{
  color:#f7f4ed;letter-spacing:-.042em;font-weight:850;
}
.olysera-premium-v54229 .section-kicker,
.olysera-premium-v54229 .home-welcome-kicker{
  color:#d9bd79!important;font-size:.69rem;letter-spacing:.19em;font-weight:900;
}
.olysera-premium-v54229 .link-button{color:#cbb77f}
.olysera-premium-v54229 .link-button:hover{color:#f3dda4}

/* Hero Olysera Signature */
.olysera-premium-v54229 .home-welcome{
  margin:28px 0 34px;padding:clamp(26px,4.5vw,48px);
  border:1px solid rgba(217,189,121,.18);border-radius:34px;
  background:
    linear-gradient(112deg,rgba(255,255,255,.032),transparent 36%),
    radial-gradient(circle at 88% 17%,rgba(217,189,121,.18),transparent 28%),
    radial-gradient(circle at 8% 100%,rgba(109,87,139,.09),transparent 33%),
    linear-gradient(145deg,rgba(20,22,28,.98),rgba(8,9,12,.99));
  box-shadow:0 34px 100px rgba(0,0,0,.40),inset 0 1px 0 rgba(255,255,255,.055);
}
.olysera-premium-v54229 .home-welcome::before{
  content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;
  background:linear-gradient(120deg,rgba(255,255,255,.045),transparent 16% 78%,rgba(217,189,121,.025));
}
.olysera-premium-v54229 .home-welcome::after{
  right:-16px;top:2px;color:rgba(255,255,255,.018);font-size:clamp(64px,10vw,138px);letter-spacing:-.06em;
}
.olysera-premium-v54229 .home-welcome-copy{max-width:820px;margin-bottom:29px}
.olysera-premium-v54229 .home-welcome h1{
  max-width:930px;margin:10px 0 13px;font-size:clamp(40px,6.1vw,74px);line-height:.94;font-weight:900;
  letter-spacing:-.062em;background:linear-gradient(106deg,#fff 6%,#fff5db 45%,#dac381 70%,#fff 96%);-webkit-background-clip:text;background-clip:text;
}
.olysera-premium-v54229 .home-welcome-intro{font-size:clamp(15px,1.9vw,19px);color:#a9adb6;letter-spacing:.01em}

/* Tuiles principales : iconographie plus sobre, effet bijou */
.olysera-premium-v54229 .home-main-grid{gap:13px}
.olysera-premium-v54229 .home-main-tile{
  min-height:112px;padding:16px;border-radius:22px;border:1px solid rgba(255,255,255,.07);
  background:linear-gradient(150deg,rgba(255,255,255,.050),rgba(255,255,255,.012));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 12px 26px rgba(0,0,0,.10);
}
.olysera-premium-v54229 .home-main-tile::after{
  content:"";position:absolute;inset:auto 16px 0;height:1px;background:linear-gradient(90deg,transparent,rgba(217,189,121,.34),transparent);opacity:0;transition:.2s ease;
}
.olysera-premium-v54229 .home-main-tile:hover{
  transform:translateY(-4px);border-color:rgba(217,189,121,.32);
  background:linear-gradient(150deg,rgba(217,189,121,.10),rgba(255,255,255,.018));
  box-shadow:0 22px 46px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.055);
}
.olysera-premium-v54229 .home-main-tile:hover::after{opacity:1}
.olysera-premium-v54229 .home-main-icon{color:#e5ca83;filter:drop-shadow(0 3px 9px rgba(217,189,121,.16))}
.olysera-premium-v54229 .home-main-tile strong{font-weight:820;letter-spacing:.01em}

.olysera-premium-v54229 .home-account-bar,
.olysera-premium-v54229 .home-audio-strip,
.olysera-premium-v54229 .home-resume-strip{
  border:1px solid rgba(255,255,255,.065);border-radius:18px;
  background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.olysera-premium-v54229 .home-account-bar:hover,
.olysera-premium-v54229 .home-audio-strip:hover,
.olysera-premium-v54229 .home-resume-strip:hover{border-color:rgba(217,189,121,.22);background:rgba(217,189,121,.04)}

/* Featured releases : traitement éditorial premium */
.olysera-premium-v54229 .featured-hero.featured-duo{margin-top:38px}
.olysera-premium-v54229 .featured-release-card{
  border-radius:30px;padding:17px;border:1px solid rgba(217,189,121,.15);
  background:
    linear-gradient(130deg,rgba(255,255,255,.025),transparent 30%),
    radial-gradient(circle at 6% 3%,rgba(217,189,121,.105),transparent 28rem),
    linear-gradient(145deg,rgba(19,21,27,.99),rgba(8,9,12,.99));
  box-shadow:0 26px 72px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.035);
}
.olysera-premium-v54229 .featured-release-card:hover{transform:translateY(-4px);border-color:rgba(217,189,121,.38);box-shadow:0 34px 90px rgba(0,0,0,.43)}
.olysera-premium-v54229 .featured-release-cover-wrap{border-radius:23px;overflow:hidden;box-shadow:0 20px 45px rgba(0,0,0,.38)}
.olysera-premium-v54229 .featured-release-copy h2{font-weight:880;color:#fbf8f0}
.olysera-premium-v54229 .featured-release-description{color:#a8acb4!important}
.olysera-premium-v54229 .featured-release-new,
.olysera-premium-v54229 .new-release-badge{
  opacity:.56!important;background:rgba(10,10,9,.48)!important;border-color:rgba(255,235,181,.48)!important;
  color:#ffe9ad!important;box-shadow:0 5px 18px rgba(0,0,0,.22)!important;backdrop-filter:blur(7px)!important;
}

/* Modules de découverte : identité propre au lieu de boîtes identiques */
.olysera-premium-v54229 .daily-hub-section{
  position:relative;overflow:hidden;border:1px solid rgba(217,189,121,.18)!important;border-radius:28px!important;
  background:
    radial-gradient(circle at 92% 18%,rgba(217,189,121,.15),transparent 28%),
    linear-gradient(145deg,rgba(24,22,19,.76),rgba(11,12,15,.96))!important;
  box-shadow:0 24px 68px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.olysera-premium-v54229 .daily-hub-section::after{
  content:"DISCOVER";position:absolute;right:-4px;bottom:-20px;color:rgba(255,255,255,.018);font-size:clamp(62px,9vw,120px);font-weight:950;letter-spacing:-.055em;pointer-events:none;
}
.olysera-premium-v54229 .daily-hub-grid{position:relative;z-index:1}
.olysera-premium-v54229 .daily-hub-card{
  border-color:rgba(255,255,255,.075);background:linear-gradient(155deg,rgba(255,255,255,.045),rgba(255,255,255,.012));
  box-shadow:0 15px 38px rgba(0,0,0,.18);
}
.olysera-premium-v54229 .daily-hub-card:hover{border-color:rgba(217,189,121,.30);box-shadow:0 22px 50px rgba(0,0,0,.28)}
.olysera-premium-v54229 .mood-discovery-section,
.olysera-premium-v54229 .weekly-recap-section,
.olysera-premium-v54229 .since-visit-section,
.olysera-premium-v54229 .club-olysera-section{
  border-radius:26px!important;border-color:rgba(255,255,255,.07)!important;
  background:linear-gradient(150deg,rgba(20,22,27,.86),rgba(9,10,13,.94))!important;
}
.olysera-premium-v54229 .mood-discovery-chips button{
  border-color:rgba(255,255,255,.075);background:rgba(255,255,255,.028);color:#c4c7ce;
}
.olysera-premium-v54229 .mood-discovery-chips button:hover,
.olysera-premium-v54229 .mood-discovery-chips button.active{
  border-color:rgba(217,189,121,.30);background:rgba(217,189,121,.095);color:#f5dfaa;
}

/* Cartes catalogue, albums, collections */
.olysera-premium-v54229 .card-grid{gap:20px}
.olysera-premium-v54229 .track-card,
.olysera-premium-v54229 .album-card,
.olysera-premium-v54229 .collection-card,
.olysera-premium-v54229 .playlist-card{
  border:1px solid rgba(255,255,255,.065);border-radius:22px;
  background:linear-gradient(160deg,rgba(20,22,27,.95),rgba(10,11,14,.98));
  box-shadow:0 15px 42px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.025);
}
.olysera-premium-v54229 .track-card:hover,
.olysera-premium-v54229 .album-card:hover,
.olysera-premium-v54229 .collection-card:hover,
.olysera-premium-v54229 .playlist-card:hover{
  transform:translateY(-5px);border-color:rgba(217,189,121,.29);box-shadow:0 27px 62px rgba(0,0,0,.32);
}
.olysera-premium-v54229 .track-card>img,
.olysera-premium-v54229 .track-card .track-cover-wrap,
.olysera-premium-v54229 .album-card>img{overflow:hidden}
.olysera-premium-v54229 .track-info{padding:16px 16px 13px}
.olysera-premium-v54229 .track-info h3{font-size:17px;font-weight:820;color:#f7f4ed}
.olysera-premium-v54229 .track-info p,.olysera-premium-v54229 .track-info small{color:#979ca7}
.olysera-premium-v54229 .card-actions{background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.16));border-top-color:rgba(255,255,255,.05)}
.olysera-premium-v54229 .card-action{color:#b5b9c1}
.olysera-premium-v54229 .card-action:hover{color:#f4dda3;background:rgba(217,189,121,.075)}

/* Artistes : portrait plus « label » */
.olysera-premium-v54229 .artist-card{transition:transform .2s ease}
.olysera-premium-v54229 .artist-card:hover{transform:translateY(-4px)}
.olysera-premium-v54229 .artist-card img,
.olysera-premium-v54229 .artist-avatar{
  border:1px solid rgba(217,189,121,.18);box-shadow:0 18px 42px rgba(0,0,0,.33),0 0 0 5px rgba(255,255,255,.015);
}
.olysera-premium-v54229 .artist-card:hover img,
.olysera-premium-v54229 .artist-card:hover .artist-avatar{border-color:rgba(217,189,121,.44);box-shadow:0 23px 52px rgba(0,0,0,.42),0 0 0 5px rgba(217,189,121,.035)}
.olysera-premium-v54229 .artist-card strong{margin-top:11px;color:#efede7;font-weight:800}

/* Snapshot = indicateurs discrets, pas dashboard */
.olysera-premium-v54229 .premium-snapshot{gap:10px;margin-top:26px}
.olysera-premium-v54229 .snapshot-card{
  border-radius:18px!important;border-color:rgba(255,255,255,.06)!important;
  background:linear-gradient(150deg,rgba(255,255,255,.032),rgba(255,255,255,.010))!important;
  box-shadow:none!important;
}
.olysera-premium-v54229 .snapshot-card:hover{border-color:rgba(217,189,121,.24)!important;background:rgba(217,189,121,.045)!important}
.olysera-premium-v54229 .snapshot-card strong{color:#f4dda3}

/* Radio Olysera = pièce maîtresse */
.olysera-premium-v54229 .radio-olysera-section{
  position:relative;overflow:hidden;border:1px solid rgba(217,189,121,.18);border-radius:30px;padding:clamp(22px,3.5vw,34px);
  background:
    radial-gradient(circle at 100% 0,rgba(217,189,121,.18),transparent 35%),
    linear-gradient(135deg,rgba(20,21,25,.98),rgba(7,8,10,.98));
  box-shadow:0 28px 78px rgba(0,0,0,.31),inset 0 1px 0 rgba(255,255,255,.04);
}
.olysera-premium-v54229 .radio-olysera-section::before{
  content:"RADIO";position:absolute;right:-10px;bottom:-30px;color:rgba(255,255,255,.02);font-size:clamp(70px,12vw,155px);font-weight:950;letter-spacing:-.07em;pointer-events:none;
}
.olysera-premium-v54229 .radio-olysera-copy,.olysera-premium-v54229 .radio-olysera-actions{position:relative;z-index:1}
.olysera-premium-v54229 .radio-olysera-copy h2{font-size:clamp(28px,3.7vw,44px);letter-spacing:-.048em}
.olysera-premium-v54229 .radio-olysera-meta span{background:rgba(255,255,255,.032);border-color:rgba(255,255,255,.06)}

/* Boutons — champagne mat, pas clinquant */
.olysera-premium-v54229 .primary-btn,
.olysera-premium-v54229 .hero-primary{
  color:#17140d!important;border:1px solid #d7ba72!important;
  background:linear-gradient(135deg,#f2dda5 0%,#d5b66b 56%,#c9a756 100%)!important;
  box-shadow:0 11px 30px rgba(217,189,121,.16),inset 0 1px 0 rgba(255,255,255,.35)!important;
}
.olysera-premium-v54229 .primary-btn:hover,
.olysera-premium-v54229 .hero-primary:hover{filter:brightness(1.035);box-shadow:0 15px 38px rgba(217,189,121,.22)!important}
.olysera-premium-v54229 .secondary-btn,
.olysera-premium-v54229 .hero-secondary,
.olysera-premium-v54229 .detail-action{
  border-color:rgba(255,255,255,.085);background:rgba(255,255,255,.028);color:#dedfe3;
}
.olysera-premium-v54229 .secondary-btn:hover,
.olysera-premium-v54229 .hero-secondary:hover,
.olysera-premium-v54229 .detail-action:hover{border-color:rgba(217,189,121,.27);background:rgba(217,189,121,.065);color:#f3dda4}

/* Fiches et dialogues */
.olysera-premium-v54229 .detail,
.olysera-premium-v54229 .album-hero,
.olysera-premium-v54229 .collection-detail-head{
  border-color:rgba(255,255,255,.065);border-radius:28px;
}
.olysera-premium-v54229 dialog{
  border:1px solid rgba(217,189,121,.18);border-radius:24px;
  background:linear-gradient(155deg,rgba(23,25,30,.99),rgba(9,10,13,.99));
  box-shadow:0 40px 110px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.04);
}
.olysera-premium-v54229 dialog::backdrop{background:rgba(2,3,5,.74);backdrop-filter:blur(6px)}

/* Smart Player — aspect produit premium */
.olysera-premium-v54229 .smart-player-dock{
  border:1px solid rgba(217,189,121,.15);border-bottom:0;
  background:linear-gradient(180deg,rgba(18,20,24,.94),rgba(7,8,10,.985));
  box-shadow:0 -20px 70px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.04);
  backdrop-filter:blur(28px) saturate(135%);-webkit-backdrop-filter:blur(28px) saturate(135%);
}
.olysera-premium-v54229 .smart-player-cover{border-radius:13px;box-shadow:0 10px 30px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.05)}
.olysera-premium-v54229 .smart-player-copy strong{color:#f7f4ee;font-weight:820}
.olysera-premium-v54229 .smart-player-controls button,
.olysera-premium-v54229 .smart-player-actions button,
.olysera-premium-v54229 .smart-player-actions a{border-color:rgba(255,255,255,.075);background:rgba(255,255,255,.032)}
.olysera-premium-v54229 .smart-player-controls .smart-player-play{
  background:linear-gradient(135deg,#f1dba1,#cfad61);color:#15120c;border-color:#dec27e;box-shadow:0 6px 22px rgba(217,189,121,.18);
}
.olysera-premium-v54229 .smart-player-progress::-webkit-slider-runnable-track{background:linear-gradient(90deg,#d9bd79 0%,#d9bd79 var(--smart-progress,0%),rgba(255,255,255,.11) var(--smart-progress,0%),rgba(255,255,255,.11) 100%)}

/* Navigation mobile */
.olysera-premium-v54229 .bottom-nav{
  border-color:rgba(217,189,121,.13);background:rgba(8,9,11,.91);
  box-shadow:0 -18px 52px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.035);
  backdrop-filter:blur(26px) saturate(130%);-webkit-backdrop-filter:blur(26px) saturate(130%);
}
.olysera-premium-v54229 .bottom-nav button{color:#8f949d}
.olysera-premium-v54229 .bottom-nav button.active{color:#f0d99f}

/* Formulaires */
.olysera-premium-v54229 input,
.olysera-premium-v54229 textarea,
.olysera-premium-v54229 select{
  border-color:rgba(255,255,255,.08);background:rgba(11,13,16,.88);color:#f0efeb;
}
.olysera-premium-v54229 input:focus,
.olysera-premium-v54229 textarea:focus,
.olysera-premium-v54229 select:focus{
  outline:none;border-color:rgba(217,189,121,.40);box-shadow:0 0 0 3px rgba(217,189,121,.075);
}

/* Scrollbar discrète */
.olysera-premium-v54229 *{scrollbar-color:rgba(217,189,121,.35) transparent;scrollbar-width:thin}
.olysera-premium-v54229 *::-webkit-scrollbar{width:8px;height:8px}
.olysera-premium-v54229 *::-webkit-scrollbar-track{background:transparent}
.olysera-premium-v54229 *::-webkit-scrollbar-thumb{background:rgba(217,189,121,.25);border-radius:999px}
.olysera-premium-v54229 *::-webkit-scrollbar-thumb:hover{background:rgba(217,189,121,.38)}

@media(max-width:900px){
  .olysera-premium-v54229 .topbar{min-height:64px}
  .olysera-premium-v54229 .home-welcome{padding:26px 22px;border-radius:28px}
  .olysera-premium-v54229 .home-welcome h1{font-size:clamp(37px,8vw,62px)}
  .olysera-premium-v54229 .featured-release-card{border-radius:25px}
}
@media(max-width:700px){
  .olysera-premium-v54229 main{padding-left:12px;padding-right:12px}
  .olysera-premium-v54229 .home-welcome{margin-top:14px;padding:22px 15px 18px;border-radius:23px}
  .olysera-premium-v54229 .home-welcome::after{font-size:58px;top:36px;right:-12px}
  .olysera-premium-v54229 .home-welcome h1{font-size:clamp(35px,11vw,50px);line-height:.96}
  .olysera-premium-v54229 .home-main-grid{gap:9px}
  .olysera-premium-v54229 .home-main-tile{min-height:88px;border-radius:17px;padding:12px 9px}
  .olysera-premium-v54229 .section-title{margin-top:34px}
  .olysera-premium-v54229 .card-grid{gap:12px}
  .olysera-premium-v54229 .track-card,.olysera-premium-v54229 .album-card{border-radius:18px}
  .olysera-premium-v54229 .daily-hub-section,
  .olysera-premium-v54229 .mood-discovery-section,
  .olysera-premium-v54229 .weekly-recap-section,
  .olysera-premium-v54229 .radio-olysera-section,
  .olysera-premium-v54229 .club-olysera-section{border-radius:21px!important}
  .olysera-premium-v54229 .radio-olysera-section{padding:20px 16px}
  .olysera-premium-v54229 .radio-olysera-section::before{font-size:78px;bottom:-18px}
}
@media(prefers-reduced-motion:reduce){
  .olysera-premium-v54229 .track-card:hover,
  .olysera-premium-v54229 .album-card:hover,
  .olysera-premium-v54229 .featured-release-card:hover,
  .olysera-premium-v54229 .home-main-tile:hover{transform:none}
}


/* V5.42.41 — accès direct aux plateformes officielles */
.olysera-premium-v54229 .card-official-direct-v54241{
  border-color:rgba(217,189,121,.42)!important;
  background:linear-gradient(135deg,rgba(239,216,157,.18),rgba(180,140,70,.10))!important;
  color:#f4dda5!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
}
.olysera-premium-v54229 .card-official-direct-v54241:hover{
  border-color:rgba(239,216,157,.64)!important;
  background:linear-gradient(135deg,rgba(239,216,157,.24),rgba(180,140,70,.15))!important;
}
@media(max-width:700px){
  .olysera-premium-v54229 .card-official-direct-v54241{font-weight:760}
}