/* Persistent appearance controls. These tokens sit at the final cascade layer. */
:root {
  --theme-accent: #d4af37;
  --theme-accent-strong: #a77e16;
  --theme-accent-soft: #fbf3d8;
  --theme-accent-rgb: 212, 175, 55;
  color-scheme: light;
}
html[data-accent="blush"] { --theme-accent: #e07a5f; --theme-accent-strong: #b95740; --theme-accent-soft: #fff0eb; --theme-accent-rgb: 224, 122, 95; }
html[data-accent="violet"] { --theme-accent: #8b5cf6; --theme-accent-strong: #6d38d8; --theme-accent-soft: #f1ecff; --theme-accent-rgb: 139, 92, 246; }
html[data-accent="sapphire"] { --theme-accent: #3b82f6; --theme-accent-strong: #1f5ec0; --theme-accent-soft: #eaf3ff; --theme-accent-rgb: 59, 130, 246; }
html[data-accent="emerald"] { --theme-accent: #10b981; --theme-accent-strong: #07845a; --theme-accent-soft: #e7f9f1; --theme-accent-rgb: 16, 185, 129; }
html[data-accent="sunset"] { --theme-accent: #f59e0b; --theme-accent-strong: #bd6c03; --theme-accent-soft: #fff4df; --theme-accent-rgb: 245, 158, 11; }
html[data-theme="light"] {
  --ls-violet: var(--theme-accent); --ls-violet-deep: var(--theme-accent-strong);
  --color-primary: var(--theme-accent); --color-primary-hover: var(--theme-accent-strong); --color-focus: rgba(var(--theme-accent-rgb), .22);
}
html[data-theme="dark"] {
  color-scheme: dark;
  --ls-ink: #f7f2e9; --ls-muted: #bfb6aa; --ls-line: #37322d; --ls-surface: #211e1b; --ls-soft: #28231f;
  --ls-violet: var(--theme-accent); --ls-violet-deep: var(--theme-accent-strong);
  --color-page: #191714; --color-surface: #211e1b; --color-surface-soft: #28231f; --color-ink: #f7f2e9; --color-muted: #bfb6aa; --color-border: #39332d; --color-primary: var(--theme-accent); --color-primary-hover: var(--theme-accent-strong); --color-focus: rgba(var(--theme-accent-rgb), .28);
}
html[data-theme="dark"], html[data-theme="dark"] body, html[data-theme="dark"] body.studio-app { background: #191714; color: #f7f2e9; }
html[data-theme="dark"] .studio-app .studio-nav { background: rgb(28 25 22 / 92%); border-color: #39332d; box-shadow: 0 8px 28px rgb(0 0 0 / 20%); }
html[data-theme="dark"] .studio-app .studio-nav :is(a, span, button), html[data-theme="dark"] .studio-app footer { color: #e8e0d7; }
html[data-theme="dark"] .studio-app :is(.studio-page-hero, .studio-hero, .event-hero, .event-settings-hero, .account-hero, .platform-hero, .subscription-hero, .guest-find-hero, .guest-results-hero) { background: radial-gradient(circle at 88% 12%, rgba(var(--theme-accent-rgb), .17), transparent 34%), #211e1b; border-color: #39332d; box-shadow: 0 16px 38px rgb(0 0 0 / 16%); }
html[data-theme="dark"] .studio-app :is(.studio-dashboard-card, .studio-kpis > article, .event-kpis > article, .studio-credit-summary, .event-insights, .event-processing, .event-organize, .subscription-usage, .subscription-history, .team-workspace, .platform-create-card, .platform-studio-list, .account-card, .event-settings-card, .event-settings-tool, .studio-event-card, .event-action, .event-organize-card, .event-photo, .guest-result-card, .subscription-plan, .access-card, .guest-pin-card, .guest-search-card) { background: #211e1b; border-color: #39332d; box-shadow: 0 12px 30px rgb(0 0 0 / 13%); }
html[data-theme="dark"] .studio-app :is(h1, h2, h3, h4, b, strong, label) { color: #f7f2e9; }
html[data-theme="dark"] .studio-app :is(p, small, .eyebrow) { color: #bfb6aa; }
html[data-theme="dark"] .studio-app :is(input, select, textarea) { color: #f7f2e9; background: #292521; border-color: #49413a; }
html[data-theme="dark"] .studio-app .studio-create { background: linear-gradient(135deg, rgba(var(--theme-accent-rgb), .14), #211e1b); border-color: #514735; }
html[data-theme="dark"] .studio-app a:not(.studio-button):not(.studio-nav-logout) { color: #f4d67c; }
html[data-theme="dark"] .studio-app .studio-button, html[data-theme="dark"] .studio-app form button:not(.event-icon-button):not(.studio-nav-toggle) { color: #191714; background: linear-gradient(135deg, var(--theme-accent-strong), var(--theme-accent)); }
html[data-theme="dark"] :is(body.lenspire-site, body.pricing-site, body.public-legal, body.login-page) { background: #191714; color: #f7f2e9; }
html[data-theme="dark"] :is(.lenspire-site .hx-nav, .lenspire-site .lp-nav, .public-legal .lp-nav, .login-page .lp-nav, .pricing-site .lp-nav) { border-color: #39332d; background: rgb(33 30 27 / 94%); box-shadow: 0 12px 32px rgb(0 0 0 / 19%); }
html[data-theme="dark"] :is(.lenspire-site .hx-links, .lenspire-site .lp-links) { background: #2c2723; }
html[data-theme="dark"] :is(.lenspire-site .hx-links a, .lp-links a, .hx-account, .lp-actions > a:not(.lp-start)) { color: #e6ddd3; }
html[data-theme="dark"] .lenspire-site .hx-hero { border-color: #39332d; background: radial-gradient(circle at 80% 12%, rgba(var(--theme-accent-rgb), .18), transparent 31%), #211e1b; box-shadow: 0 18px 48px rgb(0 0 0 / 18%); }
html[data-theme="dark"] .lenspire-site :is(.ls-sample-experience, .ls-how, .ls-workflow-proof, .ls-privacy-trust, .ls-pricing-card, .ls-cta, .ls-audience-grid article, .ls-gallery-cards article, .ls-note-grid article, .ls-capability-grid article, .ls-engagement-grid article, .ls-capability-detail, .ls-studio-showcase-copy, .ls-event-engagement-heading, .ls-steps article, .ls-workflow-list article, .ls-privacy-trust li, .ls-faq-list details) { border-color: #39332d; background: #211e1b; box-shadow: 0 12px 30px rgb(0 0 0 / 12%); }
html[data-theme="dark"] .lenspire-site :is(h1, h2, h3, h4, b, strong) { color: #f7f2e9; }
html[data-theme="dark"] .lenspire-site :is(p, li, small, .ls-kicker) { color: #c1b7aa; }
html[data-theme="dark"] .pricing-site :is(.pricing-hero, .public-plan, .pricing-note), html[data-theme="dark"] .login-page :is(.login-shell, .login-intro, .login-card), html[data-theme="dark"] .public-legal .legal-shell section { border-color: #39332d; background: #211e1b; box-shadow: 0 12px 30px rgb(0 0 0 / 12%); }
html[data-theme="dark"] :is(.pricing-site, .login-page, .public-legal) :is(h1, h2, h3, h4, b, strong) { color: #f7f2e9; }
html[data-theme="dark"] :is(.pricing-site, .login-page, .public-legal) :is(p, li, small, label) { color: #c1b7aa; }

.theme-settings-trigger { display: inline-grid; width: 36px; height: 36px; min-height: 36px; padding: 0 !important; place-items: center; box-sizing: border-box; border: 1px solid var(--theme-accent); border-radius: 50%; color: var(--theme-accent-strong); background: var(--theme-accent-soft); font: inherit; font-size: 16px; font-weight: 700; line-height: 1; cursor: pointer; }
.theme-settings-trigger:hover, .theme-settings-trigger:focus-visible { background: var(--theme-accent); color: #201a10; outline: none; box-shadow: 0 0 0 3px rgba(var(--theme-accent-rgb), .24); }
.theme-settings-footer-button { margin: 0; padding: 0; border: 0; color: inherit; background: transparent; font: inherit; text-decoration: underline; text-underline-offset: 4px; cursor: pointer; }
.theme-settings-footer-button:hover, .theme-settings-footer-button:focus-visible { color: var(--theme-accent-strong); outline: none; }
.theme-settings-backdrop { position: fixed; z-index: 1000; inset: 0; background: rgb(22 17 13 / 47%); backdrop-filter: blur(3px); }
.theme-settings-drawer { position: fixed; z-index: 1001; top: 12px; right: 12px; bottom: 12px; width: min(430px, calc(100vw - 24px)); overflow-y: auto; overscroll-behavior: contain; touch-action: pan-y; scrollbar-width: none; -ms-overflow-style: none; box-sizing: border-box; padding: 25px 28px 20px; border: 1px solid #e5ddd2; border-radius: 22px; color: #2c251f; background: #fffdf9; box-shadow: -20px 24px 70px rgb(31 23 14 / 23%); transform: translateX(calc(100% + 24px)); transition: transform .28s cubic-bezier(.2,.8,.2,1); }
.theme-settings-drawer::-webkit-scrollbar { width: 0; height: 0; }
.theme-settings-drawer.is-open { transform: translateX(0); }
.theme-settings-drawer__head { display: grid; grid-template-columns: minmax(0, 1fr) 36px; align-items: start; column-gap: 18px; }
.theme-settings-drawer__head > div { min-width: 0; }
.theme-settings-drawer__eyebrow, .theme-settings-section__index { color: var(--theme-accent-strong); font-size: 10px; font-weight: 800; letter-spacing: .14em; }
.theme-settings-drawer h2, .theme-settings-drawer h3, .theme-settings-drawer p { margin: 0; }
.theme-settings-drawer h2 { margin-top: 4px; font-family: Georgia, serif; font-size: 34px; line-height: 1; letter-spacing: -.04em; }
.theme-settings-close { display: grid; box-sizing: border-box; width: 36px; height: 36px; min-height: 36px; margin-top: 18px; padding: 0 !important; place-items: center; align-self: start; border: 1px solid #e5ddd2; border-radius: 50%; color: #5f554b; background: transparent; font-size: 24px; line-height: 1; cursor: pointer; }
.theme-settings-close:hover, .theme-settings-close:focus-visible { border-color: var(--theme-accent); color: var(--theme-accent-strong); outline: none; }
.theme-settings-drawer__intro { margin-top: 12px !important; color: #756b61; font-size: 12px; line-height: 1.5; }
.theme-settings-section { margin-top: 22px; padding-top: 19px; border-top: 1px solid #eee7de; }
.theme-settings-section__heading { display: grid; grid-template-columns: 26px 1fr; gap: 8px; margin-bottom: 13px; }
.theme-settings-section h3 { font-size: 15px; letter-spacing: -.01em; }
.theme-settings-section p { margin-top: 3px; color: #887e74; font-size: 12px; }
.theme-mode-options { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.theme-mode-option, .theme-accent-option { border: 1px solid #e7ded4; color: #382f27; background: #fff; font: inherit; text-align: left; cursor: pointer; }
.theme-mode-option { display: grid; gap: 7px; min-height: 104px; padding: 11px; border-radius: 14px; }
.theme-mode-option__icon { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 9px; background: #f6f0e7; color: var(--theme-accent-strong); font-size: 17px; }
.theme-mode-option b, .theme-accent-option b { display: block; font-size: 12px; }
.theme-mode-option small, .theme-accent-option small { display: block; margin-top: 2px; color: #887e74; font-size: 10px; line-height: 1.35; }
.theme-mode-option[aria-checked="true"], .theme-accent-option[aria-checked="true"] { border-color: var(--theme-accent); background: var(--theme-accent-soft); box-shadow: inset 0 0 0 1px var(--theme-accent); }
.theme-mode-option:focus-visible, .theme-accent-option:focus-visible { outline: 3px solid rgba(var(--theme-accent-rgb), .28); outline-offset: 2px; }
.theme-accent-options { display: grid; grid-template-columns: 1fr; gap: 5px; }
.theme-accent-option { display: grid; grid-template-columns: 28px minmax(0, 1fr); align-items: center; min-width: 0; column-gap: 10px; min-height: 44px; padding: 5px 10px; border-radius: 12px; }
.theme-accent-option > span:last-child { display: grid; min-width: 0; gap: 1px; }
.theme-accent-option__swatch { position: relative; flex: 0 0 25px; width: 25px; height: 25px; border: 3px solid #fff; border-radius: 50%; background: #d4af37; box-shadow: 0 0 0 1px #d9cec2; }
.theme-accent-option b { font-size: 11px; line-height: 1.1; }
.theme-accent-option small { overflow: hidden; margin-top: 0; font-size: 9px; line-height: 1.15; text-overflow: ellipsis; white-space: nowrap; }
.theme-accent-option[data-theme-accent="blush"] .theme-accent-option__swatch { background: #e07a5f; }.theme-accent-option[data-theme-accent="violet"] .theme-accent-option__swatch { background: #8b5cf6; }.theme-accent-option[data-theme-accent="sapphire"] .theme-accent-option__swatch { background: #3b82f6; }.theme-accent-option[data-theme-accent="emerald"] .theme-accent-option__swatch { background: #10b981; }.theme-accent-option[data-theme-accent="sunset"] .theme-accent-option__swatch { background: #f59e0b; }
.theme-settings-drawer__foot { display: flex; align-items: center; gap: 8px; margin-top: 18px; padding-top: 12px; border-top: 1px solid #eee7de; color: #83786d; font-size: 11px; }
.theme-settings-live-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--theme-accent); box-shadow: 0 0 0 4px var(--theme-accent-soft); }
body.theme-settings-open { overflow: hidden !important; }
html[data-theme="dark"] .theme-settings-drawer { color: #f5eee5; border-color: #443d35; background: #24201d; box-shadow: -20px 24px 70px rgb(0 0 0 / 38%); }
html[data-theme="dark"] .theme-settings-drawer :is(.theme-settings-drawer__intro, .theme-settings-section p, .theme-mode-option small, .theme-accent-option small, .theme-settings-drawer__foot) { color: #bdb2a6; }
html[data-theme="dark"] .theme-settings-section, html[data-theme="dark"] .theme-settings-drawer__foot { border-color: #443d35; }
html[data-theme="dark"] .theme-close { border-color: #443d35; color: #ddd3c6; }
html[data-theme="dark"] :is(.theme-mode-option, .theme-accent-option) { color: #f5eee5; border-color: #443d35; background: #2c2723; }
html[data-theme="dark"] .theme-mode-option__icon { background: #393129; }
html[data-theme="dark"] .theme-settings-close { border-color: #443d35; color: #ddd3c6; }

/* Dark mode surface audit: studio dashboards, event tools, forms, and guest pages. */
html[data-theme="dark"] .studio-app :is(.event-showcase-nav, .event-showcase-account, .event-showcase-event, .event-showcase-journey, .studio-health, .studio-health-item, .studio-credit-usage, .studio-credit-figures, .event-guest-leads, .event-guest-leads-table, .event-gallery, .event-gallery-tools, .event-gallery-filters, .event-gallery-empty, .event-upload-modes label, .event-upload-album, .event-drop, .event-watermark, .event-upload-progress, .event-inline-form, .event-preferences-form, .event-highlight-form, .event-video-form, .event-album-list li, .event-video-list li, .event-gallery-sort, .event-photo-album, .guest-upload-section, .guest-event-videos, .guest-event-videos a, .guest-find-points span, .guest-access-points span, .access-points span, .account-google-note, .team-member, .subscription-history-row, .subscription-history-table, .checkout-card, .checkout-order-summary) {
  border-color: #39332d;
  background: #211e1b;
  color: #f7f2e9;
}
html[data-theme="dark"] .studio-app :is(.event-showcase-nav, .studio-health, .event-gallery, .event-guest-leads, .guest-upload-section, .guest-event-videos, .checkout-card) { box-shadow: 0 14px 32px rgb(0 0 0 / 14%); }
html[data-theme="dark"] .studio-app :is(.event-upload-modes label, .event-upload-album, .event-drop, .event-watermark, .event-upload-progress, .event-inline-form, .event-preferences-form, .event-highlight-form, .event-video-form, .event-album-list li, .event-video-list li, .event-gallery-sort, .event-photo-album, .team-member, .subscription-history-row) { background: #292521; }
html[data-theme="dark"] .studio-app :is(.event-showcase-nav, .event-showcase-nav a, .event-showcase-event, .event-showcase-event b, .event-showcase-journey, .event-showcase-journey span, .event-organize-heading a, .event-video-list a, .event-gallery-filters a, .guest-results-link, .guest-event-videos a, .event-guest-url output) { color: #f4df94; }
html[data-theme="dark"] .studio-app :is(.event-guest-leads-head, .event-gallery-filters a[aria-current="page"], .event-upload-modes label:has(input:checked), .event-highlight-form label:has(input:checked), .event-watermark:has(input:checked)) { border-color: rgba(var(--theme-accent-rgb), .55); background: rgba(var(--theme-accent-rgb), .12); }
html[data-theme="dark"] .studio-app :is(.event-kpis > article, .studio-kpis > article, .studio-credit-figures > div, .event-insight-metrics article) { background: #292521; }
html[data-theme="dark"] .studio-app :is(.event-kpis > article > span, .studio-kpis > article > span, .event-organize-card-heading > span, .account-card-icon, .access-icon, .guest-pin-icon, .checkout-icon, .studio-dashboard-icon) { color: var(--theme-accent); background: rgba(var(--theme-accent-rgb), .12); }
html[data-theme="dark"] .studio-app :is(.event-action, .event-organize-card) :is(p, small, span:not(.event-action-number):not(.event-organize-card-heading > span)) { color: #bfb6aa; }
html[data-theme="dark"] .studio-app :is(.event-action, .event-organize-card, .event-gallery, .event-guest-leads, .event-upload-progress, .event-photo, .guest-result-card, .team-member, .subscription-history-row) :is(b, strong, h2, h3, h4, label, output) { color: #f7f2e9; }
html[data-theme="dark"] .studio-app :is(.event-photo-badges span, .event-access-tags span, .guest-find-points span, .guest-access-points span, .access-points span, .subscription-plan-tag, .status-created, .status-captured, .status-paid) { border-color: rgba(var(--theme-accent-rgb), .38); background: rgba(var(--theme-accent-rgb), .13); color: #f5e5ae; }
html[data-theme="dark"] .studio-app :is(.event-icon-button, .event-icon-button--danger, .event-copy-link, .event-message-link, .event-settings-link, .event-guest-link, .event-gallery-sort button, .event-photo-album button, .event-inline-form button, .event-preferences-form button, .event-highlight-form button, .event-video-form button) { border-color: rgba(var(--theme-accent-rgb), .55); color: #191714; background: var(--theme-accent); }
html[data-theme="dark"] .studio-app :is(.event-qr-card, .event-qr-caption, .event-qr-wrap, .event-guest-url, .event-ai-visual, .event-ai-visual-copy, .event-ai-visual-meta) { border-color: #4b433a; background-color: #292521; color: #f7f2e9; }
html[data-theme="dark"] .studio-app :is(.event-ai-visual, .event-qr-wrap) { background-image: radial-gradient(circle at 50% 20%, rgba(var(--theme-accent-rgb), .18), transparent 52%); }
html[data-theme="dark"] .studio-app :is(.progress-track, .event-upload-progress-track, .event-ai-progress-line) { background: #474039; }
html[data-theme="dark"] .studio-app :is(.progress-fill, .event-upload-progress-bar, .event-upload-progress-track > span, .event-ai-progress-line > span) { background: var(--theme-accent); }
html[data-theme="dark"] .studio-app :is(.success, .error, .event-credit-notice, .studio-credit-warning, .subscription-notice) { border-color: #514735; background: #292521; color: #f7f2e9; }
html[data-theme="dark"] .studio-app .error { border-color: #7e4847; background: #351f20; color: #ffd5d3; }
html[data-theme="dark"] .studio-app :is(input, select, textarea, .event-gallery-sort select, .event-photo-album select) { caret-color: var(--theme-accent); }
html[data-theme="dark"] .studio-app option { background: #292521; color: #f7f2e9; }
html[data-theme="dark"] .studio-app :is(input, select, textarea)::placeholder { color: #9f9589; }
html[data-theme="dark"] .studio-app input[type="checkbox"], html[data-theme="dark"] .studio-app input[type="radio"] { accent-color: var(--theme-accent); }
html[data-theme="dark"] .studio-app :is(.guest-camera-modal, .modal, .guest-lightbox) { background: rgb(12 10 8 / 82%); }
html[data-theme="dark"] .studio-app :is(.guest-camera-sheet, .guest-lightbox-content, .modal-content) { border-color: #443d35; background: #211e1b; color: #f7f2e9; }

/* Dark mode surface audit: marketing, pricing, login, legal, and responsive navigation. */
html[data-theme="dark"] .lenspire-site :is(.ls-social-proof, .ls-capability-experience, .ls-capability-tabs, .ls-proof-points li, .ls-studio-stories article, .ls-studio-showcase, .ls-event-engagement, .ls-studio-signature, .ls-studio-signature-body, .ls-event-engagement .ls-engagement-flow, .ls-capability-grid article, .ls-engagement-grid article),
html[data-theme="dark"] :is(.pricing-site .pricing-promise, .pricing-site .public-plan, .pricing-site .pricing-note, .login-page .login-intro, .login-page .login-card, .public-legal .legal-shell section) {
  border-color: #39332d;
  background: #211e1b;
  box-shadow: 0 14px 34px rgb(0 0 0 / 14%);
}
html[data-theme="dark"] .lenspire-site :is(.ls-capability-grid article:nth-child(n), .ls-engagement-grid article:nth-child(n), .ls-studio-signature-body, .ls-event-engagement .ls-engagement-flow) { background: #292521; }
html[data-theme="dark"] .lenspire-site :is(.ls-capability-tabs button:not([aria-selected="true"]), .ls-capability-grid small, .ls-studio-signature-body > div i, .ls-proof-points li, .ls-social-proof-copy .ls-text-link) { border-color: #4b433a; background: #292521; color: #f7f2e9; }
html[data-theme="dark"] .lenspire-site :is(.ls-social-proof-copy h2, .ls-proof-points b, .ls-studio-stories blockquote, .ls-studio-signature-body > b, .ls-engagement-grid h3) { color: #f7f2e9; }
html[data-theme="dark"] .lenspire-site :is(.ls-social-proof-copy > p:not(.ls-kicker), .ls-proof-points small, .ls-studio-stories footer span, .ls-engagement-grid p, .ls-studio-signature-body > div i) { color: #c1b7aa; }
html[data-theme="dark"] .lenspire-site :is(.ls-studio-showcase-copy, .ls-event-engagement-heading, #key-features .ls-capability-detail) { border-color: rgba(var(--theme-accent-rgb), .35); background: linear-gradient(145deg, #25201c, #33291c); }
html[data-theme="dark"] .lenspire-site :is(.ls-studio-showcase-copy .ls-text-link, .ls-event-engagement-heading .ls-text-link) { background: var(--theme-accent); color: #191714; }
html[data-theme="dark"] .lenspire-site .ls-footer, html[data-theme="dark"] :is(.pricing-footer, .legal-footer) { border-color: #39332d; color: #c1b7aa; }
html[data-theme="dark"] .lenspire-site .lp-mobile nav { border-color: #443d35; background: #211e1b; }
html[data-theme="dark"] .lenspire-site .lp-mobile :is(summary, nav a) { color: #f7f2e9; background: #292521; }
html[data-theme="dark"] .pricing-site :is(.pricing-hero, .public-plan, .pricing-note) { color: #f7f2e9; }
html[data-theme="dark"] .pricing-site :is(.public-plan.is-featured, .pricing-promise) { border-color: rgba(var(--theme-accent-rgb), .46); background: linear-gradient(145deg, #29231d, #211e1b); }
html[data-theme="dark"] .pricing-site :is(.public-plan a, .ls-primary, .login-submit, .login-page button[type="submit"]) { color: #191714; background: linear-gradient(135deg, var(--theme-accent-strong), var(--theme-accent)); }
html[data-theme="dark"] .login-page :is(input, select, textarea) { border-color: #49413a; background: #292521; color: #f7f2e9; }
html[data-theme="dark"] .public-legal .legal-shell :is(p, li, small) { color: #c1b7aa; }
html[data-theme="dark"] :is(.lenspire-site .hx-links a[aria-current="page"], .lp-links a[aria-current="page"]) { color: #f7f2e9; background: rgba(var(--theme-accent-rgb), .16); box-shadow: inset 0 0 0 1px rgba(var(--theme-accent-rgb), .42); }

/* Standalone interactive demo. */
html[data-theme="dark"] body:not(.studio-app):not(.lenspire-site):not(.pricing-site):not(.public-legal):not(.login-page) { background: #191714; color: #f7f2e9; }
html[data-theme="dark"] :is(.demo-nav, .demo-stage, .demo-progress, .demo-panel, .demo-event-art, .demo-phone, .demo-consent) { border-color: #39332d; background: #211e1b; color: #f7f2e9; }
html[data-theme="dark"] .demo-nav { background: rgb(33 30 27 / 92%); }
html[data-theme="dark"] :is(.demo-nav > span, .demo-intro > span, .demo-copy > span, .demo-phone > span, .demo-consent small, .demo-result-stat span) { color: #c1b7aa; }
html[data-theme="dark"] .demo-progress button { border-color: #39332d; color: #c1b7aa; }
html[data-theme="dark"] .demo-progress :is(button.is-active, button:hover) { color: #f7f2e9; background: #292521; }
html[data-theme="dark"] .demo-progress b { background: #393129; color: #f5e5ae; }
html[data-theme="dark"] .demo-event-art, html[data-theme="dark"] .demo-phone { background: radial-gradient(circle at 50% 40%, rgba(var(--theme-accent-rgb), .18), transparent 55%), #292521; box-shadow: inset 0 0 0 1px #443d35; }
html[data-theme="dark"] .demo-qr { border-color: #292521; background: #f7f2e9; }
html[data-theme="dark"] .demo-copy li, html[data-theme="dark"] .demo-copy h2, html[data-theme="dark"] .demo-phone > b { color: #f7f2e9; }
html[data-theme="dark"] .demo-consent { background: #292521; }
html[data-theme="dark"] .demo-consent input { accent-color: var(--theme-accent); }
html[data-theme="dark"] :is(.demo-copy button, .demo-closing a, .demo-nav-cta) { background: linear-gradient(135deg, var(--theme-accent-strong), var(--theme-accent)); color: #191714; }
@media (max-width: 780px) { .theme-settings-trigger--header { width: 34px; height: 34px; min-height: 34px; }.studio-nav-actions .theme-settings-trigger--header { display: none; }.theme-settings-drawer { top: 8px; right: 8px; bottom: 8px; width: calc(100vw - 16px); padding: 21px 20px 17px; border-radius: 19px; }.theme-mode-options { gap: 6px; }.theme-mode-option { min-height: 98px; padding: 9px; }.theme-settings-footer-separator { display: inline; } }
@media (prefers-reduced-motion: reduce) { .theme-settings-drawer { transition: none; } }