:root{color-scheme:light;--theme-bg:#f8fbfd;--theme-surface:#fff;--theme-surface-2:#f0f7fb;--theme-text:#17233a;--theme-muted:#6b7b91;--theme-border:#dce9f1;--theme-accent:#149fd8;--theme-shadow:0 18px 45px rgba(24,65,89,.10)}
html[data-theme="dark"]{color-scheme:dark;--theme-bg:#0d1625;--theme-surface:#142238;--theme-surface-2:#192b45;--theme-text:#eef7ff;--theme-muted:#a9bad0;--theme-border:#2a405c;--theme-accent:#38bdf8;--theme-shadow:0 18px 45px rgba(0,0,0,.28)}
html[data-theme="dark"] body{background:var(--theme-bg)!important;color:var(--theme-text)!important}
html[data-theme="dark"] .site-bg{opacity:.24}
html[data-theme="dark"] .navbar,html[data-theme="dark"] header{background:rgba(13,22,37,.90)!important;border-color:var(--theme-border)!important;color:var(--theme-text)!important}
html[data-theme="dark"] .logo strong,html[data-theme="dark"] .logo-title,html[data-theme="dark"] h1,html[data-theme="dark"] h2,html[data-theme="dark"] h3,html[data-theme="dark"] h4{color:var(--theme-text)!important}
html[data-theme="dark"] p,html[data-theme="dark"] small,html[data-theme="dark"] .muted,html[data-theme="dark"] .logo-subtitle{color:var(--theme-muted)!important}
html[data-theme="dark"] .nav-links a,html[data-theme="dark"] .back{color:#d9e7f5!important}
html[data-theme="dark"] .card,html[data-theme="dark"] .mini-card,html[data-theme="dark"] .command-card,html[data-theme="dark"] .faq-item,html[data-theme="dark"] .contact-card,html[data-theme="dark"] .player-card,html[data-theme="dark"] .legal-card,html[data-theme="dark"] .premium-hero-visual,html[data-theme="dark"] .auth-card,html[data-theme="dark"] .account-card{background:var(--theme-surface)!important;border-color:var(--theme-border)!important;box-shadow:var(--theme-shadow)!important}
html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{background:#0f1c2e!important;color:var(--theme-text)!important;border-color:var(--theme-border)!important}
html[data-theme="dark"] .btn-ghost,html[data-theme="dark"] .theme-toggle,html[data-theme="dark"] .account-link{background:var(--theme-surface)!important;color:var(--theme-text)!important;border-color:var(--theme-border)!important}
html[data-theme="dark"] footer,html[data-theme="dark"] .footer{background:#08111f!important}
html[data-theme="dark"] .premium-slider-section,html[data-theme="dark"] .premium-hero,html[data-theme="dark"] .legal-hero{background:var(--theme-bg)!important}
.theme-toggle,.account-link{height:42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #cfe3ef;border-radius:14px;background:#fff;color:#17324b;font:800 14px/1 Nunito,sans-serif;cursor:pointer;text-decoration:none;transition:.2s;padding:0 14px;white-space:nowrap}
.theme-toggle{width:42px;padding:0;font-size:18px}
.theme-toggle:hover,.account-link:hover{transform:translateY(-2px);border-color:#8fd5f2}
.nav-tools{display:flex;align-items:center;gap:10px;margin-left:auto}
@media(max-width:980px){.nav-tools{margin-left:0}.account-link{display:none}.theme-toggle{display:inline-flex}}

/* ===== Полная тёмная тема TuneTune ===== */
html[data-theme="dark"]{
  --primary:#38bdf8;
  --primary-dark:#7dd3fc;
  --primary-soft:#16324a;
  --navy:#f3f8ff;
  --text:#e8f1fb;
  --muted:#a9bad0;
  --bg:#0d1625;
  --card:#142238;
  --line:#2a405c;
  --green:#4ade80;
  --accent:#38bdf8;
  --accent-dark:#7dd3fc;
  --surface:#142238;
  --soft:#192b45;
}
html[data-theme="dark"],
html[data-theme="dark"] body{
  background:#0d1625!important;
  background-image:none!important;
  color:#e8f1fb!important;
}
html[data-theme="dark"] .site-bg{
  opacity:1!important;
  background:
    radial-gradient(circle at 10% 8%,rgba(56,189,248,.10),transparent 28%),
    radial-gradient(circle at 90% 20%,rgba(45,212,191,.07),transparent 25%),
    linear-gradient(180deg,#0d1625 0%,#101c2e 70%,#0b1422 100%)!important;
}
html[data-theme="dark"] .bg-grid{opacity:.08!important}
html[data-theme="dark"] .bg-orb{opacity:.16!important}

/* Шапка и навигация */
html[data-theme="dark"] .navbar,
html[data-theme="dark"] header{
  background:rgba(13,22,37,.94)!important;
  border-color:#2a405c!important;
  box-shadow:0 8px 28px rgba(0,0,0,.22)!important;
}
html[data-theme="dark"] .logo strong,
html[data-theme="dark"] .logo-title,
html[data-theme="dark"] .logo-text,
html[data-theme="dark"] .account-nav .brand{color:#f3f8ff!important}
html[data-theme="dark"] .logo small,
html[data-theme="dark"] .logo-subtitle{color:#a9bad0!important}
html[data-theme="dark"] .nav-links a,
html[data-theme="dark"] .back{color:#d9e7f5!important}
html[data-theme="dark"] .nav-links a:hover,
html[data-theme="dark"] .back:hover{color:#7dd3fc!important}
html[data-theme="dark"] .burger span{background:#d9e7f5!important}

/* Базовая типографика */
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6,
html[data-theme="dark"] strong,
html[data-theme="dark"] label,
html[data-theme="dark"] .section-title,
html[data-theme="dark"] .faq-question,
html[data-theme="dark"] .turnstile-title{color:#f3f8ff!important}
html[data-theme="dark"] p,
html[data-theme="dark"] small,
html[data-theme="dark"] .muted,
html[data-theme="dark"] .lead,
html[data-theme="dark"] .period,
html[data-theme="dark"] .plan-desc,
html[data-theme="dark"] .price-note,
html[data-theme="dark"] .attachment-hint,
html[data-theme="dark"] .attachment-counter,
html[data-theme="dark"] .turnstile-note,
html[data-theme="dark"] .consent-row,
html[data-theme="dark"] .footer-brand p,
html[data-theme="dark"] .footer-bottom{color:#a9bad0!important}
html[data-theme="dark"] a{color:#7dd3fc}

/* Карточки, панели и поверхности */
html[data-theme="dark"] .card,
html[data-theme="dark"] .mini-card,
html[data-theme="dark"] .feature-card,
html[data-theme="dark"] .command-card,
html[data-theme="dark"] .help-preview,
html[data-theme="dark"] .pricing-card,
html[data-theme="dark"] .faq-item,
html[data-theme="dark"] .contact-card,
html[data-theme="dark"] .legal-card,
html[data-theme="dark"] .legal-sidebar,
html[data-theme="dark"] .legal-hero-card,
html[data-theme="dark"] .premium-hero-visual,
html[data-theme="dark"] .auth-card,
html[data-theme="dark"] .account-card,
html[data-theme="dark"] .quick-message-form,
html[data-theme="dark"] .terminal-card,
html[data-theme="dark"] .player{
  background:#142238!important;
  border-color:#2a405c!important;
  color:#e8f1fb!important;
  box-shadow:0 18px 45px rgba(0,0,0,.26)!important;
}
html[data-theme="dark"] .card.hot,
html[data-theme="dark"] .card.best,
html[data-theme="dark"] .pricing-card.featured{
  background:#172a42!important;
  border-color:#3b82a6!important;
}
html[data-theme="dark"] .commands-notice,
html[data-theme="dark"] .help-columns div,
html[data-theme="dark"] .attachment-field,
html[data-theme="dark"] .attachment-list li,
html[data-theme="dark"] .turnstile-wrap,
html[data-theme="dark"] .badge,
html[data-theme="dark"] .popular,
html[data-theme="dark"] .saving-neutral{
  background:#192b45!important;
  border-color:#2a405c!important;
  color:#d9e7f5!important;
}
html[data-theme="dark"] .saving{background:#123c2c!important;color:#86efac!important}
html[data-theme="dark"] .command-card code,
html[data-theme="dark"] .faq-question b,
html[data-theme="dark"] code{
  background:#18344d!important;
  color:#7dd3fc!important;
}
html[data-theme="dark"] .pill{
  background:#18344d!important;
  border-color:#31526f!important;
  color:#7dd3fc!important;
}

/* Кнопки */
html[data-theme="dark"] .btn-ghost,
html[data-theme="dark"] .theme-toggle,
html[data-theme="dark"] .account-link,
html[data-theme="dark"] .back,
html[data-theme="dark"] .secondary{
  background:#142238!important;
  color:#e8f1fb!important;
  border-color:#35506d!important;
}
html[data-theme="dark"] .btn-ghost:hover,
html[data-theme="dark"] .theme-toggle:hover,
html[data-theme="dark"] .account-link:hover,
html[data-theme="dark"] .back:hover,
html[data-theme="dark"] .secondary:hover{background:#1b304b!important}
html[data-theme="dark"] .btn-primary,
html[data-theme="dark"] .buy-btn,
html[data-theme="dark"] .primary,
html[data-theme="dark"] .offer-btn,
html[data-theme="dark"] .attachment-button{color:#06111d!important}

/* Поля форм */
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea{
  background:#0f1c2e!important;
  color:#eef7ff!important;
  border-color:#35506d!important;
  caret-color:#7dd3fc!important;
}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder{color:#7f94ad!important;opacity:1}
html[data-theme="dark"] select option{background:#0f1c2e;color:#eef7ff}
html[data-theme="dark"] input:focus,
html[data-theme="dark"] select:focus,
html[data-theme="dark"] textarea:focus{
  background:#12233a!important;
  border-color:#38bdf8!important;
  box-shadow:0 0 0 4px rgba(56,189,248,.14)!important;
}

/* Демонстрационный плеер */
html[data-theme="dark"] .terminal-card .card-head{background:#142238!important;border-color:#2a405c!important}
html[data-theme="dark"] .terminal{
  background:#0f1c2e!important;
  color:#e8f1fb!important;
}
html[data-theme="dark"] .terminal p{color:#e8f1fb!important}
html[data-theme="dark"] .terminal .muted,
html[data-theme="dark"] .player-body small,
html[data-theme="dark"] .time{color:#9fb1c8!important}
html[data-theme="dark"] .terminal .success{color:#4ade80!important}
html[data-theme="dark"] .terminal .active{color:#67d7ff!important}
html[data-theme="dark"] .player-body strong{color:#f3f8ff!important}
html[data-theme="dark"] .progress{background:#2b4059!important}
html[data-theme="dark"] .controls button{background:#253b57!important;color:#eef7ff!important;border-color:#35506d!important}
html[data-theme="dark"] .controls button:hover{background:#304b69!important}

/* Premium */
html[data-theme="dark"] .premium-hero,
html[data-theme="dark"] .premium-slider-section,
html[data-theme="dark"] .legal-hero{background:transparent!important}
html[data-theme="dark"] .premium-hero-visual::before{background:#17334b!important}
html[data-theme="dark"] .card ul{color:#c1d0e1!important}
html[data-theme="dark"] .old-price{color:#8da0b7!important}
html[data-theme="dark"] .saving-neutral{color:#a9bad0!important}

/* Юридическая страница */
html[data-theme="dark"] .legal-sidebar a{color:#cbd9e8!important}
html[data-theme="dark"] .legal-sidebar a:hover{background:#1b304b!important;color:#7dd3fc!important}
html[data-theme="dark"] .requisites-grid>div{background:#192b45!important;border-color:#2a405c!important}
html[data-theme="dark"] .important-card{border-left-color:#38bdf8!important}

/* Личный кабинет */
html[data-theme="dark"] .profile-line{border-color:#2a405c!important}
html[data-theme="dark"] .badge.active{background:#123c2c!important;color:#86efac!important}
html[data-theme="dark"] .badge.inactive{background:#223247!important;color:#b6c5d6!important}
html[data-theme="dark"] .alert.error{background:#481f2a!important;color:#fecdd3!important}
html[data-theme="dark"] .alert.ok{background:#123c2c!important;color:#bbf7d0!important}
html[data-theme="dark"] .auth-divider:before,
html[data-theme="dark"] .auth-divider:after{background:#2a405c!important}

/* Подвал */
html[data-theme="dark"] footer,
html[data-theme="dark"] .footer,
html[data-theme="dark"] .footer-glass{background:#08111f!important;color:#eef7ff!important}
html[data-theme="dark"] .footer-links a,
html[data-theme="dark"] .footer-bottom a{color:#c3d3e4!important}
html[data-theme="dark"] .footer-links a:hover,
html[data-theme="dark"] .footer-bottom a:hover{color:#7dd3fc!important}

/* Системные детали */
html[data-theme="dark"] hr{border-color:#2a405c!important}
html[data-theme="dark"] ::selection{background:#1679a6;color:#101820}

/* Исправление подвала в тёмной теме: фон страницы остаётся единым,
   тёмной является только внутренняя карточка подвала. */
html[data-theme="dark"] footer,
html[data-theme="dark"] .footer{
  background:transparent!important;
}
html[data-theme="dark"] .footer-glass{
  background:#16243a!important;
  color:#eef7ff!important;
}
html[data-theme="dark"] .footer{
  padding-bottom:28px!important;
}


/* Компактные инструменты шапки */
.sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
.account-link.account-icon{
  width:42px;
  min-width:42px;
  padding:0;
  border-radius:14px;
}
.account-link.account-icon svg{
  width:21px;
  height:21px;
  fill:currentColor;
  display:block;
}
.nav-tools{flex-shrink:0}
@media(max-width:980px){
  .account-link.account-icon{display:inline-flex}
}

/* Финальное исправление футера в тёмной теме */
html[data-theme="dark"] .footer,
html[data-theme="dark"] footer{
  background:#08111f!important;
  padding:0!important;
}
html[data-theme="dark"] .footer-glass{
  background:transparent!important;
  border-radius:0!important;
  box-shadow:none!important;
}

/* Premium: контейнер маскота не должен превращаться в прямоугольную карточку
   в тёмной теме. Фон остаётся только у круглой подложки ::before. */
html[data-theme="dark"] .premium-hero-visual{
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
}


/* Footer add to Lolka button */
html[data-theme="dark"] footer .btn-primary{
  color:#06111d!important;
}