:root {
  --dmw-app-new-navy:#020d25;
  --dmw-app-new-navy-2:#061a3d;
  --dmw-app-new-surface:#09264a;
  --dmw-app-new-surface-2:#0b4770;
  --dmw-app-new-line:rgba(78,177,255,.28);
  --dmw-app-new-cyan:#24c3ed;
  --dmw-app-new-warm:#f7c955;
  --dmw-app-new-text:#f5fbff;
  --dmw-app-new-muted:#b9d2e7;
  --dmw-app-season:#24c3ed;
  --dmw-app-season-soft:rgba(36,195,237,.18);
}

html.dmw-new-app,
html.dmw-new-app body {
  background:var(--dmw-app-new-navy)!important;
  color:var(--dmw-app-new-text);
  font-family:"Nunito Sans",system-ui,sans-serif;
}

html.dmw-new-app .topbar {
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  z-index:300010!important;
  min-height:76px!important;
  height:76px!important;
  padding:0 18px!important;
  border-bottom:1px solid var(--dmw-app-new-line)!important;
  background:
    radial-gradient(circle at 8% 0,var(--dmw-app-season-soft),transparent 25rem),
    linear-gradient(120deg,rgba(4,23,55,.99),rgba(3,13,37,.995) 50%,rgba(5,31,66,.99))!important;
  box-shadow:0 12px 30px rgba(0,0,0,.25)!important;
  backdrop-filter:blur(18px)!important;
}

html.dmw-new-app .topbar:after {
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:2px;
  background:linear-gradient(90deg,transparent,var(--dmw-app-season),var(--dmw-app-new-warm),transparent);
  pointer-events:none;
}

html.dmw-new-app .brand {
  color:#fff!important;
  font-family:"Montserrat",sans-serif!important;
  font-weight:800!important;
  letter-spacing:-.035em!important;
}

html.dmw-new-app .brand img {
  width:58px!important;
  height:58px!important;
  object-fit:contain!important;
  border-radius:16px!important;
  filter:drop-shadow(0 10px 20px rgba(0,0,0,.28));
}

html.dmw-new-app .brand-name {
  font:800 19px/1 "Montserrat",sans-serif!important;
  letter-spacing:-.035em!important;
}

html.dmw-new-app .app-settings-quick,
html.dmw-new-app .app-history-back,
html.dmw-new-app .hamburger {
  display:inline-grid!important;
  place-items:center!important;
  flex:0 0 44px!important;
  width:44px!important;
  height:44px!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.20)!important;
  background:rgba(255,255,255,.055)!important;
  color:#fff!important;
  border-radius:50%!important;
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 8px 22px rgba(0,0,0,.16)!important;
}

html.dmw-new-app .app-settings-quick:hover,
html.dmw-new-app .app-history-back:hover,
html.dmw-new-app .hamburger:hover,
html.dmw-new-app .app-settings-quick:focus-visible,
html.dmw-new-app .app-history-back:focus-visible,
html.dmw-new-app .hamburger:focus-visible {
  border-color:color-mix(in srgb,var(--dmw-app-season) 62%,#fff)!important;
  background:rgba(255,255,255,.13)!important;
  outline:none!important;
}

html.dmw-new-app .app-settings-quick svg,
html.dmw-new-app .hamburger svg {
  width:21px;
  height:21px;
}

/* The full desktop navigation is already visible on wide screens. */
html.dmw-new-app .hamburger { display:none!important; }

/* This breakpoint must match syncAppNavPlacement(). Above 1120px the
   desktop navigation stays inline, so a visible drawer button would leave
   an already-open nav behind it and make More appear unclickable. */
@media (max-width:1120px) {
  html.dmw-new-app .hamburger { display:inline-grid!important; }
}

html.dmw-new-app #nav .nav-btn {
  min-height:44px;
  border-color:rgba(255,255,255,.13)!important;
  background:rgba(255,255,255,.065)!important;
  color:#e3f1ff!important;
  font:800 11px/1.15 "Montserrat",sans-serif!important;
  box-shadow:inset 0 1px rgba(255,255,255,.055)!important;
}

html.dmw-new-app #nav .nav-btn:hover,
html.dmw-new-app #nav .nav-btn:focus-visible,
html.dmw-new-app #nav .nav-btn.is-active {
  border-color:color-mix(in srgb,var(--dmw-app-season) 55%,transparent)!important;
  background:var(--dmw-app-season-soft)!important;
  color:#fff!important;
  outline:none!important;
}

html.dmw-new-app #nav .nav-btn.is-active {
  box-shadow:inset 0 -2px var(--dmw-app-season)!important;
}

html.dmw-new-app .nav-dd-menu {
  border-color:var(--dmw-app-new-line)!important;
  background:linear-gradient(155deg,rgba(8,38,74,.99),rgba(3,17,41,.995))!important;
  box-shadow:0 24px 60px rgba(0,0,0,.40)!important;
}

