html.is-dark {
  color-scheme: dark;
  --bg: #08090d;
  --bg-soft: #101218;
  --white: #171920;
  --ink: #f3f3f0;
  --ink-2: #d8dbe0;
  --muted: #9aa1ab;
  --line: rgba(255, 255, 255, 0.1);
  --yellow-soft: rgba(255, 190, 0, 0.14);
  --blue: #8cb4ff;
  --shadow: 0 18px 48px rgba(0, 0, 0, 0.38);
  --glass: linear-gradient(155deg, rgba(36, 40, 52, 0.82), rgba(14, 16, 22, 0.72));
  --glass-border: rgba(255, 255, 255, 0.1);
  --glass-inset: rgba(255, 255, 255, 0.12);
}

html.is-dark,
html.is-dark body {
  background-color: var(--bg);
  color: var(--ink-2);
}

html.is-dark ::selection {
  background: var(--yellow);
  color: #141414;
}

html.is-dark .hero-banner {
  background:
    radial-gradient(circle at 12% 18%, rgba(255, 190, 0, 0.14), transparent 32%),
    linear-gradient(145deg, #171a22 0%, #0e1016 100%);
  border-color: rgba(255, 255, 255, 0.08);
}

html.is-dark .hero-banner::before {
  background: rgba(255, 190, 0, 0.08);
}

html.is-dark .hero-banner::after {
  border-color: rgba(255, 190, 0, 0.2);
}

html.is-dark .hero-location,
html.is-dark .hero-role span {
  color: var(--muted);
}

html.is-dark .hero-social {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.12);
  color: var(--ink-2);
}

html.is-dark .hero-social:hover {
  background: var(--yellow);
  border-color: var(--yellow);
  color: #141414;
}

html.is-dark .header-shell,
html.is-dark .site-header.is-stuck .header-shell,
html.is-dark .about-hero-board,
html.is-dark .about-path-board,
html.is-dark .about-trio,
html.is-dark .about-work,
html.is-dark .about-honors,
html.is-dark .about-next,
html.is-dark .names-list li,
html.is-dark .holding-panel,
html.is-dark .holding-pane,
html.is-dark .roles-panel,
html.is-dark .journal-feature,
html.is-dark .contact-panel,
html.is-dark .vk-toast-card,
html.is-dark .article-toc,
html.is-dark .article-by,
html.is-dark .article-talk,
html.is-dark .article-nav,
html.is-dark .article-share-menu,
html.is-dark .article-share-btn,
html.is-dark .news-layout,
html.is-dark .reels-layout,
html.is-dark .error-zero,
html.is-dark .seat-side,
html.is-dark .journal-row,
html.is-dark .journal-pages ul,
html.is-dark .experience-card,
html.is-dark .pwa-dock-bar {
  background: var(--glass);
  border-color: var(--glass-border);
  box-shadow:
    0 18px 48px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 var(--glass-inset);
}

html.is-dark .header-shell::before {
  opacity: 0.7;
}

html.is-dark .nav-list a:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.14);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

html.is-dark .hero .btn-secondary,
html.is-dark .about-actions .btn-secondary,
html.is-dark .news-all,
html.is-dark .reels-all,
html.is-dark .article-back,
html.is-dark .error-go {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.14);
  color: var(--ink);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

html.is-dark .news-all:hover,
html.is-dark .reels-all:hover,
html.is-dark .article-back:hover,
html.is-dark .error-go:hover,
html.is-dark .hero .btn-secondary:hover,
html.is-dark .about-actions .btn-secondary:hover {
  background: rgba(255, 255, 255, 0.14);
}

html.is-dark .news-copy .news-all,
html.is-dark .reels-copy .reels-all,
html.is-dark .holding-site,
html.is-dark .about-sec-go .news-all,
html.is-dark .article-note .news-all,
html.is-dark .article-note .submit,
html.is-dark .about-actions .btn-primary,
html.is-dark .btn-yellow {
  background: linear-gradient(180deg, #ffd452, #ffbe00 58%, #f0ad00);
  border-color: rgba(255, 255, 255, 0.7);
  color: #141414;
}

html.is-dark .news-title,
html.is-dark .news-copy h2,
html.is-dark .reels-copy h2,
html.is-dark .sec-head h2,
html.is-dark .holding-switch-head h2 {
  color: var(--ink);
}

html.is-dark .news-copy small,
html.is-dark .reels-copy small {
  color: var(--muted);
}

html.is-dark .news-copy p,
html.is-dark .reels-copy p {
  color: var(--ink-2);
}

html.is-dark .news-icon,
html.is-dark .reels-icon {
  background: rgba(255, 190, 0, 0.12);
  border-color: rgba(255, 190, 0, 0.28);
  color: var(--yellow);
  box-shadow: none;
}

html.is-dark .news-cats {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.12);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

html.is-dark .news-cats button {
  color: rgba(232, 234, 238, 0.72);
}

html.is-dark .news-cats button:hover {
  color: var(--ink);
}

html.is-dark .news-cats button[aria-selected="true"] {
  background: var(--yellow);
  color: #141414;
  box-shadow: 0 6px 16px rgba(255, 190, 0, 0.22);
}

html.is-dark .news-card,
html.is-dark .news-card-body {
  background: #1b1e27;
  border-color: rgba(255, 255, 255, 0.1);
  color: var(--ink-2);
  box-shadow: 0 16px 28px rgba(0, 0, 0, 0.28);
}

html.is-dark .news-card-meta,
html.is-dark .news-card-body p,
html.is-dark .about-jump-bar a {
  color: var(--muted);
}

html.is-dark .news-nav {
  color: #141414;
}

html.is-dark .article-hero,
html.is-dark .article-content img,
html.is-dark .journal-row-shot {
  background: #12141a;
}

html.is-dark .contact-form label,
html.is-dark .contact-form .contact-topic {
  color: var(--muted);
}

html.is-dark .contact-form input,
html.is-dark .contact-form textarea,
html.is-dark .topic-btn,
html.is-dark .search-form input,
html.is-dark .article-note input,
html.is-dark .article-note textarea {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.12);
  color: var(--ink);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

html.is-dark .topic-menu {
  background: linear-gradient(165deg, rgba(28, 32, 42, 0.96), rgba(16, 18, 26, 0.92));
  border-color: rgba(255, 255, 255, 0.12);
  box-shadow: 0 22px 48px rgba(0, 0, 0, 0.4);
}

html.is-dark .topic-menu li:hover,
html.is-dark .topic-menu li.is-active {
  background: rgba(255, 255, 255, 0.06);
}

html.is-dark .topic-menu li::after {
  box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, 0.28);
}

