:root{--primary:#7c5ce5;--primary-bright:#7652ce;--muted-dim:#969eaf;color-scheme:dark}html[data-theme=light]{--bg:#f6f7fb;--surface:#fff;--surface-light:#eef0f7;--surface-deep:#e9ecf4;--line:#d9deea;--line-light:#d9deea;--text:#182238;--muted:#57647a;--muted-dim:#647087;--primary:#6945c7;--primary-bright:#7551cd;color-scheme:light}.site-theme-control{display:inline-flex;gap:8px;align-items:center;font-size:11px;color:var(--muted);white-space:nowrap}.site-theme-control select{background:var(--surface-light);color:var(--text);border:1px solid var(--line);border-radius:9px;padding:8px;min-height:36px;font:inherit}.app-nav>.site-theme-control{margin-left:auto}.app-nav>.site-theme-control>span{display:none}.legal-footer .site-theme-control{margin-top:20px}.app-nav{background:var(--surface);border-color:var(--line);box-shadow:0 8px 32px #00000008}.app-brand{color:var(--text)!important}.app-nav-links>a,.account-menu summary,.app-menu-toggle{color:var(--muted)}.app-nav-links>a.active,.app-nav-links>a:hover,.language-switch a.active{background:var(--surface-light);color:var(--text)}.eyebrow{color:var(--primary)}.button-outline{color:var(--text);border-color:var(--line)}:focus-visible{outline:3px solid var(--primary);outline-offset:4px}.panel,.stat-card,.project-card,.auth-card,.plan-card,.account-dropdown{background:var(--surface);border-color:var(--line);color:var(--text)}.account-dropdown a,.account-dropdown button{color:var(--text)}
html[data-theme=light] .app-nav-links,html[data-theme=light] .account-dropdown{background:var(--surface)}
html[data-theme=light] :is(.form-stack,.auth-card,.panel,.studio,.analytics-filters) :is(input,select,textarea){background:var(--surface);color:var(--text);border-color:var(--line)}
html[data-theme=light] :is(.studio-card,.studio-sidebar,.studio-toolbar,.analytics-card,.analytics-summary-card,.admin-row,.admin-table,.usage-card,.settings-card){background:var(--surface);color:var(--text);border-color:var(--line)}
html[data-theme=light] :is(.studio,.auth-card,.panel,.project-card,.stat-card,.plan-card) :is(h1,h2,h3,h4,label,strong,summary){color:var(--text)}
html[data-theme=light] :is(.studio,.auth-card,.panel,.project-card,.stat-card,.plan-card) :is(p,small){color:var(--muted)}
html[data-theme=light] .studio :is(button,dialog){background:var(--surface-light);color:var(--text);border-color:var(--line)}
html[data-theme=light] :is(.page-heading,.dashboard-heading,.mode-heading,.auth-header) p{color:var(--muted)}
@media(max-width:720px){.app-nav{gap:12px}.app-nav>.site-theme-control{margin-left:auto}.app-nav .site-theme-control select{max-width:100px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
html[data-theme=light] .analytics-shell{--an-text:var(--text);--an-muted:var(--muted);--an-line:var(--line);--an-accent:var(--primary);--an-surface:var(--surface)}
html[data-theme=light] .pricing-shell :is(input,textarea,select){background:var(--surface);color:var(--text);border-color:var(--line)}
html[data-theme=light] :is(.site-header,.site-header.scrolled,.feature-card,.preview-frame,.video-meta,.generation-card,.idea-card,.script-card,.timeline-card,.price-card,.faq-item,.comparison-side,.site-footer){background:var(--surface);color:var(--text);border-color:var(--line)}
html[data-theme=light] :is(.feature-card,.video-meta,.price-card,.faq-item,.site-footer) :is(h2,h3,strong,b,summary){color:var(--text)}
html[data-theme=light] :is(.hero-text,.main-nav a,.nav-actions .text-link,.feature-card p,.price-card p,.faq-item p,.footer-grid p,.footer-grid a:not(.brand),.footer-grid b){color:var(--muted)}
html[data-theme=light] :is(.brand,.video-label,.final-card,.example-card,.video-surface){color:var(--text)}
html[data-theme=light] :is(.video-label,.final-card,.example-card,.video-surface,.modal-video-poster){color:#fff}
html[data-theme=light] .main-nav.open{background:var(--surface)}
html[data-theme=light] .app-nav .app-nav-links>a{color:var(--muted)}
html[data-theme=light] .app-nav .app-nav-links>a.active{background:var(--surface-light);color:var(--text)}
@media(max-width:720px){.main-nav .site-theme-control{padding:10px}}
html[data-theme=light] .analytics-shell :is(button,input,select){background:var(--surface-light);color:var(--text);border-color:var(--line)}
html[data-theme=light] .analytics-shell .analytics-card{background:var(--surface)}
html[data-theme=light] .analytics-shell :is(.analytics-card-label,.analytics-delta,.analytics-table a,details summary){color:var(--muted)}
html[data-theme=light] .analytics-shell .analytics-notice{color:#72521c}
html[data-theme=light] .analytics-shell .analytics-table a{color:var(--primary)}
html[data-theme=light] .analytics-badge.success{color:#166347}
html[data-theme=light] .analytics-badge.error{color:#9f2438}
html[data-theme=light] :is(.trusted-bar,.workflow-section,.feature-section,.examples-section,.pricing-section,.faq-section,.final-cta){background:var(--bg);border-color:var(--line)}
html[data-theme=light] :is(.script-card p,.price-card li,.faq-list summary,.play-link,.arrow-link,.fyren-flow span){color:var(--text)}
html[data-theme=light] :is(.trusted-inner,.capability-list,.faq-list details p,.step-number,.hero-proof){color:var(--muted)}
html[data-theme=light] .visual-card{color:#fff}
html[data-theme=light] .modes-section .mode-card{color:#fff}
html[data-theme=light] :is(.workflow,.workflow-step,.faq-list,.faq-list details){border-color:var(--line)}
html[data-theme=light] .app-menu-toggle{background:var(--surface-light);color:var(--text);border-color:var(--line)}