html.dmw-new-app .nav-dd-head {
  color:color-mix(in srgb,var(--dmw-app-season) 64%,#fff)!important;
}

html.dmw-new-app .content {
  top:76px!important;
  background:
    radial-gradient(circle at 12% 0,var(--dmw-app-season-soft),transparent 34rem),
    var(--dmw-app-new-navy)!important;
}

html.dmw-new-app .playerbar {
  border-top-color:var(--dmw-app-new-line)!important;
  background:
    radial-gradient(circle at 10% -20%,var(--dmw-app-season-soft),transparent 34%),
    linear-gradient(120deg,#03152f,#073968 58%,#04213e)!important;
  box-shadow:0 -16px 42px rgba(0,0,0,.42)!important;
}

html.dmw-new-app .app-player {
  border-color:rgba(255,255,255,.16)!important;
  border-left-color:var(--app-player-accent)!important;
  background:linear-gradient(115deg,rgba(8,71,107,.94),rgba(19,142,164,.82))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.14),0 10px 28px rgba(0,0,0,.20)!important;
}

html.dmw-new-app .app-mini-card {
  border-color:var(--dmw-app-new-line)!important;
  background:
    radial-gradient(circle at 12% 0,var(--dmw-app-season-soft),transparent 40%),
    linear-gradient(145deg,#06254d,#073965 60%,#084c6c)!important;
  box-shadow:0 28px 80px rgba(0,0,0,.52)!important;
}

html.dmw-new-app .app-player-title,
html.dmw-new-app .app-mini-title { color:#fff!important; }

html.dmw-new-app .app-player-artist,
html.dmw-new-app .app-player-subtitle,
html.dmw-new-app .app-player-source,
html.dmw-new-app .app-mini-artist,
html.dmw-new-app .app-mini-license { color:var(--dmw-app-new-muted)!important; }

html.dmw-new-app .app-player-play,
html.dmw-new-app #appMiniPlay {
  border-color:transparent!important;
  background:linear-gradient(135deg,#0b97f7,var(--dmw-app-season))!important;
  color:#fff!important;
  box-shadow:0 12px 26px color-mix(in srgb,var(--dmw-app-season) 26%,transparent)!important;
}

html.dmw-new-app .app-player-openhandle {
  border-color:transparent!important;
  background:transparent!important;
  color:#fff!important;
}

html.dmw-new-app .app-settings-gear {
  width:22px!important;
  height:22px!important;
  filter:drop-shadow(0 2px 5px rgba(0,0,0,.22));
}

html.dmw-new-app .app-player-openhandle-copy {
  border-color:rgba(158,230,255,.32)!important;
  background:linear-gradient(180deg,rgba(14,65,105,.98),rgba(6,35,65,.98))!important;
}

html.dmw-new-app .app-status-banner {
  border-color:var(--dmw-app-new-line)!important;
  background:linear-gradient(135deg,rgba(7,42,78,.98),rgba(5,27,56,.98))!important;
}

html.dmw-season-spring { --dmw-app-season:#7de8b6; --dmw-app-season-soft:rgba(125,232,182,.17); }
html.dmw-season-summer { --dmw-app-season:#22d7ea; --dmw-app-season-soft:rgba(34,215,234,.17); }
html.dmw-season-halloween { --dmw-app-season:#ff8a2a; --dmw-app-season-soft:rgba(255,138,42,.16); --dmw-app-new-warm:#b167ff; }
html.dmw-season-christmas { --dmw-app-season:#45d58b; --dmw-app-season-soft:rgba(69,213,139,.16); --dmw-app-new-warm:#ef5a68; }

html.dmw-season-spring .topbar { background:linear-gradient(120deg,rgba(5,35,50,.99),rgba(5,18,43,.995) 48%,rgba(30,62,67,.99))!important; }
html.dmw-season-summer .topbar { background:linear-gradient(120deg,rgba(3,47,69,.99),rgba(3,18,45,.995) 48%,rgba(6,67,83,.99))!important; }
html.dmw-season-halloween .topbar { background:linear-gradient(120deg,rgba(43,13,52,.99),rgba(10,9,30,.995) 48%,rgba(75,30,16,.99))!important; }
html.dmw-season-christmas .topbar { background:linear-gradient(120deg,rgba(5,45,38,.99),rgba(4,17,38,.995) 48%,rgba(71,18,29,.99))!important; }

@media(max-width:1120px) {
  html.dmw-new-app #nav {
    border:1px solid var(--dmw-app-new-line)!important;
    background:
      radial-gradient(circle at 0 0,var(--dmw-app-season-soft),transparent 24rem),
      linear-gradient(155deg,rgba(7,39,75,.99),rgba(3,17,41,.995))!important;
    box-shadow:0 28px 70px rgba(0,0,0,.46)!important;
  }

  html.dmw-new-app #nav .nav-btn {
    justify-content:flex-start!important;
    width:100%!important;
    min-height:48px!important;
    padding:12px 14px!important;
    border-radius:14px!important;
    font-size:12px!important;
  }

  html.dmw-new-app #nav .nav-dd-only-toggle {
    justify-content:center!important;
    width:48px!important;
    min-width:48px!important;
    padding:0!important;
  }
}

/* The desktop app keeps its navigation in one horizontal row. This must win
   over the older narrow-window drawer rules embedded in app.html. */
@media(min-width:1121px) {
  html.dmw-new-app #nav {
    display:flex!important;
    position:static!important;
    flex:1 1 auto!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    max-height:none!important;
    overflow:visible!important;
    margin-left:auto!important;
    padding:0!important;
    gap:2px!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  html.dmw-new-app #nav > .nav-btn,
  html.dmw-new-app #nav > .nav-dd > .nav-btn {
    width:auto!important;
    min-width:0!important;
    min-height:39px!important;
    padding:7px 9px!important;
    justify-content:center!important;
    text-align:center!important;
    border-radius:0!important;
    background:transparent!important;
    border-color:transparent!important;
  }

  html.dmw-new-app #nav > .nav-dd { width:auto!important; }
  html.dmw-new-app #nav .nav-dd-menu { z-index:300030!important; }
}

@media(max-width:700px) {
  html.dmw-new-app .topbar {
    height:68px!important;
    min-height:68px!important;
    padding:0 10px!important;
    gap:7px!important;
  }

  html.dmw-new-app .brand { gap:7px!important;min-width:0; }
  html.dmw-new-app .brand img { width:48px!important;height:48px!important;border-radius:14px!important; }
  html.dmw-new-app .brand-name { font-size:18px!important; }
  html.dmw-new-app .app-settings-quick,
  html.dmw-new-app .app-history-back,
  html.dmw-new-app .hamburger { flex-basis:42px!important;width:42px!important;height:42px!important; }
  html.dmw-new-app .content { top:68px!important; }
  html.dmw-new-app .app-player { border-radius:18px!important; }
}

@media(max-width:430px) {
  html.dmw-new-app .topbar { padding-inline:8px!important; }
  html.dmw-new-app .brand img { width:44px!important;height:44px!important; }
  html.dmw-new-app .brand-name { font-size:16px!important; }
  html.dmw-new-app .app-settings-quick,
  html.dmw-new-app .app-history-back,
  html.dmw-new-app .hamburger { flex-basis:40px!important;width:40px!important;height:40px!important; }
  html.dmw-new-app .app-player-play {
    background:rgba(3,20,43,.44)!important;
    border-color:rgba(255,255,255,.44)!important;
    box-shadow:inset 0 1px rgba(255,255,255,.20),0 8px 18px rgba(0,0,0,.22)!important;
  }

  html.dmw-new-app .playerbar {
    border-top-color:rgba(117,220,234,.24)!important;
    background:
      radial-gradient(circle at 82% 0,var(--dmw-app-season-soft),transparent 44%),
      linear-gradient(145deg,#061b34,#0a3659 58%,#061a31)!important;
    box-shadow:0 -12px 34px rgba(2,14,29,.38)!important;
  }

  html.dmw-new-app .app-player {
    border:1px solid rgba(167,231,244,.26)!important;
    border-left:1px solid rgba(167,231,244,.26)!important;
    background:
      radial-gradient(circle at 10% 35%,rgba(255,255,255,.09),transparent 31%),
      linear-gradient(135deg,rgba(11,70,101,.82),rgba(7,42,75,.90))!important;
    box-shadow:inset 0 1px rgba(255,255,255,.10),0 8px 24px rgba(0,0,0,.18)!important;
  }

  html.dmw-new-app .app-player:before {
    content:"";
    position:absolute;
    left:6px;
    top:50%;
    width:4px;
    height:38px;
    border-radius:999px;
    transform:translateY(-50%);
    background:var(--app-player-accent);
    box-shadow:0 0 12px color-mix(in srgb,var(--app-player-accent) 44%,transparent);
  }

  html.dmw-new-app .app-player-copy {
    padding-right:114px!important;
  }

  html.dmw-new-app .app-player-label {
    color:rgba(191,239,249,.86)!important;
    letter-spacing:.08em!important;
  }

  html.dmw-new-app .app-player-title {
    display:-webkit-box!important;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden!important;
    font-size:13px!important;
    line-height:1.08!important;
  }

  html.dmw-new-app .app-player-subtitle {
    margin-top:2px!important;
    color:rgba(255,255,255,.72)!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  html.dmw-new-app .app-player-controls {
    right:38px!important;
    gap:4px!important;
  }

  html.dmw-new-app .app-player-sleep {
    border-color:rgba(255,255,255,.20)!important;
    background:rgba(2,20,39,.34)!important;
  }

  html.dmw-new-app .app-player-datasaver {
    width:70px!important;
    min-width:70px!important;
    border-color:rgba(255,255,255,.20)!important;
    background:rgba(2,20,39,.34)!important;
  }

  html.dmw-new-app .app-player-heart {
    border-color:rgba(255,255,255,.20)!important;
    background:rgba(2,20,39,.34)!important;
  }

  html.dmw-new-app .app-player-openhandle {
    top:-18px!important;
    width:168px!important;
    min-width:0!important;
    height:28px!important;
    grid-template-columns:24px auto 24px!important;
    gap:5px!important;
  }

  html.dmw-new-app .app-player-openhandle:before,
  html.dmw-new-app .app-player-openhandle:after {
    height:1px!important;
    background:rgba(158,230,255,.58)!important;
  }

  html.dmw-new-app .app-player-openhandle-copy {
    min-height:20px!important;
    padding:0 8px!important;
    gap:5px!important;
    border-color:rgba(158,230,255,.34)!important;
    background:rgba(5,38,69,.96)!important;
    box-shadow:0 4px 11px rgba(2,17,32,.24)!important;
    font-size:8px!important;
  }

  html.dmw-new-app .app-player-handle-chevron {
    width:9px!important;
    flex-basis:9px!important;
  }
}

@media(max-width:370px) {
  html.dmw-new-app .brand-name { display:none!important; }
}

@media(prefers-reduced-motion:reduce) {
  html.dmw-new-app *,
  html.dmw-new-app *:before,
  html.dmw-new-app *:after { scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important; }
}

/* Final app chrome polish: build a shallow physical edge into the fixed bar
   and make the expanded player feel like one deliberate control surface. */
html.dmw-new-app .topbar {
  isolation:isolate;
  border-bottom-color:rgba(166,238,243,.28)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.24),
    inset 0 -1px 0 rgba(0,20,48,.76),
    0 3px 0 rgba(2,20,47,.38),
    0 16px 34px rgba(1,16,40,.30)!important;
}

html.dmw-new-app .topbar:after {
  bottom:-5px!important;
  height:5px!important;
  background:
    linear-gradient(180deg,rgba(186,249,248,.48),rgba(24,117,149,.42) 38%,rgba(2,25,54,.90) 100%),
    linear-gradient(90deg,transparent,var(--dmw-app-season),var(--dmw-app-new-warm),transparent)!important;
  box-shadow:0 4px 10px rgba(0,14,35,.32),0 1px 0 rgba(188,250,247,.26)!important;
}

html.dmw-new-app .playerbar {
  border-top-color:rgba(176,242,245,.30)!important;
  box-shadow:
    inset 0 2px 0 rgba(225,255,255,.20),
    inset 0 -2px 0 rgba(0,11,29,.54),
    0 -2px 0 rgba(11,87,126,.42),
    0 -18px 48px rgba(0,13,32,.44)!important;
}

html.dmw-new-app .app-player {
  border-color:rgba(189,246,247,.28)!important;
  border-left-color:var(--app-player-accent)!important;
  background:
    radial-gradient(circle at 10% 0,rgba(255,255,255,.16),transparent 30%),
    linear-gradient(150deg,rgba(11,83,121,.96),rgba(7,51,89,.96) 54%,rgba(4,33,65,.98))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.24),
    inset 0 -2px 0 rgba(0,18,43,.32),
    0 12px 30px rgba(0,7,24,.25)!important;
}

html.dmw-new-app .app-player-openhandle-copy {
  background:linear-gradient(180deg,rgba(20,91,132,.99),rgba(5,37,69,.99))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    inset 0 -2px 0 rgba(0,17,40,.52),
    0 7px 18px rgba(0,10,31,.42)!important;
}

html.dmw-new-app .app-mini-card {
  border-color:rgba(170,238,243,.38)!important;
  background:
    radial-gradient(circle at 12% 0,rgba(255,255,255,.15),transparent 30%),
    radial-gradient(circle at 88% 8%,var(--dmw-app-season-soft),transparent 34%),
    linear-gradient(155deg,#082f5b 0%,#073a68 48%,#051f45 100%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    inset 0 -2px 0 rgba(0,16,42,.48),
    0 4px 0 rgba(1,15,36,.34),
    0 34px 110px rgba(0,0,0,.58)!important;
}

html.dmw-new-app .app-mini-nowline {
  background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(2,23,52,.34))!important;
  border-color:rgba(199,247,247,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),inset 0 -1px 0 rgba(0,13,37,.30),0 10px 24px rgba(0,10,29,.16)!important;
}

html.dmw-new-app .app-mini-artwork {
  border-color:rgba(225,255,255,.34)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.26),0 16px 34px rgba(0,8,26,.34)!important;
}

html.dmw-new-app .app-mini-row,
html.dmw-new-app .app-mini-volume,
html.dmw-new-app .app-mini-sleep {
  border-color:rgba(198,247,247,.16)!important;
  background:linear-gradient(145deg,rgba(0,17,43,.36),rgba(255,255,255,.055))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),inset 0 -1px 0 rgba(0,10,30,.28)!important;
}

html.dmw-new-app .app-mini-close,
html.dmw-new-app .app-mini-like {
  border:1px solid rgba(216,252,251,.24)!important;
  background:linear-gradient(145deg,rgba(35,112,147,.76),rgba(4,35,70,.84))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -2px 0 rgba(0,15,39,.34),0 7px 16px rgba(0,8,25,.26)!important;
}

html.dmw-new-app .app-mini-actions a {
  border-color:rgba(191,246,247,.28)!important;
  background:linear-gradient(145deg,rgba(41,126,160,.60),rgba(7,47,83,.82))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 -2px 0 rgba(0,13,35,.30),0 8px 18px rgba(0,9,27,.18)!important;
}

@media (max-width:560px) {
  html.dmw-new-app .topbar:after { bottom:-3px!important;height:3px!important; }
  html.dmw-new-app .app-mini-card { box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -1px 0 rgba(0,16,42,.44),0 22px 64px rgba(0,0,0,.54)!important; }
}

/* 2026-08-27b: final visible player treatment. This intentionally lives last
   because older compatibility rules above previously flattened the redesign. */
@media(max-width:1120px) {
  html.dmw-new-app #nav .nav-dd-caret { display:none!important; }

  html.dmw-new-app .nav-parks-trigger:after,
  html.dmw-new-app #more-wrap > .nav-dd-toggle:after {
    content:""!important;
    display:block!important;
    flex:0 0 9px;
    width:9px;
    height:9px;
    margin-left:auto;
    border-right:2px solid var(--dmw-app-season);
    border-bottom:2px solid var(--dmw-app-season);
    transform:rotate(45deg) translateY(-2px);
    transform-origin:center;
    transition:transform .18s ease;
    filter:drop-shadow(0 0 7px color-mix(in srgb,var(--dmw-app-season) 45%,transparent));
  }

  html.dmw-new-app .nav-parks.open > .nav-parks-trigger:after,
  html.dmw-new-app #more-wrap.open > .nav-dd-toggle:after {
    content:""!important;
    transform:rotate(225deg) translate(-2px,-2px);
  }
}