html.is-dark .contact-form input:focus,
html.is-dark .contact-form textarea:focus,
html.is-dark .topic.is-open .topic-btn,
html.is-dark .topic-btn:focus-visible,
html.is-dark .search-form input:focus,
html.is-dark .article-note input:focus,
html.is-dark .article-note textarea:focus {
  border-color: rgba(255, 190, 0, 0.55);
  box-shadow: 0 0 0 3px rgba(255, 190, 0, 0.16);
}

html.is-dark .photo-frame {
  background: #12141a;
  box-shadow: 0 30px 70px rgba(0, 0, 0, 0.45);
}

html.is-dark .title-mark::before {
  color: rgba(255, 255, 255, 0.14);
}

html.is-dark [class$="-aura"] svg [stroke="#141414"] {
  stroke: rgba(244, 244, 242, 0.45);
}

html.is-dark .journal-row {
  background: rgba(255, 255, 255, 0.05);
}

html.is-dark .seat-side {
  background: linear-gradient(180deg, rgba(36, 40, 52, 0.78), rgba(12, 14, 20, 0.62));
}

html.is-dark .seat-subs span {
  background: transparent;
  border: 0;
}

html.is-dark .holding-tabs {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.14);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

html.is-dark .holding-tabs button {
  background: rgba(255, 255, 255, 0.06);
  color: rgba(232, 234, 238, 0.78);
}

html.is-dark .holding-tabs button:hover {
  background: rgba(255, 255, 255, 0.12);
  color: var(--ink);
}

html.is-dark .holding-tabs button[aria-selected="true"] {
  background: linear-gradient(180deg, #ffd452, #ffbe00);
  border-color: rgba(255, 255, 255, 0.55);
  color: #141414;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 6px 16px rgba(255, 190, 0, 0.22);
}

html.is-dark .footer-inner {
  border-color: rgba(255, 255, 255, 0.1);
}

html.is-dark .header-cta,
html.is-dark .hero .btn-primary,
html.is-dark .contact-form .btn-primary,
html.is-dark .about-actions .btn-primary,
html.is-dark .vk-otp .btn-primary,
html.is-dark .btn-yellow,
html.is-dark .news-copy .news-all,
html.is-dark .reels-copy .reels-all,
html.is-dark .holding-site,
html.is-dark .about-sec-go .news-all,
html.is-dark .article-note .news-all,
html.is-dark .article-note .submit {
  color: #141414 !important;
}

html.is-dark .header-cta .btn-ico,
html.is-dark .hero .btn-ico,
html.is-dark .about-actions .btn-ico {
  background: rgba(20, 20, 24, 0.12);
  color: #141414;
}

html.is-dark .experience-text {
  color: rgba(244, 244, 242, 0.58);
}

html.is-dark .about-trio article:hover {
  background: rgba(255, 255, 255, 0.06);
}

html.is-dark .about-trio article + article {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.08);
}

html.is-dark .article-content hr {
  border-top-color: rgba(255, 255, 255, 0.1);
}

html.is-dark .article-share-menu a:hover,
html.is-dark .article-share-menu button:hover {
  background: rgba(255, 255, 255, 0.08);
}

html.is-dark .article-share-menu svg {
  color: var(--muted);
}

@media (max-width: 900px) {
  html.is-dark .nav {
    background: var(--glass);
    border-color: var(--glass-border);
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.32);
  }

  html.is-dark .nav-toggle {
    background: var(--glass);
    border-color: var(--glass-border);
    box-shadow: inset 0 1px 0 var(--glass-inset);
  }
}

@media (prefers-reduced-motion: reduce) {
  html.is-dark .theme-toggle-knob,
  html.is-dark .theme-toggle svg {
    transition: none;
  }
}