/* Shared theme control and intentionally light surfaces. */
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;flex:none;width:36px;height:36px;margin-right:12px;padding:8px;border:1px solid #ffffff25;border-radius:50%;background:transparent;color:#bcc5d6;cursor:pointer;vertical-align:middle}
.theme-toggle svg{width:18px;height:18px;flex:none}
.theme-toggle .theme-moon{display:none}
.theme-toggle:focus-visible{outline:2px solid #9774d8;outline-offset:3px}
.theme-toggle:hover{background:#a793d51c}
.theme-toggle-floating{position:fixed;right:20px;bottom:20px;z-index:100;background:var(--bg)}
html[data-theme=light] .theme-toggle{color:#405278;border-color:#bcc7d7}
html[data-theme=light] .theme-sun{display:none}
html[data-theme=light] .theme-moon{display:block}
html[data-theme=light]{color-scheme:light;--bg:#f7f8fc;--panel:#fff;--line:#dce1eb;--muted:#586579;--text:#1c2638;--accent:#7151ad;--green:#246b50;--yellow:#725417}
html[data-theme=light] body,html[data-theme=light] .app,html[data-theme=light] .lnl-home,html[data-theme=light] #product-main{background:#f7f8fc!important;color:#1c2638}
html[data-theme=light] .lnl-home{--fresh-text:#1c2638;--fresh-muted:#586579;--accent-lavender:#7151ad}
html[data-theme=light] .lnl-home .fresh-site-navigation{background:rgba(247,248,252,.94)!important;border-color:#dce1eb!important;box-shadow:0 8px 28px #20305008;color:#1c2638!important;backdrop-filter:blur(16px)}
html[data-theme=light] .lnl-home .hooklet-brand,html[data-theme=light] .hooklet-nav-links,html[data-theme=light] .hooklet-nav-links span{color:#1c2638!important}
html[data-theme=light] .lnl-home .hooklet-nav-cta{background:#e9edf6!important;border-color:#d1d9e8!important;color:#203350!important}
html[data-theme=light] .lnl-home h1,html[data-theme=light] .lnl-home h2,html[data-theme=light] .lnl-home h3{color:#1c2638!important}
html[data-theme=light] .lnl-home p,html[data-theme=light] .ecosystem-ticker{color:#586579!important}
html[data-theme=light] .handoff-heading-accent{color:#7151ad}
/* Invert only the animated artwork, preserving the actual page colors. */
html[data-theme=light] .hero-scene{filter:invert(1) hue-rotate(180deg) saturate(.65)}
html[data-theme=light] .lnl-home .product-hero{background:#eaf0fa!important}
html[data-theme=light] .lnl-home .product-hero::after{background:linear-gradient(180deg,transparent 35%,#edf2fae6 100%)!important}
html[data-theme=light] .lnl-home .hero-scene::after{background:none!important}
html[data-theme=light] .lnl-home .product-hero-description,html[data-theme=light] .lnl-hero-note,html[data-theme=light] .repo-link{color:#263b5c!important}
html[data-theme=light] .lnl-home .lnl-install,html[data-theme=light] .closing-install{background:#ffffffdd!important;border-color:#cbd5e5!important;color:#263b5c!important}
html[data-theme=light] .lnl-home .lnl-install code,html[data-theme=light] .lnl-home .lnl-install button{color:#263b5c!important}
html[data-theme=light] .terminal-prompt,html[data-theme=light] .terminal-verb,html[data-theme=light] .terminal-package{color:#7151ad!important}
html[data-theme=light] .ecosystem-track img{filter:brightness(0) opacity(.65)!important}
html[data-theme=light] .handoff-film,html[data-theme=light] .mode-film,html[data-theme=light] .security-computers{filter:invert(1) hue-rotate(180deg) saturate(.65);mix-blend-mode:multiply}
html[data-theme=light] .environment-stage>.crt-wave-band,html[data-theme=light] .workflow-security-stage>.shared-pixel-wave{filter:invert(1) hue-rotate(180deg);mix-blend-mode:multiply;opacity:.22}
html[data-theme=light] .environment-stage>.handoff-section{background:transparent;box-shadow:none}
html[data-theme=light] .chat-feature .parallel-demo,html[data-theme=light] .quickstart-code{background:#fff;border:1px solid #dce1eb;box-shadow:0 12px 40px #20305005}
html[data-theme=light] .conversation-feature .chat-request{background:#eaf0fa;border-color:#d2ddee}
html[data-theme=light] .lnl-home .parallel-prompt,html[data-theme=light] .lnl-home .chat-response p{color:#334661!important}
html[data-theme=light] .terminal-titlebar,html[data-theme=light] .sdk-label{background:#edf0f7;color:#6c4da4}
html[data-theme=light] .quickstart-code pre{color:#314a6b}
html[data-theme=light] .syntax-keyword,html[data-theme=light] .cli-flag{color:#7950a8}
html[data-theme=light] .syntax-call,html[data-theme=light] .cli-command{color:#215fc2}
html[data-theme=light] .syntax-string,html[data-theme=light] .cli-string{color:#247453}
html[data-theme=light] .quickstart-section header>a,html[data-theme=light] .setup-note a{color:#7151ad}
html[data-theme=light] .security-enclosure,html[data-theme=light] .security-cell{background:transparent;border-color:#cdd6e5;box-shadow:none}
html[data-theme=light] .landing-footer.crt-footer,html[data-theme=light] .landing-footer .footer-garden{background:#f7f8fc}
html[data-theme=light] .footer-garden .footer-animation{filter:invert(1) hue-rotate(180deg) saturate(.55);mix-blend-mode:multiply}
html[data-theme=light] .landing-footer nav .footer-icon-button{color:#526481}
html[data-theme=light] .closing-copy-label{color:#586579}
html[data-theme=light] ::selection{background:#d8c8f0;color:#261e39}
html[data-theme=light] input,html[data-theme=light] select,html[data-theme=light] textarea{background:#fff;color:#1c2638;border-color:#ccd5e2}
@media(max-width:700px){.theme-toggle{width:32px;height:32px;margin-right:8px;padding:6px}.hooklet-nav-actions>a[href="/login"]{margin-right:12px!important}}
html[data-theme=light] .environment-stage::after{background:rgba(247,248,252,.25);backdrop-filter:none;-webkit-backdrop-filter:none}
html[data-theme=light] .environment-stage>.agent-modes,html[data-theme=light] .agent-actions-band{background:#f0f3f9;box-shadow:none}
html[data-theme=light] .environment-stage>.crt-wave-band{opacity:.12}
html[data-theme=light] .lnl-home .product-hero{border-color:#ccd8e8!important}
.lnl-home .theme-toggle{border-radius:50%!important}
html[data-theme=light] .lnl-home .terminal-program{color:#263b5c!important}
/* Clean illustration edges and a quiet light-mode wordmark. */
html[data-theme=light] .handoff-film,html[data-theme=light] .mode-film,html[data-theme=light] .security-computers{filter:invert(1) hue-rotate(180deg) saturate(.65) brightness(1.08) contrast(1.15);background:transparent;box-shadow:none}
html[data-theme=light] .footer-garden .footer-animation{filter:invert(1) grayscale(1) brightness(1.15);opacity:.38;mix-blend-mode:multiply}
html[data-theme=light] .footer-garden .footer-static-wordmark{color:#c4c8ce}
html[data-theme=light] .environment-stage::after{background:transparent}
html[data-theme=light] .lnl-home>.fresh-site-navigation:not(.is-compact),html[data-theme=dark] .lnl-home>.fresh-site-navigation:not(.is-compact){background:transparent!important;border-color:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
/* Blend against an opaque local surface inside each illustration stacking context. */
html[data-theme=light] .agent-modes article{background:#f0f3f9}
html[data-theme=light] .mode-film,html[data-theme=light] .handoff-film,html[data-theme=light] .security-computers{filter:none;mix-blend-mode:multiply}
html[data-theme=light] .mode-film video,html[data-theme=light] .handoff-film video,html[data-theme=light] .security-computers video{filter:invert(1) hue-rotate(180deg) saturate(.65) brightness(1.08) contrast(1.15);mix-blend-mode:multiply}
/* Give the flowing wave texture enough contrast on pale surfaces. */
html[data-theme=light] .environment-stage>.crt-wave-band,html[data-theme=light] .workflow-security-stage>.shared-pixel-wave{opacity:.48;filter:invert(1) hue-rotate(180deg) saturate(1.35) contrast(1.18);mix-blend-mode:multiply}
@media(max-width:800px){html[data-theme=light] .environment-stage>.crt-wave-band,html[data-theme=light] .workflow-security-stage>.shared-pixel-wave{opacity:.42}}
/* Frosted light-mode agent modes panel, with the wave visible beneath it. */
html[data-theme=light] .environment-stage>.agent-modes{background:rgba(240,243,249,.48);border:1px solid rgba(255,255,255,.68);box-shadow:0 8px 28px rgba(40,57,85,.035);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
html[data-theme=light] .agent-modes article{background:transparent;isolation:auto;z-index:auto}
/* Keep mobile navigation focused on signup and appearance. */
@media(max-width:700px){.hooklet-nav-actions>a[href="/login"]{display:none!important}}