html.dmw-new-app .playerbar {
  padding:12px max(14px,env(safe-area-inset-left)) calc(11px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-right))!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.075),transparent 26%),
    radial-gradient(ellipse at 15% -70%,color-mix(in srgb,var(--dmw-app-season) 28%,transparent),transparent 47%),
    radial-gradient(ellipse at 84% 140%,color-mix(in srgb,var(--dmw-app-new-warm) 18%,transparent),transparent 46%),
    linear-gradient(155deg,#092f53,#04172f 58%,#062846)!important;
  border-top:1px solid rgba(216,253,255,.42)!important;
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.20),
    inset 0 -2px 0 rgba(0,9,29,.58),
    0 -4px 0 rgba(5,70,102,.50),
    0 -24px 62px rgba(0,7,27,.50)!important;
}

html.dmw-new-app .app-player {
  max-width:1120px!important;
  transform:translateY(-4px);
  border:1px solid rgba(213,252,253,.38)!important;
  border-left:7px solid var(--app-player-accent)!important;
  border-radius:27px!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.17),transparent 31%),
    radial-gradient(circle at 82% -20%,color-mix(in srgb,var(--dmw-app-season) 30%,transparent),transparent 38%),
    linear-gradient(145deg,#10618a 0%,#0a456f 48%,#052446 100%)!important;
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.28),
    inset 0 -4px 0 rgba(0,12,36,.46),
    0 5px 0 rgba(1,19,45,.68),
    0 18px 44px rgba(0,5,22,.42),
    0 0 28px color-mix(in srgb,var(--dmw-app-season) 10%,transparent)!important;
}

