/* Dark theme override generated to match the provided reference screenshot */
html.dark {
  color-scheme: dark;
  --bg-primary: 2 8 16;
  --bg-secondary: 7 15 26;
  --bg-tertiary: 16 27 40;
  --bg-elevated: 9 17 28;
  --bg-surface: 10 18 30;
  --bg-inverted: 255 255 255;
  --bg-scrim: 0 0 0/0.84;
  --bg-accent: 33 126 255;
  --bg-accent-subtle: 33 126 255/0.14;
  --bg-informative: 33 126 255;
  --bg-informative-subtle: 33 126 255/0.14;
  --bg-positive: 39 168 100;
  --bg-positive-subtle: 39 168 100/0.14;
  --bg-warning: 246 179 35;
  --bg-warning-subtle: 246 179 35/0.14;
  --bg-negative: 240 90 56;
  --bg-negative-subtle: 240 90 56/0.14;
  --border-container: 255 255 255/0.08;
  --border-divider: 255 255 255/0.06;
  --border-inverted: 2 8 16;
  --border-focus: 33 126 255/0.56;
  --content-primary: 240 245 251;
  --content-secondary: 152 168 188;
  --content-tertiary: 109 126 146;
  --content-inverted: 2 8 16;
  --content-on-accent: 255 255 255;
  --content-informative: 84 165 255;
  --btn-primary: 33 126 255;
  --btn-primary-hover: 20 113 240;
  --btn-content-accent: 84 165 255;
  --btn-content-accent-hover: 110 181 255;
  --control-neutral: 255 255 255/0.07;
  --control-neutral-hover: 255 255 255/0.11;
  --tab-base-accent: 255 255 255/0.07;
  --tab-base-accent-hover: 255 255 255/0.11;
  --tab-base-accent-selected: 33 126 255;
  --tab-ghost-accent-hover: 255 255 255/0.07;
  --tab-ghost-accent-selected: 33 126 255;
}

html.dark, html.dark body {
  background:
    radial-gradient(circle at top center, rgba(20,62,120,.28), transparent 34%),
    linear-gradient(180deg, #02070d 0%, #030812 100%);
}

html.dark body {
  color: rgb(var(--content-primary));
}

html.dark .group\/sidebar-wrapper,
html.dark main,
html.dark footer,
html.dark [data-sidebar="sidebar"],
html.dark .tp-editorial,
html.dark .tp-nav,
html.dark article,
html.dark section {
  color: rgb(var(--content-primary));
}

html.dark [data-sidebar="sidebar"] {
  background: linear-gradient(180deg, rgba(7,13,23,0.98), rgba(5,10,18,0.98));
  border-color: rgba(255,255,255,.08);
  box-shadow: inset -1px 0 0 rgba(255,255,255,.03), 0 24px 48px rgba(0,0,0,.24);
}

html.dark #sidebarPanel::after {
  content: "";
  position: absolute;
  right: -1px;
  top: 0;
  width: 1px;
  height: 100%;
  background: rgba(255,255,255,.05);
}

html.dark main {
  background: transparent;
}

html.dark .tp-editorial {
  background: linear-gradient(180deg, rgba(10,18,30,.9), rgba(7,12,22,.94));
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 22px;
  padding: 28px;
  box-shadow: 0 18px 40px rgba(0,0,0,.20);
  margin-top: 18px;
}

html.dark .tp-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  padding: 14px 0 0;
}

html.dark .tp-nav a {
  background: rgba(255,255,255,.05);
  color: rgb(var(--content-primary));
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 999px;
  padding: 10px 16px;
  text-decoration: none;
  transition: .2s ease;
}

