/* Gelli Belle Dreamland • Update 11: radio mood dock, cratered moon,
   seamless footer, midnight-blue opening sky. */
html{background:#0d1933!important}
body{
  /* GB-NIGHT-SKY-18: match the actual six-playlist order; no reversed color stops. */
  background:linear-gradient(180deg,
    #0b1934 0%,
    #142747 var(--night-radio),
    #1e3152 var(--night-scapes),
    #2c345b var(--night-dream),
    #405b78 var(--night-garden),
    #644465 var(--night-silk),
    #2b4b83 var(--night-hour),
    #2d7374 var(--night-breathing),
    #304b81 var(--night-solos),
    #1a3155 var(--night-routine),
    #101e3f var(--night-end),
    #0b1731 100%) no-repeat!important;
}
/* Remove the dividing hairline directly above 'The night is yours.' */
body .dl-footer{border-top:0!important;box-shadow:none!important}
body .dl-footer::before{display:none!important}
/* Realistic, subtle lunar surface: three translucent crater impressions,
   rather than a second solid moon over the luminous glow. */
body .sky-moon{isolation:isolate}
body .sky-moon::before{
  content:"";position:absolute;inset:0;border-radius:50%;z-index:1;
  background:
    radial-gradient(ellipse 13% 12% at 38% 36%,rgba(130,123,144,.23) 0%,rgba(156,145,157,.14) 54%,rgba(255,255,255,.06) 68%,transparent 78%),
    radial-gradient(ellipse 9% 8% at 72% 57%,rgba(114,114,138,.20) 0%,rgba(162,156,176,.12) 48%,rgba(255,255,255,.08) 68%,transparent 80%),
    radial-gradient(ellipse 17% 13% at 48% 76%,rgba(154,146,161,.13) 0%,rgba(161,157,183,.08) 59%,transparent 80%),
    radial-gradient(ellipse 7% 6% at 22% 65%,rgba(144,138,159,.14) 0%,transparent 85%);
  box-shadow:inset -9px -7px 17px rgba(78,83,122,.075),inset 5px 5px 17px rgba(255,255,243,.11);
  opacity:.92;pointer-events:none;
}
/* Join the mood controls to the radio as one bottom row INSIDE its frame. */
body .radio-studio{align-items:stretch!important}
body .radio-mood-dock{
  grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.13fr);
  align-items:center;gap:clamp(20px,3vw,43px);
  padding:23px clamp(24px,3vw,47px) 26px;
  border-top:1px solid rgba(235,224,255,.13);
  background:linear-gradient(100deg,rgba(47,44,86,.49),rgba(26,30,66,.60));
  min-width:0;
}
body .radio-mood-dock .radio-personalization{
  width:100%;max-width:none;margin:0!important;padding:0!important;
  border:0!important;border-radius:0!important;background:transparent!important;
  display:flex!important;flex-direction:column!important;text-align:left!important;
  align-items:flex-start!important;justify-content:center!important;gap:13px!important;
}
body .radio-mood-dock .radio-personalization h3{
  font-size:clamp(19px,2vw,27px);line-height:1.19;margin:0;
}
body .radio-mood-dock .mood-options{
  display:flex;flex-wrap:wrap;justify-content:flex-start;gap:6px;margin:0;
}
body .radio-mood-dock .mood-options button{
  min-width:0;padding:8px 13px;font-size:11px;white-space:nowrap;
}
body .radio-mood-dock .dl-tonights-pick{
  width:100%;max-width:none;min-width:0;margin:0!important;
  padding:15px 17px!important;display:flex;align-items:center;gap:12px;
  border:1px solid rgba(231,220,255,.14)!important;
  border-radius:18px!important;
  background:rgba(17,25,56,.42)!important;
  box-shadow:none!important;
}
body .radio-mood-dock .dl-tonights-pick strong{font-size:clamp(14px,1.35vw,19px)}
body .radio-mood-dock .dl-tonights-pick button{white-space:nowrap;flex-shrink:0;padding:10px 15px}
/* Closer Radio-to-Dreamscapes flow once the outside mood panel is removed. */
body .dl-radio-section{padding-bottom:16px!important}
body .dreamscape-section{padding-top:31px!important}
@media(max-width:1020px){
  body .radio-mood-dock{gap:16px;padding:18px 20px 20px}
  body .radio-mood-dock .mood-options button{padding:8px 9px}
  body .radio-mood-dock .dl-tonights-pick{padding:13px 12px!important}
}
@media(max-width:780px){
  body .radio-mood-dock{order:2;width:100%;grid-template-columns:minmax(0,1fr);gap:17px;padding:22px 20px 24px}
  body .radio-mood-dock .radio-personalization{align-items:center!important;text-align:center!important}
  body .radio-mood-dock .mood-options{justify-content:center!important}
  body .radio-mood-dock .mood-options button{padding:9px 12px}
  body .dl-radio-section{padding-bottom:12px!important}
  body .dreamscape-section{padding-top:26px!important}
}
@media(max-width:480px){
  body .radio-mood-dock{padding:18px 12px 19px;gap:15px}
  body .radio-mood-dock .mood-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:7px}
  body .radio-mood-dock .mood-options button{padding:10px 7px}
  body .radio-mood-dock .dl-tonights-pick{padding:13px 10px!important;gap:8px}
  body .radio-mood-dock .dl-tonights-pick button{padding:9px 11px}
  body .sky-moon::before{opacity:.83}
}