html.dmw-new-app .app-player:after {
  content:""!important;
  position:absolute;
  left:18px;
  right:18px;
  top:7px;
  height:2px;
  border-radius:99px;
  background:linear-gradient(90deg,transparent,var(--dmw-app-season),var(--dmw-app-new-warm),transparent)!important;
  opacity:.78!important;
  pointer-events:none;
}

html.dmw-new-app .app-player-play {
  border-color:rgba(255,255,255,.62)!important;
  background:linear-gradient(145deg,#fff8cf,var(--dmw-app-new-warm) 48%,var(--dmw-app-season))!important;
  color:#06264a!important;
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.78),
    inset 0 -3px 0 rgba(3,45,70,.25),
    0 4px 0 rgba(2,28,56,.54),
    0 13px 28px color-mix(in srgb,var(--dmw-app-season) 24%,rgba(0,0,0,.20))!important;
}

html.dmw-new-app .app-player-artwork {
  border:2px solid rgba(225,255,255,.45)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.26),0 4px 0 rgba(0,17,42,.48),0 13px 29px rgba(0,7,25,.38)!important;
}

html.dmw-new-app .app-player-controls {
  padding:5px 7px;
  border:1px solid rgba(213,252,253,.18);
  border-radius:999px;
  background:linear-gradient(145deg,rgba(1,20,49,.46),rgba(255,255,255,.055));
  box-shadow:inset 0 2px 4px rgba(0,11,33,.40),inset 0 -1px 0 rgba(255,255,255,.10);
}

html.dmw-new-app .app-player-openhandle-copy {
  min-height:26px!important;
  padding-inline:15px!important;
  border:1px solid color-mix(in srgb,var(--dmw-app-season) 52%,#d9fbff)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.18),transparent 38%),
    linear-gradient(180deg,#1a7aa4,#0c527e 52%,#062d56)!important;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.24),inset 0 -3px 0 rgba(0,13,39,.50),0 4px 0 rgba(1,18,43,.66),0 12px 27px rgba(0,6,24,.44)!important;
}

html.dmw-new-app .app-player-openhandle:before,
html.dmw-new-app .app-player-openhandle:after {
  height:3px!important;
  background:linear-gradient(90deg,transparent,var(--dmw-app-season))!important;
  box-shadow:0 0 9px color-mix(in srgb,var(--dmw-app-season) 34%,transparent);
}

html.dmw-new-app .app-mini-player {
  background:
    radial-gradient(circle at 50% 28%,color-mix(in srgb,var(--dmw-app-season) 18%,transparent),transparent 32%),
    rgba(1,8,24,.86)!important;
  backdrop-filter:blur(20px) saturate(1.18)!important;
}

html.dmw-new-app .app-mini-card {
  width:min(780px,100%)!important;
  max-height:min(92vh,820px)!important;
  padding:28px!important;
  border:1px solid rgba(218,253,253,.44)!important;
  border-radius:34px!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.15),transparent 24%),
    radial-gradient(circle at 88% 2%,color-mix(in srgb,var(--dmw-app-season) 30%,transparent),transparent 34%),
    radial-gradient(circle at 3% 96%,color-mix(in srgb,var(--dmw-app-new-warm) 17%,transparent),transparent 30%),
    linear-gradient(150deg,#0d4f79 0%,#082f59 48%,#041932 100%)!important;
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.28),
    inset 0 -5px 0 rgba(0,10,32,.52),
    0 7px 0 rgba(1,15,38,.72),
    0 42px 130px rgba(0,0,0,.68),
    0 0 48px color-mix(in srgb,var(--dmw-app-season) 12%,transparent)!important;
}