html.dark .tp-nav a:hover,
html.dark .tp-nav a[aria-current="page"] {
  background: linear-gradient(180deg, #1683ff, #0f6ce1);
  color: #fff;
  border-color: transparent;
  box-shadow: 0 12px 24px rgba(16,113,232,.25);
}

html.dark h1,
html.dark h2,
html.dark h3,
html.dark h4,
html.dark strong {
  color: rgb(var(--content-primary));
}

html.dark p,
html.dark li,
html.dark span,
html.dark div,
html.dark small {
  color: inherit;
}

html.dark .wp-block-button__link,
html.dark button,
html.dark [role="button"],
html.dark a[class*="button"],
html.dark a[class*="Button"] {
  border-radius: 12px;
}

html.dark img {
  image-rendering: auto;
}

html.dark a[href*="/play/"] img,
html.dark a img {
  border-radius: 16px;
}

html.dark [class*="rounded"],
html.dark [class*="card"],
html.dark [class*="Card"],
html.dark [class*="banner"],
html.dark [class*="Banner"] {
  box-shadow: 0 12px 24px rgba(0,0,0,.18);
}

html.dark [class*="grid"] > a,
html.dark [class*="grid"] > div,
html.dark [class*="carousel"] > a,
html.dark [class*="carousel"] > div {
  border-radius: 18px;
}

html.dark input,
html.dark textarea,
html.dark select {
  background: rgba(255,255,255,.04);
  border-color: rgba(255,255,255,.08);
  color: rgb(var(--content-primary));
}

html.dark footer {
  background: transparent;
  border-top: 1px solid rgba(255,255,255,.06);
  margin-top: 32px;
}

html.dark footer a {
  color: rgb(var(--content-secondary));
}

html.dark footer a:hover {
  color: rgb(var(--content-primary));
}

@media (max-width: 1024px) {
  html.dark .tp-editorial {
    border-radius: 18px;
    padding: 22px;
  }
}



/* unique longform styles */
html.dark img[alt="Главный баннер Tonplay"]{z-index:0!important;object-fit:cover!important}
html.dark .tp-editorial .tp-eyebrow{color:#79b9ff!important;background:rgba(22,110,230,.12)!important;border-color:rgba(50,149,255,.28)!important}
html.dark .tp-editorial .tp-note{border-left-color:#258dff}
.tp-editorial--long .tp-longform{max-width:1100px;margin:0 auto;font-size:15px;line-height:1.75}
.tp-editorial--long .tp-longform h2{font-size:clamp(18px,2vw,23px);margin:0 0 14px}
.tp-editorial--long .tp-toc-title{margin:10px 0 8px!important}
.tp-editorial--long .tp-toc{padding:20px 22px 20px 42px;margin:14px 0 28px;background:rgba(22,37,56,.8);border:1px solid rgba(255,255,255,.09);border-radius:16px;columns:2;column-gap:28px}
.tp-editorial--long .tp-toc li{break-inside:avoid;margin:3px 0 7px;color:#d9e7fb}
.tp-editorial--long .tp-toc a{color:#5facff;text-decoration:none}
.tp-editorial--long .tp-toc a:hover{color:#b2dbff;text-decoration:underline}
.tp-editorial--long .tp-long-intro{color:#d4dfed;font-weight:600;margin-bottom:26px}
.tp-editorial--long .tp-article-section{padding:24px 0;border-top:1px solid rgba(255,255,255,.075);scroll-margin-top:80px}
.tp-editorial--long .tp-article-section p{color:#cbd5e5;line-height:1.8;font-size:15px}
.tp-editorial--long .tp-article-section h2{color:#fff}
.tp-editorial--long .tp-checklist{margin:12px 0 0;padding-left:28px;color:#d9e5f4}
.tp-editorial--long .tp-checklist li{padding:3px 0 8px}
.tp-editorial--long .tp-table-wrap{overflow-x:auto;border-radius:14px;border:1px solid rgba(255,255,255,.09);background:rgba(5,13,24,.75)}
.tp-editorial--long table{width:100%;border-collapse:collapse;min-width:500px;color:#d6e4f4;font-size:14px}
.tp-editorial--long th{background:#17263b;color:#f7fbff;text-align:left;font-weight:700}
.tp-editorial--long td,.tp-editorial--long th{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.08)}
.tp-editorial--long tr:last-child td{border-bottom:0}
.tp-editorial--long .tp-faq{background:#101b2b;border-color:#25354a}
.tp-editorial--long .tp-faq summary{color:#eef4fc}
.tp-editorial--long .tp-affiliate-notice{margin:26px 0 18px;padding:14px 18px;background:rgba(38,118,243,.08);border-left:3px solid #2689ff;border-radius:0 10px 10px 0;color:#d2deeb}
.tp-editorial--long .tp-partner-button{display:inline-block;padding:13px 22px;background:#087cff;border-radius:11px;color:white;text-decoration:none;font-weight:700;box-shadow:0 8px 22px rgba(0,114,255,.22)}
.tp-editorial--long .tp-partner-button span{font-size:12px;font-weight:400;color:#dbeafb}
.tp-editorial--long .tp-action-line{margin:6px 0 14px}
@media(max-width:720px){.tp-editorial--long .tp-toc{columns:1;padding:16px 18px 16px 33px}.tp-editorial--long .tp-article-section{padding:20px 0}.tp-editorial--long .tp-longform{font-size:14px}}