/* Classic — soft neumorphism как в v3 (#eaeaea + purple→cyan) */

body:has(.neo-player[data-skin="classic"]) {
  --neo-bg: #eaeaea;
  --neo-card: #eaeaea;
  --neo-text: #001f3f;
  --neo-muted: #6f7275;
  --neo-accent: #5232c1;
  --neo-script: #12ccd0;
  --neo-shadow-dark: #bebebe;
  --neo-shadow-light: #ffffff;
  --bg: #eaeaea;
  --bg2: #f0f0f0;
  --fg: #001f3f;
  --muted: #6f7275;
  --line: rgba(0, 31, 63, 0.1);
  --accent: #5232c1;
  background: #eaeaea;
  color: var(--fg);
}

.neo-player[data-skin="classic"] {
  --neo-bg: #eaeaea;
  --neo-card: #eaeaea;
  --neo-text: #001f3f;
  --neo-muted: #6f7275;
  --neo-accent: #5232c1;
  --neo-script: #12ccd0;
  --neo-shadow-dark: #bebebe;
  --neo-shadow-light: #ffffff;
  color: var(--neo-text);
}

.neo-player[data-skin="classic"] .neo-player__card,
body.is-player .neo-player[data-skin="classic"] .neo-player__card,
body.is-player:has(.neo-player[data-skin="classic"]) .neo-player__card {
  background: #eaeaea !important;
  border: none;
  border-radius: 36px !important;
  box-shadow:
    28px 28px 56px #bebebe,
    -28px -28px 56px #ffffff !important;
}

.neo-player[data-skin="classic"] .brand-logo__word--accent {
  min-width: 65px;
  background: linear-gradient(to right, #5232c1, #15f1f1);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.neo-player[data-skin="classic"] .brand-logo__tilde {
  color: #6a7ae0;
}

.neo-player[data-skin="classic"] .neo-player__station {
  color: #04111d;
}

.neo-player[data-skin="classic"] .neo-player__now {
  color: #6f7275;
}

.neo-player[data-skin="classic"] .neo-btn {
  color: #6f7275;
  background: linear-gradient(145deg, #cacaca, #f0f0f0);
  border-radius: 50px;
  box-shadow:
    5px 5px 10px #aaaaaa,
    -5px -5px 10px #ffffff;
}

.neo-player[data-skin="classic"] .neo-btn:active,
.neo-player[data-skin="classic"] .neo-btn--rec.is-recording {
  background: linear-gradient(145deg, #f0f0f0, #cacaca);
  box-shadow:
    inset 4px 4px 8px #aaaaaa,
    inset -3px -3px 8px #ffffff;
}

.neo-player[data-skin="classic"] .neo-btn--main {
  color: #5232c1;
  background: linear-gradient(145deg, #cacaca, #f0f0f0);
  box-shadow:
    6px 6px 13px #aaaaaa,
    -6px -6px 13px #ffffff;
}

.neo-player[data-skin="classic"] .neo-btn--main.is-playing {
  background: linear-gradient(145deg, #f0f0f0, #cacaca);
  color: #12ccd0;
}

.neo-player[data-skin="classic"] .neo-player__art {
  border-radius: 50px;
  background: linear-gradient(145deg, #cacaca, #f0f0f0);
  box-shadow:
    5px 5px 10px #aaaaaa,
    -5px -5px 10px #ffffff;
}

.neo-player[data-skin="classic"] .neo-player__art-fallback {
  background:
    radial-gradient(circle at 30% 25%, rgba(82, 50, 193, 0.25), transparent 50%),
    radial-gradient(circle at 75% 70%, rgba(21, 241, 241, 0.2), transparent 45%),
    linear-gradient(145deg, #cacaca, #f0f0f0);
  color: #6f7275;
}

.neo-player[data-skin="classic"] .player-more__menu {
  background: #eaeaea;
  border: none;
  border-radius: 16px;
  box-shadow:
    8px 8px 20px #bebebe,
    -6px -6px 16px #ffffff;
}

.neo-player[data-skin="classic"] .player-more__item:hover {
  background: linear-gradient(145deg, #cacaca, #f0f0f0);
}

body:has(.neo-player[data-skin="classic"]) .browse-bar .neo-btn {
  color: #6f7275;
  background: linear-gradient(145deg, #cacaca, #f0f0f0);
  box-shadow:
    5px 5px 10px #aaaaaa,
    -5px -5px 10px #ffffff;
}

body.is-player:has(.neo-player[data-skin="classic"]),
body.is-browsing:has(.neo-player[data-skin="classic"]) .neo-player {
  background: #eaeaea;
}

@media (max-width: 640px) {
  body.is-player:has(.neo-player[data-skin="classic"]) .neo-player__card {
    padding: 1.2rem 1rem 1.25rem !important;
    border-radius: 36px !important;
    background: #eaeaea !important;
    box-shadow:
      20px 20px 40px #bebebe,
      -20px -20px 40px #ffffff !important;
  }

  body.is-player:has(.neo-player[data-skin="classic"]) .neo-player__art {
    border-radius: 36px;
  }
}

/* мини-док внизу — тоже лёгкая нео-карточка */
body.is-browsing .neo-player[data-skin="classic"] .neo-player__card,
body.is-browsing:has(.neo-player[data-skin="classic"]) .neo-player__card {
  background: #eaeaea !important;
  border: none !important;
  border-radius: 24px !important;
  box-shadow:
    8px 8px 18px #bebebe,
    -6px -6px 14px #ffffff !important;
}