html.dmw-new-app .app-mini-card:before {
  height:8px!important;
  background:linear-gradient(90deg,transparent 2%,var(--dmw-app-season),var(--dmw-app-new-warm),var(--dmw-app-season),transparent 98%)!important;
  box-shadow:0 3px 18px color-mix(in srgb,var(--dmw-app-season) 36%,transparent)!important;
}

html.dmw-new-app .app-mini-kicker {
  border:1px solid rgba(211,251,252,.20);
  background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(0,20,50,.28))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 7px 18px rgba(0,8,28,.18);
}

html.dmw-new-app .app-mini-nowline {
  grid-template-columns:148px minmax(0,1fr)!important;
  gap:24px!important;
  margin-top:20px!important;
  padding:20px!important;
  border:1px solid rgba(217,253,253,.25)!important;
  border-radius:27px!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.15),rgba(0,17,46,.39)),
    radial-gradient(circle at 0 0,var(--dmw-app-season-soft),transparent 48%)!important;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.18),inset 0 -3px 0 rgba(0,10,32,.32),0 13px 32px rgba(0,6,25,.22)!important;
}

html.dmw-new-app .app-mini-artwork {
  width:148px!important;
  height:148px!important;
  min-width:148px!important;
  max-width:148px!important;
  border:2px solid rgba(228,255,255,.50)!important;
  border-radius:27px!important;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.25),0 5px 0 rgba(0,14,39,.50),0 20px 44px rgba(0,5,23,.44)!important;
}

html.dmw-new-app .app-mini-title {
  font-size:clamp(28px,4.5vw,42px)!important;
  text-shadow:0 3px 14px rgba(0,5,25,.36);
}

html.dmw-new-app .app-mini-progress {
  margin-top:17px!important;
  padding:11px 14px!important;
  border:1px solid rgba(210,252,253,.15);
  border-radius:16px;
  background:rgba(0,16,42,.26);
  box-shadow:inset 0 2px 5px rgba(0,8,27,.34),inset 0 -1px 0 rgba(255,255,255,.08);
}

html.dmw-new-app .app-mini-progress-track { height:11px!important; }
html.dmw-new-app .app-mini-progress-fill { background:linear-gradient(90deg,var(--dmw-app-season),var(--dmw-app-new-warm),var(--dmw-app-season))!important; }

html.dmw-new-app .app-mini-control-deck {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:12px;
  margin-top:16px;
  padding:16px;
  border:1px solid rgba(211,251,252,.18);
  border-radius:26px;
  background:linear-gradient(145deg,rgba(0,15,41,.34),rgba(255,255,255,.055));
  box-shadow:inset 0 3px 8px rgba(0,8,28,.34),inset 0 -1px 0 rgba(255,255,255,.09),0 12px 28px rgba(0,7,25,.14);
}

html.dmw-new-app .app-mini-control-deck .app-mini-grid,
html.dmw-new-app .app-mini-control-deck .app-mini-sleep,
html.dmw-new-app .app-mini-control-deck .app-mini-license,
html.dmw-new-app .app-mini-control-deck .app-mini-actions { grid-column:1 / -1; }

html.dmw-new-app .app-mini-control-deck .app-mini-grid,
html.dmw-new-app .app-mini-control-deck .app-mini-volume,
html.dmw-new-app .app-mini-control-deck .app-mini-sleep,
html.dmw-new-app .app-mini-control-deck .app-mini-actions { margin-top:0!important; }

html.dmw-new-app .app-mini-row,
html.dmw-new-app .app-mini-volume,
html.dmw-new-app .app-mini-sleep {
  border:1px solid rgba(211,251,252,.19)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.095),rgba(0,16,44,.30))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13),inset 0 -2px 0 rgba(0,9,29,.28),0 8px 19px rgba(0,6,22,.12)!important;
}

html.dmw-new-app .app-mini-actions .primary {
  border-color:rgba(255,255,255,.56)!important;
  background:linear-gradient(135deg,var(--dmw-app-season),#fff0a8 54%,var(--dmw-app-new-warm))!important;
  color:#06264a!important;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.56),inset 0 -3px 0 rgba(3,46,72,.22),0 4px 0 rgba(1,24,50,.50),0 12px 26px color-mix(in srgb,var(--dmw-app-season) 18%,transparent)!important;
}

html.dmw-new-app .app-mini-actions a {
  border-color:rgba(211,251,252,.27)!important;
  background:linear-gradient(145deg,rgba(38,125,161,.78),rgba(4,37,72,.92))!important;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.16),inset 0 -3px 0 rgba(0,11,34,.34),0 4px 0 rgba(1,21,46,.48),0 10px 22px rgba(0,6,23,.22)!important;
}

@media(max-width:700px) {
  html.dmw-new-app .playerbar {
    padding:10px max(8px,env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-right))!important;
  }

  html.dmw-new-app .app-player {
    transform:translateY(-3px);
    border-left-width:1px!important;
    border-radius:21px!important;
    box-shadow:inset 0 2px 0 rgba(255,255,255,.22),inset 0 -3px 0 rgba(0,11,34,.42),0 4px 0 rgba(1,19,45,.62),0 16px 37px rgba(0,5,22,.38)!important;
  }

  html.dmw-new-app .app-player-controls { padding:4px 5px; }
  html.dmw-new-app .app-mini-player { align-items:flex-end!important;padding:9px!important; }
  html.dmw-new-app .app-mini-card { padding:18px!important;border-radius:28px!important;max-height:88vh!important; }
  html.dmw-new-app .app-mini-nowline { grid-template-columns:76px minmax(0,1fr)!important;gap:14px!important;margin-top:13px!important;padding:13px!important;border-radius:20px!important; }
  html.dmw-new-app .app-mini-artwork { width:76px!important;height:76px!important;min-width:76px!important;max-width:76px!important;border-radius:18px!important; }
  html.dmw-new-app .app-mini-title { font-size:clamp(20px,6vw,28px)!important; }
  html.dmw-new-app .app-mini-artist { font-size:14px!important; }
  html.dmw-new-app .app-mini-progress { margin-top:10px!important;padding:8px 10px!important; }
  html.dmw-new-app .app-mini-progress-track { height:8px!important; }
  html.dmw-new-app .app-mini-control-deck { grid-template-columns:1fr;gap:8px;margin-top:10px;padding:10px;border-radius:20px; }
  html.dmw-new-app .app-mini-control-deck > * { grid-column:1!important; }
  html.dmw-new-app .app-mini-actions { grid-template-columns:1fr 1fr!important; }
}

