.header-actions { display: flex; align-items: center; gap: 10px; }
.theme-toggle { display: grid; place-items: center; width: 42px; height: 42px; padding: 0; border: 1px solid #22241e; border-radius: 50%; background: transparent; color: #1a1c17; cursor: pointer; font-size: 21px; line-height: 1; transition: transform .2s ease, background-color .25s ease, color .25s ease, border-color .25s ease; }
.theme-toggle:hover { transform: translateY(-1px) rotate(-10deg); background: #eef1e7; }
.theme-toggle:focus-visible { outline: 3px solid #bcf53a; outline-offset: 3px; }
.theme-icon { width: 19px; height: 19px; stroke: currentColor; }
.theme-icon-sun { display: none; }
html[data-theme="dark"] .theme-icon-moon { display: none; }
html[data-theme="dark"] .theme-icon-sun { display: block; }

html[data-theme="dark"] { color-scheme: dark; }
html[data-theme="dark"] body { background: radial-gradient(circle at 82% 7%, rgba(133, 106, 220, .16), transparent 24%), radial-gradient(circle at 12% 34%, rgba(188, 245, 58, .08), transparent 27%), #10120f; color: #f2f4ee; }
html[data-theme="dark"] .noise { opacity: .06; }
html[data-theme="dark"] .brand-logo { filter: invert(1); }
html[data-theme="dark"] .topbar nav a,
html[data-theme="dark"] .text-link,
html[data-theme="dark"] footer a { color: #e7eae2; }
html[data-theme="dark"] .outline-button,
html[data-theme="dark"] .plan button,
html[data-theme="dark"] .theme-toggle { color: #f2f4ee; border-color: #dfe4d7; }
html[data-theme="dark"] .theme-toggle:hover { background: #242823; }
html[data-theme="dark"] .hero-copy > p,
html[data-theme="dark"] .network-intro p,
html[data-theme="dark"] .plans-title p,
html[data-theme="dark"] .feature-grid p,
html[data-theme="dark"] .scroll-hint { color: #aeb4a9; }
html[data-theme="dark"] .network,
html[data-theme="dark"] .locations,
html[data-theme="dark"] .plans,
html[data-theme="dark"] .feature-grid,
html[data-theme="dark"] .feature-grid article,
html[data-theme="dark"] .feature-grid article:not(:last-child),
html[data-theme="dark"] footer { border-color: #30342d; }
html[data-theme="dark"] .status-pill,
html[data-theme="dark"] .location-card,
html[data-theme="dark"] .plan:not(.featured) { background: #1a1d19 !important; border-color: #353a32; color: #f2f4ee; }
html[data-theme="dark"] .flag { background: #222620; border-color: #353a32; }
html[data-theme="dark"] .location-label,
html[data-theme="dark"] .location-copy p,
html[data-theme="dark"] .route-label,
html[data-theme="dark"] .plan:not(.featured) small,
html[data-theme="dark"] footer p,
html[data-theme="dark"] .legal-links a { color: #aeb4a9; }
html[data-theme="dark"] .location-bottom { border-color: #30342d; }
html[data-theme="dark"] .location-status { background: #253020; color: #e7ece1; }
html[data-theme="dark"] .telegram-login-dialog,
html[data-theme="dark"] .profile-dialog,
html[data-theme="dark"] .checkout-dialog,
html[data-theme="dark"] .admin-dialog,
html[data-theme="dark"] .delete-subscription-dialog { background: #1a1d19; border-color: #363b34; color: #f2f4ee; }
html[data-theme="dark"] .profile-card,
html[data-theme="dark"] .profile-subscription,
html[data-theme="dark"] .checkout-plan,
html[data-theme="dark"] .admin-stats article { background: #232721; border-color: #363b34; }
html[data-theme="dark"] .profile-card > div + div,
html[data-theme="dark"] .location-bottom { border-color: #363b34; }
html[data-theme="dark"] .profile-card strong,
html[data-theme="dark"] .profile-subscription strong,
html[data-theme="dark"] .checkout-plan,
html[data-theme="dark"] .admin-dialog h2,
html[data-theme="dark"] .admin-dialog h3 { color: #f2f4ee; }
html[data-theme="dark"] .telegram-login-dialog p,
html[data-theme="dark"] .profile-card span,
html[data-theme="dark"] .profile-subscription-head span,
html[data-theme="dark"] .profile-subscription small,
html[data-theme="dark"] .checkout-dialog small,
html[data-theme="dark"] .admin-dialog span { color: #aeb4a9; }
html[data-theme="dark"] .email-auth-form input,
html[data-theme="dark"] .promo-field input,
html[data-theme="dark"] .admin-promo-form input { background: #11130f; border-color: #3a4037; color: #f2f4ee; }
html[data-theme="dark"] .login-close,
html[data-theme="dark"] .profile-close,
html[data-theme="dark"] .checkout-close,
html[data-theme="dark"] .admin-close { background: #252a24; border-color: #3a4037; color: #f2f4ee; }

@media (max-width: 720px) { .header-actions { gap: 8px; } .theme-toggle { width: 38px; height: 38px; font-size: 19px; } }