/* Hotline Lounge page theme
   Colour/background overrides only. Layout, typography, spacing and behaviour
   continue to come from css/hotline.css. */

:root {
  --cyan: #00e7fc;
  --pink: #ff008c;
  --green: #00fcc1;
  --ink: #bfc4db;
  --paper: #003748;
  --pale: #003748;
  --line: #66ccff;
}

html {
  background: #00049E !important;
}

body {
  background: linear-gradient(270deg, #00049E, #CB00FF) !important;
  background-size: 400% 400% !important;
  background-attachment: fixed !important;
  -webkit-animation: loungeGradient 15s ease infinite !important;
  animation: loungeGradient 15s ease infinite !important;
}

@keyframes loungeGradient {
  0% { background-position: 76% 0%; }
  50% { background-position: 25% 100%; }
  100% { background-position: 76% 0%; }
}

/* Main V2 window and content surfaces, recoloured to the original Lounge palette. */
.page-shell {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

.hero {
  background: linear-gradient(180deg, rgba(0,55,72,.96) 0%, rgba(0,55,72,.88) 58%, rgba(0,4,158,.78) 100%) !important;
  border-bottom-color: #ff008c !important;
}

.hero-sub { color: #e3a6ff !important; }

.main-menu {
  background: #003748 !important;
  border-color: #66ffff !important;
}
.main-menu .menu-main {
  background: #003748 !important;
  color: #00fcc1 !important;
  border-color: #66ffff !important;
}
.main-menu .menu-main:hover,
.main-menu .menu-main:focus-visible,
.main-menu .menu-main.active {
  background: #ff008c !important;
  color: #fff !important;
}
.submenu { background: #003748 !important; border-color: #66ffff !important; }
.submenu a { background: #003748 !important; color: #66ccff !important; }
.submenu a:hover { background: #ff008c !important; color: #fff !important; }

.lounge-page .legacy-block {
  background: rgba(0, 55, 72, .80) !important;
  box-shadow: 3px 3px #ff008c !important;
  color: #bfc4db !important;
}
.lounge-page .legacy-block > span:first-child {
  color: #00e7fc !important;
  text-shadow: 2px 2px 0 rgba(255,0,140,.72) !important;
}
.lounge-page .legacy-block img.center,
.lounge-page .image-caption {
  box-shadow: 3px 3px #ff008c !important;
}
.lounge-page .legacy-block a,
.lounge-page .legacy-block a font,
.lounge-page .image-caption { color: #66ccff !important; }
.lounge-page .legacy-block a:hover,
.lounge-page .legacy-block a:hover font { color: #ff008c !important; }

/* Keep the quieter secondary-page passage variation, but draw it entirely
   from colours that sit naturally inside the Lounge palette. */
.lounge-page .passage-lilac,
.lounge-page .passage-lilac font { color: #e3a6ff !important; }
.lounge-page .passage-blue,
.lounge-page .passage-blue font { color: #66ccff !important; }
.lounge-page .passage-neutral,
.lounge-page .passage-neutral font { color: #bfc4db !important; }
.lounge-page .passage-pink,
.lounge-page .passage-pink font { color: #ff9bd2 !important; }
.lounge-page .passage-mint,
.lounge-page .passage-mint font { color: #00fcc1 !important; }

.lounge-page .secondary-page-title,
.hero .secondary-page-title,
.lounge-page .lounge-signoff img {
  filter: drop-shadow(3px 3px 0 #ff008c) !important;
}

/* Shared radio, same functionality, Lounge colours. */
.radio { border-color: #66ffff !important; box-shadow: 4px 4px #ff008c !important; }
.radio-head { background: linear-gradient(90deg, #ff008c, #00049E) !important; border-bottom-color: #00fcc1 !important; }
.radio-head .radio-titlebar-buttons button,
.radio-download { background: #00fcc1 !important; color: #003748 !important; border-color: #66ffff !important; }
.radio-display,
.radio-controls,
.radio-volume,
.radio-hint { background: #003748 !important; color: #66ccff !important; }
.radio-controls button { background: #003748 !important; color: #00fcc1 !important; border-color: #66ffff !important; }
.radio-controls button:hover,
.radio-download:hover { background: #ff008c !important; color: #fff !important; }

footer {
  background: #003748 !important;
  color: #bfc4db !important;
  border-top-color: #ff008c !important;
}
footer a { color: #00fcc1 !important; }
footer a:hover { color: #ff008c !important; }

/* Re-tint atmospheric V2 decoration rather than changing its geometry. */
.ghost-kanji span { text-shadow: 0 0 18px rgba(255,0,140,.42) !important; }
.g1,.g4,.g5 { color: #00049E !important; }
.g2,.g3,.g6 { color: #CB00FF !important; }


/* Lounge atmosphere: keep the V2 structure, but mimic the original page's
   exposed animated gradient between content panels. */
.cloud-haze { display: none !important; }
.ghost-kanji { display: none !important; }
.signature-banner {
  background: transparent !important;
}
.signature-banner img {
  opacity: 1 !important;
  object-fit: cover !important;
  object-position: center top !important;
}
.content { background: transparent !important; }
.hero, .hero.hero-free { background: transparent !important; }

@media (prefers-reduced-motion: reduce) {
  html, body { animation: none !important; }
}

/* Lounge V2 background: intentionally mirrors the original Lounge page.
   The gradient belongs to BODY itself; the banner is a separate layer above it. */
html { background: transparent !important; }
body {
  background: linear-gradient(270deg, #00049E, #CB00FF) !important;
  background-size: 400% 400% !important;
  background-attachment: initial !important;
  -webkit-animation: AnimationName 15s ease infinite !important;
  -moz-animation: AnimationName 15s ease infinite !important;
  animation: AnimationName 15s ease infinite !important;
}
@-webkit-keyframes AnimationName {
  0% { background-position: 76% 0%; }
  50% { background-position: 25% 100%; }
  100% { background-position: 76% 0%; }
}
@-moz-keyframes AnimationName {
  0% { background-position: 76% 0%; }
  50% { background-position: 25% 100%; }
  100% { background-position: 76% 0%; }
}
@keyframes AnimationName {
  0% { background-position: 76% 0%; }
  50% { background-position: 25% 100%; }
  100% { background-position: 76% 0%; }
}
/* Shared stylesheet's Safari extension should not paint a static inherited
   background over the animated body on this themed page. */
body::after { display:none !important; }

/* Secondary-page navigation: individual candy colours against the Lounge palette. */
.main-menu .menu-main:nth-child(10n+1) { color:#66ffff !important; }
.main-menu .menu-main:nth-child(10n+2) { color:#e3a6ff !important; }
.main-menu .menu-main:nth-child(10n+3) { color:#ff9bd2 !important; }
.main-menu .menu-main:nth-child(10n+4) { color:#00fcc1 !important; }
.main-menu .menu-main:nth-child(10n+5) { color:#66ccff !important; }
.main-menu .menu-main:nth-child(10n+6) { color:#d7b7ff !important; }
.main-menu .menu-main:nth-child(10n+7) { color:#ffb4dc !important; }
.main-menu .menu-main:nth-child(10n+8) { color:#8fffe0 !important; }
.main-menu .menu-main:nth-child(10n+9) { color:#9edcff !important; }
.main-menu .menu-main:nth-child(10n+10) { color:#f0c7ff !important; }
.main-menu .menu-main:hover,
.main-menu .menu-main:focus-visible,
.main-menu .menu-main.active { color:#fff !important; }

/* Subpages do not use the homepage's animated 88x31 button strip. */
.hero-button-six { display:none !important; }

/* The love-you graphic becomes a quiet sign-off immediately above the footer. */
.subpage-love { text-align:center; padding:10px 8px 8px; background:transparent; }
.subpage-love img { display:block; width:min(78%,520px); height:auto; margin:0 auto; filter:drop-shadow(2px 2px 0 rgba(255,0,140,.45)); }


/* V2 Lounge definitive theme layer ----------------------------------------
   Keep these rules at the end of this file. The shared stylesheet contains
   a late html,body solid-colour fallback, so this page needs a selector with
   greater specificity to restore the original Lounge animated BODY gradient. */
body.lounge-theme {
  background: linear-gradient(270deg, #00049E, #CB00FF) !important;
  background-size: 400% 400% !important;
  background-repeat: no-repeat !important;
  background-attachment: initial !important;
  -webkit-animation: AnimationName 15s ease infinite !important;
  -moz-animation: AnimationName 15s ease infinite !important;
  animation: AnimationName 15s ease infinite !important;
}
body.lounge-theme::after { display:none !important; }

/* Page-specific menu skin. menu.js wraps each label in .menu-group, so colour
   the generated groups rather than relying on nth-child directly on anchors. */
body.lounge-theme .main-menu { background:#003748 !important; border-color:#66ffff !important; }
body.lounge-theme .main-menu .menu-group:nth-child(1) .menu-main { color:#66ffff !important; }
body.lounge-theme .main-menu .menu-group:nth-child(2) .menu-main { color:#e3a6ff !important; }
body.lounge-theme .main-menu .menu-group:nth-child(3) .menu-main { color:#ff9bd2 !important; }
body.lounge-theme .main-menu .menu-group:nth-child(4) .menu-main { color:#00fcc1 !important; }
body.lounge-theme .main-menu .menu-group:nth-child(5) .menu-main { color:#66ccff !important; }
body.lounge-theme .main-menu .menu-group:nth-child(6) .menu-main { color:#d7b7ff !important; }
body.lounge-theme .main-menu .menu-group:nth-child(7) .menu-main { color:#ffb4dc !important; }
body.lounge-theme .main-menu .menu-group:nth-child(8) .menu-main { color:#8fffe0 !important; }
body.lounge-theme .main-menu .menu-group:nth-child(9) .menu-main { color:#9edcff !important; }
body.lounge-theme .main-menu .menu-main:hover,
body.lounge-theme .main-menu .menu-main:focus-visible,
body.lounge-theme .main-menu .menu-main.active { color:#fff !important; }

/* Page-specific radio skin. Functionality remains entirely in shared radio.js. */
body.lounge-theme .radio { border-color:#66ffff !important; box-shadow:4px 4px #ff008c !important; }
body.lounge-theme .radio-head { background:linear-gradient(90deg,#ff008c,#00049E) !important; border-bottom-color:#00fcc1 !important; }
body.lounge-theme .radio-display,
body.lounge-theme .radio-controls,
body.lounge-theme .radio-volume,
body.lounge-theme .radio-hint { background:#003748 !important; color:#66ccff !important; }
body.lounge-theme .radio-controls button { background:#003748 !important; color:#00fcc1 !important; border-color:#66ffff !important; }
body.lounge-theme .radio-head .radio-titlebar-buttons button,
body.lounge-theme .radio-download { background:#00fcc1 !important; color:#003748 !important; border-color:#66ffff !important; }
body.lounge-theme .radio-controls button:hover,
body.lounge-theme .radio-download:hover { background:#ff008c !important; color:#fff !important; }


/* Lounge V2 final authoritative skin ======================================
   Deliberately mirrors the original /lounge BODY animation exactly.
   This block is last so the shared V2 fallback cannot replace it. */
html body.lounge-theme {
  background: linear-gradient(270deg, #00049E, #CB00FF) !important;
  background-size: 400% 400% !important;
  background-repeat: initial !important;
  background-attachment: initial !important;
  -webkit-animation: AnimationName 15s ease infinite !important;
  -moz-animation: AnimationName 15s ease infinite !important;
  animation: AnimationName 15s ease infinite !important;
}

@-webkit-keyframes AnimationName {
  0% { background-position: 76% 0%; }
  50% { background-position: 25% 100%; }
  100% { background-position: 76% 0%; }
}
@-moz-keyframes AnimationName {
  0% { background-position: 76% 0%; }
  50% { background-position: 25% 100%; }
  100% { background-position: 76% 0%; }
}
@keyframes AnimationName {
  0% { background-position: 76% 0%; }
  50% { background-position: 25% 100%; }
  100% { background-position: 76% 0%; }
}

/* The original Lounge did not disable its wallpaper animation when the OS
   requested reduced motion. Keep this decorative page background faithful. */
@media (prefers-reduced-motion: reduce) {
  html body.lounge-theme {
    -webkit-animation: AnimationName 15s ease infinite !important;
    -moz-animation: AnimationName 15s ease infinite !important;
    animation: AnimationName 15s ease infinite !important;
  }
}

/* Menu: one calm colour, panel surface matching the Lounge content cards. */
body.lounge-theme #hotline-menu.main-menu {
  background: rgba(0, 55, 72, .80) !important;
  border-color: #006eff !important;
}
body.lounge-theme #hotline-menu .menu-group .menu-main {
  color: #bfc4db !important;
  text-shadow: none !important;
}
body.lounge-theme #hotline-menu .menu-group .menu-main:hover,
body.lounge-theme #hotline-menu .menu-group .menu-main:focus-visible,
body.lounge-theme #hotline-menu .menu-group .menu-main.active {
  background: #ff008c !important;
  color: #fff !important;
  text-shadow: none !important;
}

/* Lounge accent blue: replace the eye-searing cyan in themed controls. */
body.lounge-theme .radio { border-color: #006eff !important; }
body.lounge-theme .radio-head .radio-titlebar-buttons button,
body.lounge-theme .radio-download {
  background: #006eff !important;
  color: #fff !important;
  border-color: #006eff !important;
}
body.lounge-theme .radio-display,
body.lounge-theme .radio-controls,
body.lounge-theme .radio-volume,
body.lounge-theme .radio-hint { color: #bfc4db !important; }
body.lounge-theme .radio-controls button {
  color: #006eff !important;
  border-color: #006eff !important;
}
body.lounge-theme .submenu { border-color: #006eff !important; }
body.lounge-theme .submenu a { color: #006eff !important; }
body.lounge-theme .legacy-block > span:first-child { color: #006eff !important; }
body.lounge-theme .legacy-block a,
body.lounge-theme .legacy-block a font,
body.lounge-theme .image-caption { color: #006eff !important; }
body.lounge-theme .passage-blue,
body.lounge-theme .passage-blue font { color: #006eff !important; }


/* Lounge V2 background fix: animate a dedicated viewport layer rather than
   BODY. hotline.css has accumulated several BODY background rules and browser
   reduced-motion overrides; isolating the wallpaper makes the original
   Lounge movement deterministic while leaving shared layout untouched. */
html { background:#00049E !important; }
html body.lounge-theme { background:transparent !important; animation:none !important; }
.lounge-gradient-bg {
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:linear-gradient(270deg,#00049E,#CB00FF);
  background-size:400% 400%;
  -webkit-animation:loungeWallpaper 15s ease infinite !important;
  -moz-animation:loungeWallpaper 15s ease infinite !important;
  animation:loungeWallpaper 15s ease infinite !important;
}
@-webkit-keyframes loungeWallpaper {
  0%{background-position:76% 0%}
  50%{background-position:25% 100%}
  100%{background-position:76% 0%}
}
@-moz-keyframes loungeWallpaper {
  0%{background-position:76% 0%}
  50%{background-position:25% 100%}
  100%{background-position:76% 0%}
}
@keyframes loungeWallpaper {
  0%{background-position:76% 0%}
  50%{background-position:25% 100%}
  100%{background-position:76% 0%}
}
@media (prefers-reduced-motion:reduce) {
  .lounge-gradient-bg {
    -webkit-animation:loungeWallpaper 15s ease infinite !important;
    -moz-animation:loungeWallpaper 15s ease infinite !important;
    animation:loungeWallpaper 15s ease infinite !important;
  }
}

/* Lounge menu: panel matches the content cards, but labels themselves have no
   legacy button fill/border. */
body.lounge-theme #hotline-menu.main-menu {
  background:rgba(0,55,72,.80) !important;
  border-color:#1aaeed !important;
}
body.lounge-theme #hotline-menu .menu-group,
body.lounge-theme #hotline-menu .menu-group .menu-main {
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  outline:0;
}
body.lounge-theme #hotline-menu .menu-group .menu-main {
  color:#bfc4db !important;
}
body.lounge-theme #hotline-menu .menu-group .menu-main:hover,
body.lounge-theme #hotline-menu .menu-group .menu-main:focus-visible,
body.lounge-theme #hotline-menu .menu-group .menu-main.active {
  background:transparent !important;
  color:#fff !important;
  box-shadow:none !important;
}

/* Lounge blue accent, softened from the previous cyan. */
body.lounge-theme .submenu { border-color:#1aaeed !important; }
body.lounge-theme .submenu a { color:#1aaeed !important; }
body.lounge-theme .radio { border-color:#1aaeed !important; }
body.lounge-theme .radio-head .radio-titlebar-buttons button,
body.lounge-theme .radio-download {
  background:#1aaeed !important;
  border-color:#1aaeed !important;
  color:#fff !important;
}
body.lounge-theme .radio-controls button {
  color:#1aaeed !important;
  border-color:#1aaeed !important;
}
body.lounge-theme .legacy-block > span:first-child,
body.lounge-theme .legacy-block a,
body.lounge-theme .legacy-block a font,
body.lounge-theme .image-caption,
body.lounge-theme .passage-blue,
body.lounge-theme .passage-blue font { color:#1aaeed !important; }

/* V2 Lounge polish: richer navigation, radio candy colours, tiny Web 1.0 motion. */
:root {
  --lounge-blue: #1adbed;
  --lounge-hot-pink: #ff008c;
  --lounge-purple: #CB00FF;
  --lounge-deep-blue: #00049E;
  --lounge-mint: #00fcc1;
  --lounge-lilac: #e3a6ff;
}

/* Main navigation: uniform electric-blue lettering with a restrained CRT glow. */
body.lounge-theme #hotline-menu .menu-group .menu-main {
  color: var(--lounge-blue) !important;
  text-shadow: 0 0 4px rgba(26,219,237,.62), 1px 1px 0 rgba(0,4,158,.85) !important;
}
body.lounge-theme #hotline-menu .menu-group .menu-main:hover,
body.lounge-theme #hotline-menu .menu-group .menu-main:focus-visible,
body.lounge-theme #hotline-menu .menu-group .menu-main.active {
  color: #fff !important;
  text-shadow: 0 0 5px var(--lounge-hot-pink), 0 0 10px rgba(255,0,140,.55) !important;
}
body.lounge-theme #hotline-menu.main-menu.stuck {
  background: linear-gradient(90deg, rgba(0,4,158,.95), rgba(44,5,105,.96) 48%, rgba(94,0,119,.95)) !important;
  border-top: 1px solid rgba(26,219,237,.65) !important;
  border-bottom: 1px solid rgba(255,0,140,.8) !important;
  box-shadow: 0 2px 0 rgba(255,0,140,.75), 0 6px 16px rgba(0,0,45,.42) !important;
}
body.lounge-theme .submenu a { color: var(--lounge-blue) !important; }

/* Radio: keep the same component, but make the controls look like a little
   mismatched hi-fi stack instead of one solid block of cyan. */
body.lounge-theme .radio {
  border-color: var(--lounge-blue) !important;
  box-shadow: 4px 4px 0 rgba(255,0,140,.82), 0 0 12px rgba(26,219,237,.14) !important;
}
body.lounge-theme .radio-head {
  background: linear-gradient(90deg, var(--lounge-hot-pink), #7a00d8 52%, var(--lounge-deep-blue)) !important;
  border-bottom-color: var(--lounge-blue) !important;
}
body.lounge-theme .radio-display {
  background: rgba(0,4,75,.88) !important;
  color: var(--lounge-lilac) !important;
}
body.lounge-theme .radio-controls,
body.lounge-theme .radio-volume,
body.lounge-theme .radio-hint { background: #071d48 !important; }
body.lounge-theme #radio-prev { background:#102c72 !important; color:var(--lounge-blue) !important; border-color:#557cff !important; }
body.lounge-theme #radio-play { background:var(--lounge-mint) !important; color:#003748 !important; border-color:#8dffe4 !important; }
body.lounge-theme #radio-next { background:#58218b !important; color:#f0c8ff !important; border-color:#b578e8 !important; }
body.lounge-theme #radio-mute { background:var(--lounge-hot-pink) !important; color:#fff !important; border-color:#ff8acb !important; }
body.lounge-theme .radio-download { background:var(--lounge-blue) !important; color:#00234f !important; border-color:#8bf5ff !important; }
body.lounge-theme .radio-titlebar-buttons button { background:#a66cff !important; color:#fff !important; border-color:#e4c9ff !important; }
body.lounge-theme .radio-controls button:hover,
body.lounge-theme .radio-download:hover,
body.lounge-theme .radio-titlebar-buttons button:hover {
  filter:brightness(1.18) saturate(1.2);
  box-shadow:0 0 7px rgba(255,0,140,.58);
}
body.lounge-theme .radio-volume input { accent-color:var(--lounge-hot-pink) !important; }
body.lounge-theme .radio-hint { color:var(--lounge-blue) !important; }

/* Small, intentionally cheap-looking bits of Web 1.0 life. */
body.lounge-theme .hero-logo-link:hover .secondary-page-title {
  animation:loungeTitleShake .34s steps(2,end) 2 !important;
  filter:drop-shadow(3px 3px 0 var(--lounge-hot-pink)) drop-shadow(0 0 6px rgba(26,219,237,.45)) !important;
}
@keyframes loungeTitleShake {
  0%{transform:translate(0,0) rotate(0deg)}
  20%{transform:translate(-2px,1px) rotate(-.45deg)}
  40%{transform:translate(2px,-1px) rotate(.45deg)}
  60%{transform:translate(-1px,-1px) rotate(-.25deg)}
  80%{transform:translate(2px,1px) rotate(.25deg)}
  100%{transform:translate(0,0) rotate(0deg)}
}
body.lounge-theme .legacy-block > span:first-child {
  text-shadow:0 0 4px rgba(26,219,237,.28);
  transition:text-shadow .16s ease, letter-spacing .16s ease, color .16s ease;
}
body.lounge-theme .legacy-block:hover > span:first-child {
  color:#ff77c5 !important;
  text-shadow:0 0 5px rgba(255,0,140,.6);
  letter-spacing:.35px;
}
body.lounge-theme .image-caption { transition:letter-spacing .18s ease, text-shadow .18s ease; }
body.lounge-theme a:hover + .image-caption,
body.lounge-theme .image-caption:hover {
  letter-spacing:.45px;
  text-shadow:0 0 5px rgba(26,219,237,.55);
}
body.lounge-theme .lounge-signoff img:hover,
body.lounge-theme .subpage-love img:hover {
  animation:loungeTinyWobble .48s steps(3,end) 1;
}
@keyframes loungeTinyWobble {
  0%,100%{transform:rotate(0) translateY(0)}
  25%{transform:rotate(-.5deg) translateY(-1px)}
  50%{transform:rotate(.5deg) translateY(1px)}
  75%{transform:rotate(-.25deg) translateY(0)}
}

/* Lounge atmosphere polish: translucent navy menu + floating fuchsia kanji. */
body.lounge-theme #hotline-menu.main-menu {
  background: rgba(7,29,99,.62) !important;
  border-top: 1px solid rgba(26,219,237,.32) !important;
  border-bottom: 1px solid rgba(255,0,98,.42) !important;
}
body.lounge-theme #hotline-menu.main-menu.stuck {
  background: rgba(7,29,99,.82) !important;
  border-top: 1px solid rgba(26,219,237,.30) !important;
  border-bottom: 1px solid rgba(255,0,98,.68) !important;
  box-shadow: 0 2px 5px rgba(255,0,98,.72), 0 0 8px rgba(255,0,98,.30) !important;
}

/* Layer order: moving gradient -> banner -> ghost characters -> page content. */
body.lounge-theme .lounge-gradient-bg { z-index:0 !important; }
body.lounge-theme .signature-banner { z-index:1 !important; }
body.lounge-theme .ghost-kanji {
  display:block !important;
  z-index:2 !important;
  color:#ff008c !important;
}
body.lounge-theme .ghost-kanji span {
  color:#ff008c !important;
  opacity:.075 !important;
  filter:blur(.7px) !important;
  text-shadow:0 0 14px rgba(255,0,140,.38) !important;
  animation-name:orbit !important;
  animation-timing-function:ease-in-out !important;
  animation-iteration-count:infinite !important;
  animation-direction:alternate !important;
}
body.lounge-theme .page-shell { position:relative !important; z-index:3 !important; }

/* Keep the Lounge ghosts slowly moving even where shared reduced-motion CSS
   would otherwise disable the homepage decoration. */
@media (prefers-reduced-motion:reduce) {
  body.lounge-theme .ghost-kanji span { animation-name:orbit !important; }
}

/* Lounge component skin: submenus inherit the page's main-menu palette. */
body.lounge-theme #hotline-menu .submenu {
  background: rgba(7,29,99,.90) !important;
  border: 1px solid rgba(26,219,237,.42) !important;
  box-shadow: 2px 2px 5px rgba(255,0,98,.48) !important;
}
body.lounge-theme #hotline-menu .submenu a {
  background: transparent !important;
  border: 0 !important;
  border-left: 3px solid rgba(255,0,98,.72) !important;
  color: #1adbed !important;
  text-shadow: 0 0 4px rgba(26,219,237,.42) !important;
}
body.lounge-theme #hotline-menu .submenu a:hover,
body.lounge-theme #hotline-menu .submenu a.active {
  background: rgba(255,0,98,.16) !important;
  color: #fff !important;
  text-shadow: 0 0 5px rgba(255,255,255,.42) !important;
}

/* Dark-mode Download MP3 control, while keeping a Lounge-coloured accent. */
body.lounge-theme .radio-download {
  background: #07152f !important;
  color: #1adbed !important;
  border-color: #263d78 !important;
  box-shadow: inset 0 0 0 1px rgba(255,0,98,.16) !important;
}
body.lounge-theme .radio-download:hover {
  background: #0b1d43 !important;
  color: #fff !important;
  border-color: #ff0062 !important;
  box-shadow: 0 0 6px rgba(255,0,98,.48) !important;
}