@media(max-width:430px) {
  html.dmw-new-app .app-player-play {
    border:1px solid rgba(255,255,255,.72)!important;
    background:rgba(3,22,47,.44)!important;
    color:#fff!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 3px 0 rgba(0,12,34,.46),0 9px 20px rgba(0,6,24,.30)!important;
  }
  html.dmw-new-app .app-player-artwork { border-width:1px!important; }
  html.dmw-new-app .app-player-controls { border:0;background:transparent;box-shadow:none; }
  html.dmw-new-app .app-player-openhandle-copy { min-height:22px!important;padding-inline:10px!important; }
  html.dmw-new-app .app-mini-card { padding:16px 13px 14px!important; }
  html.dmw-new-app .app-mini-nowline { grid-template-columns:64px minmax(0,1fr)!important;gap:11px!important;padding:11px!important; }
  html.dmw-new-app .app-mini-artwork { width:64px!important;height:64px!important;min-width:64px!important;max-width:64px!important;border-radius:16px!important; }
  html.dmw-new-app .app-mini-actions { grid-template-columns:1fr!important; }
}

/* 2026-08-27: unified app navigation and seasonal floating chrome. */
html.dmw-new-app {
  --dmw-chrome-highlight:color-mix(in srgb,var(--dmw-app-season) 72%,#fff);
  --dmw-chrome-shadow:rgba(0,8,28,.52);
}

html.dmw-new-app .topbar {
  overflow:visible!important;
  background:
    radial-gradient(ellipse at 12% -35%,color-mix(in srgb,var(--dmw-app-season) 23%,transparent),transparent 48%),
    radial-gradient(ellipse at 88% 135%,color-mix(in srgb,var(--dmw-app-new-warm) 15%,transparent),transparent 42%),
    linear-gradient(150deg,#092c52 0%,#041933 50%,#062844 100%)!important;
  border:1px solid rgba(202,247,255,.20)!important;
  border-top-color:rgba(255,255,255,.30)!important;
  border-radius:0 0 22px 22px!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.24),
    inset 0 -3px 0 rgba(0,12,35,.58),
    0 4px 0 rgba(3,33,61,.74),
    0 16px 40px rgba(0,8,28,.38)!important;
}

html.dmw-new-app .topbar:before {
  content:"";
  position:absolute;
  inset:1px 10px auto;
  height:38%;
  border-radius:0 0 50% 50%;
  background:linear-gradient(180deg,rgba(255,255,255,.095),transparent);
  pointer-events:none;
  z-index:-1;
}

html.dmw-new-app .topbar:after {
  bottom:-6px!important;
  height:6px!important;
  border-radius:0 0 999px 999px;
  background:
    linear-gradient(180deg,rgba(218,255,255,.55),rgba(28,124,154,.46) 34%,rgba(1,24,51,.92) 100%),
    linear-gradient(90deg,transparent 4%,var(--dmw-app-season),var(--dmw-app-new-warm),var(--dmw-app-season),transparent 96%)!important;
  box-shadow:0 5px 14px rgba(0,12,34,.36),0 0 18px color-mix(in srgb,var(--dmw-app-season) 20%,transparent)!important;
}

html.dmw-new-app .app-settings-quick,
html.dmw-new-app .app-theme-quick,
html.dmw-new-app .app-history-back,
html.dmw-new-app .hamburger {
  border-color:rgba(214,252,255,.27)!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.15),rgba(5,35,65,.48) 58%,rgba(2,21,48,.72))!important;
  box-shadow:
    inset 1px 1px 0 rgba(255,255,255,.23),
    inset -2px -2px 0 rgba(0,13,36,.40),
    0 3px 0 rgba(1,19,43,.55),
    0 9px 20px rgba(0,8,25,.25)!important;
}

html.dmw-new-app .app-settings-quick:active,
html.dmw-new-app .app-theme-quick:active,
html.dmw-new-app .app-history-back:active,
html.dmw-new-app .hamburger:active {
  transform:translateY(2px);
  box-shadow:inset 2px 2px 5px rgba(0,10,30,.45),0 1px 0 rgba(255,255,255,.12)!important;
}

html.dmw-new-app .brand img {
  filter:drop-shadow(0 10px 16px rgba(0,0,0,.34)) drop-shadow(0 0 12px color-mix(in srgb,var(--dmw-app-season) 16%,transparent))!important;
}

html.dmw-new-app .nav-parks-trigger .nav-dd-caret,
html.dmw-new-app .nav-dd-only-toggle { display:none!important; }

@media(min-width:1121px) {
  html.dmw-new-app #nav > .nav-btn,
  html.dmw-new-app #nav > .nav-dd > .nav-btn {
    position:relative;
    overflow:visible;
    border:0!important;
    box-shadow:none!important;
  }

  html.dmw-new-app #nav > .nav-btn:after,
  html.dmw-new-app #nav > .nav-dd > .nav-btn:after {
    content:"";
    position:absolute;
    left:50%;
    right:50%;
    bottom:2px;
    height:3px;
    border-radius:99px;
    background:linear-gradient(90deg,var(--dmw-app-season),var(--dmw-app-new-warm));
    box-shadow:0 0 12px color-mix(in srgb,var(--dmw-app-season) 42%,transparent);
    transition:left .18s ease,right .18s ease;
  }

  html.dmw-new-app #nav > .nav-btn:hover:after,
  html.dmw-new-app #nav > .nav-btn:focus-visible:after,
  html.dmw-new-app #nav > .nav-btn.is-active:after,
  html.dmw-new-app #nav > .nav-dd:hover > .nav-btn:after,
  html.dmw-new-app #nav > .nav-dd:focus-within > .nav-btn:after,
  html.dmw-new-app #nav > .nav-dd > .nav-btn.is-active:after {
    left:10px;
    right:10px;
  }

  html.dmw-new-app #nav .nav-btn.is-active { box-shadow:none!important; }
  html.dmw-new-app .nav-parks:hover > .nav-dd-menu,
  html.dmw-new-app .nav-parks:focus-within > .nav-dd-menu { display:grid!important; }

  html.dmw-new-app .nav-parks:before {
    content:"";
    position:absolute;
    left:-12px;
    right:-12px;
    top:100%;
    height:14px;
  }

  html.dmw-new-app .nav-parks > .nav-dd-menu {
    top:calc(100% + 8px)!important;
    right:50%!important;
    transform:translateX(50%);
    width:min(760px,calc(100vw - 48px))!important;
    min-width:620px!important;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:5px 10px!important;
    padding:16px!important;
    border-radius:22px!important;
    border:1px solid rgba(186,242,248,.26)!important;
    background:
      radial-gradient(circle at 10% 0,var(--dmw-app-season-soft),transparent 35%),
      linear-gradient(150deg,rgba(10,53,91,.99),rgba(3,20,47,.995) 62%,rgba(5,39,68,.99))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.17),inset 0 -2px 0 rgba(0,10,30,.42),0 28px 70px rgba(0,4,20,.52)!important;
  }

  html.dmw-new-app .nav-parks .nav-park-dashboard { grid-column:1 / -1; }
  html.dmw-new-app .nav-parks .nav-park-group { display:grid;align-content:start;gap:5px;min-width:0; }
  html.dmw-new-app .nav-parks .nav-dd-head {
    align-self:end;
    margin-top:4px;
    padding:7px 9px 3px!important;
  }

  html.dmw-new-app .nav-parks .nav-dd-menu .nav-btn {
    min-height:38px!important;
    justify-content:flex-start!important;
    border-radius:11px!important;
    background:rgba(255,255,255,.045)!important;
    border:1px solid rgba(255,255,255,.08)!important;
  }
}

html.dmw-new-app .playerbar {
  padding-top:12px!important;
  border-top:1px solid rgba(199,250,252,.30)!important;
  background:
    radial-gradient(ellipse at 16% -50%,var(--dmw-app-season-soft),transparent 44%),
    radial-gradient(ellipse at 86% 120%,color-mix(in srgb,var(--dmw-app-new-warm) 13%,transparent),transparent 42%),
    linear-gradient(150deg,#082a4d,#041a36 54%,#073150)!important;
  box-shadow:inset 0 2px 0 rgba(230,255,255,.18),0 -4px 0 rgba(5,58,88,.54),0 -22px 54px rgba(0,8,27,.46)!important;
}

html.dmw-new-app .app-player {
  overflow:visible;
  border:1px solid rgba(204,250,252,.30)!important;
  border-left:6px solid var(--app-player-accent)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.13),transparent 37%),
    radial-gradient(circle at 84% 0,var(--dmw-app-season-soft),transparent 35%),
    linear-gradient(145deg,#0b4d72,#07375e 54%,#041f42)!important;
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.24),
    inset 0 -3px 0 rgba(0,12,36,.42),
    0 4px 0 rgba(1,21,48,.62),
    0 16px 38px rgba(0,5,22,.34)!important;
}

html.dmw-new-app .app-player:after {
  content:"";
  position:absolute;
  inset:7px 14px auto;
  height:1px;
  border-radius:99px;
  background:linear-gradient(90deg,transparent,var(--dmw-chrome-highlight),transparent);
  opacity:.62;
  pointer-events:none;
}

html.dmw-new-app .app-player-openhandle-copy {
  border-color:color-mix(in srgb,var(--dmw-app-season) 36%,rgba(255,255,255,.25))!important;
  background:linear-gradient(180deg,#176e98,#0a456f 45%,#052b54 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.27),inset 0 -3px 0 rgba(0,15,42,.46),0 4px 0 rgba(1,20,44,.64),0 10px 22px rgba(0,8,28,.38)!important;
}

html.dmw-new-app .app-mini-player {
  background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--dmw-app-season) 11%,transparent),transparent 34%),rgba(1,10,28,.82)!important;
}

html.dmw-new-app .app-mini-card {
  border:1px solid rgba(202,249,250,.36)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.13),transparent 23%),
    radial-gradient(circle at 88% 8%,var(--dmw-app-season-soft),transparent 36%),
    radial-gradient(circle at 9% 94%,color-mix(in srgb,var(--dmw-app-new-warm) 12%,transparent),transparent 34%),
    linear-gradient(155deg,#0b3f69 0%,#072e56 48%,#041a3a 100%)!important;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.24),inset 0 -4px 0 rgba(0,12,37,.42),0 6px 0 rgba(1,17,41,.66),0 38px 120px rgba(0,0,0,.62)!important;
}

html.dmw-new-app .app-mini-card:before {
  height:7px!important;
  background:linear-gradient(90deg,transparent,var(--dmw-app-season),var(--dmw-app-new-warm),var(--dmw-app-season),transparent)!important;
  box-shadow:0 2px 14px color-mix(in srgb,var(--dmw-app-season) 30%,transparent);
}

html.dmw-new-app .app-mini-nowline,
html.dmw-new-app .app-mini-row,
html.dmw-new-app .app-mini-volume,
html.dmw-new-app .app-mini-sleep {
  border-color:rgba(203,249,250,.18)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(0,18,48,.34))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.15),inset 0 -2px 0 rgba(0,11,34,.32),0 9px 24px rgba(0,7,26,.15)!important;
}

html.dmw-new-app #appMiniPlay,
html.dmw-new-app .app-mini-close,
html.dmw-new-app .app-mini-like {
  box-shadow:inset 0 2px 0 rgba(255,255,255,.28),inset 0 -3px 0 rgba(0,16,43,.36),0 4px 0 rgba(1,22,48,.54),0 12px 24px rgba(0,7,24,.30)!important;
}

@media(max-width:1120px) {
  html.dmw-new-app #nav {
    border-radius:24px!important;
    padding:12px!important;
    border:1px solid rgba(204,248,250,.28)!important;
    box-shadow:inset 0 2px 0 rgba(255,255,255,.17),inset 0 -3px 0 rgba(0,11,34,.40),0 5px 0 rgba(0,19,45,.60),0 28px 76px rgba(0,4,20,.60)!important;
  }

  html.dmw-new-app #nav .nav-btn {
    border:1px solid rgba(207,249,250,.14)!important;
    background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(0,20,49,.20))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 -2px 0 rgba(0,10,31,.25)!important;
  }

  html.dmw-new-app #nav .nav-btn.is-active {
    border-color:color-mix(in srgb,var(--dmw-app-season) 50%,rgba(255,255,255,.16))!important;
    background:linear-gradient(145deg,var(--dmw-app-season-soft),rgba(0,20,49,.24))!important;
  }

  html.dmw-new-app .nav-parks { display:block!important; }
  html.dmw-new-app .nav-parks-trigger:after {
    content:"+";
    margin-left:auto;
    font-size:18px;
    color:var(--dmw-app-season);
  }
  html.dmw-new-app .nav-parks.open > .nav-parks-trigger:after { content:"−"; }
  html.dmw-new-app .nav-parks > .nav-dd-menu { position:static!important;width:100%!important;min-width:0!important;margin-top:7px!important;transform:none!important; }
  html.dmw-new-app .nav-parks .nav-park-group { display:block; }
  html.dmw-new-app .nav-parks .nav-park-group .nav-btn { margin-top:4px; }
}

@media(max-width:700px) {
  html.dmw-new-app .topbar { border-radius:0 0 18px 18px!important; }
  html.dmw-new-app .topbar:after { bottom:-4px!important;height:4px!important; }
  html.dmw-new-app .playerbar { padding-top:10px!important; }
  html.dmw-new-app .app-player {
    border-left-width:1px!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.19),inset 0 -2px 0 rgba(0,12,36,.38),0 3px 0 rgba(1,21,48,.58),0 14px 32px rgba(0,5,22,.30)!important;
  }
  html.dmw-new-app .app-mini-card { border-radius:27px!important;padding:20px!important; }
  html.dmw-new-app .app-mini-nowline { gap:14px!important;padding:14px!important; }
}

@media(max-width:430px) {
  html.dmw-new-app .app-player:after { inset-inline:11px; }
  html.dmw-new-app .app-mini-card { padding:17px 14px 16px!important; }
  html.dmw-new-app .app-mini-title { font-size:clamp(21px,7vw,29px)!important; }
}

/* Final app chrome polish: build a shallow physical edge into the fixed bar
   and make the expanded player feel like one deliberate control surface. */
html.dmw-new-app .topbar {
  isolation:isolate;
  border-bottom-color:rgba(166,238,243,.28)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.24),
    inset 0 -1px 0 rgba(0,20,48,.76),
    0 3px 0 rgba(2,20,47,.38),
    0 16px 34px rgba(1,16,40,.30)!important;
}

html.dmw-new-app .topbar:after {
  bottom:-5px!important;
  height:5px!important;
  background:
    linear-gradient(180deg,rgba(186,249,248,.48),rgba(24,117,149,.42) 38%,rgba(2,25,54,.90) 100%),
    linear-gradient(90deg,transparent,var(--dmw-app-season),var(--dmw-app-new-warm),transparent)!important;
  box-shadow:0 4px 10px rgba(0,14,35,.32),0 1px 0 rgba(188,250,247,.26)!important;
}

html.dmw-new-app .playerbar {
  border-top-color:rgba(176,242,245,.30)!important;
  box-shadow:
    inset 0 2px 0 rgba(225,255,255,.20),
    inset 0 -2px 0 rgba(0,11,29,.54),
    0 -2px 0 rgba(11,87,126,.42),
    0 -18px 48px rgba(0,13,32,.44)!important;
}

html.dmw-new-app .app-player {
  border-color:rgba(189,246,247,.28)!important;
  border-left-color:var(--app-player-accent)!important;
  background:
    radial-gradient(circle at 10% 0,rgba(255,255,255,.16),transparent 30%),
    linear-gradient(150deg,rgba(11,83,121,.96),rgba(7,51,89,.96) 54%,rgba(4,33,65,.98))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.24),
    inset 0 -2px 0 rgba(0,18,43,.32),
    0 12px 30px rgba(0,7,24,.25)!important;
}

html.dmw-new-app .app-player-openhandle-copy {
  background:linear-gradient(180deg,rgba(20,91,132,.99),rgba(5,37,69,.99))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    inset 0 -2px 0 rgba(0,17,40,.52),
    0 7px 18px rgba(0,10,31,.42)!important;
}

html.dmw-new-app .app-mini-card {
  border-color:rgba(170,238,243,.38)!important;
  background:
    radial-gradient(circle at 12% 0,rgba(255,255,255,.15),transparent 30%),
    radial-gradient(circle at 88% 8%,var(--dmw-app-season-soft),transparent 34%),
    linear-gradient(155deg,#082f5b 0%,#073a68 48%,#051f45 100%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    inset 0 -2px 0 rgba(0,16,42,.48),
    0 4px 0 rgba(1,15,36,.34),
    0 34px 110px rgba(0,0,0,.58)!important;
}

html.dmw-new-app .app-mini-nowline {
  background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(2,23,52,.34))!important;
  border-color:rgba(199,247,247,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),inset 0 -1px 0 rgba(0,13,37,.30),0 10px 24px rgba(0,10,29,.16)!important;
}

html.dmw-new-app .app-mini-artwork {
  border-color:rgba(225,255,255,.34)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.26),0 16px 34px rgba(0,8,26,.34)!important;
}

html.dmw-new-app .app-mini-row,
html.dmw-new-app .app-mini-volume,
html.dmw-new-app .app-mini-sleep {
  border-color:rgba(198,247,247,.16)!important;
  background:linear-gradient(145deg,rgba(0,17,43,.36),rgba(255,255,255,.055))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),inset 0 -1px 0 rgba(0,10,30,.28)!important;
}

html.dmw-new-app .app-mini-close,
html.dmw-new-app .app-mini-like {
  border:1px solid rgba(216,252,251,.24)!important;
  background:linear-gradient(145deg,rgba(35,112,147,.76),rgba(4,35,70,.84))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -2px 0 rgba(0,15,39,.34),0 7px 16px rgba(0,8,25,.26)!important;
}

html.dmw-new-app .app-mini-actions a {
  border-color:rgba(191,246,247,.28)!important;
  background:linear-gradient(145deg,rgba(41,126,160,.60),rgba(7,47,83,.82))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 -2px 0 rgba(0,13,35,.30),0 8px 18px rgba(0,9,27,.18)!important;
}

@media (max-width:560px) {
  html.dmw-new-app .topbar:after { bottom:-3px!important;height:3px!important; }
  html.dmw-new-app .app-mini-card { box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -1px 0 rgba(0,16,42,.44),0 22px 64px rgba(0,0,0,.54)!important; }
}