.header-actions{display:flex;align-items:center;gap:13px}.appearance-toggle{display:grid;place-items:center;width:43px;height:43px;flex-shrink:0;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--ink)}.appearance-toggle:hover{background:color-mix(in srgb,var(--ink) 6%,transparent)}.appearance-toggle svg{width:20px;height:20px}.sun-icon{display:none}html[data-appearance=dark] .sun-icon{display:block}html[data-appearance=dark] .moon-icon{display:none}
html[data-appearance=dark]{color-scheme:dark;--ink:#f0f2ec;--muted:#b7bdb1;--paper:#141713;--line:#363c31;--night-panel:#20261d;--night-soft:#2a3225;--night-border:#424d37;--night-accent:#d6f270;--night-accent-ink:#20251e}
html[data-appearance=dark]:has(#palette-sheet[href*="blue"]){--paper:#111720;--night-panel:#1b2633;--night-soft:#25354a;--night-border:#3c5572;--night-accent:#89b5e5;--night-accent-ink:#14283f}
html[data-appearance=dark] body{background:var(--paper);color:var(--ink)}html[data-appearance=dark] h1>span{color:#b7bdb1}html[data-appearance=dark] .nav-cta{border-color:var(--night-border)}html[data-appearance=dark] .nav-cta:hover{background:var(--night-soft)}html[data-appearance=dark] .path-picker .audience{background:var(--night-panel);border-color:var(--night-border)}html[data-appearance=dark] .path-picker .audience:before{background:var(--night-accent)}html[data-appearance=dark] .path-picker .audience button{color:#c2c8bd}html[data-appearance=dark] .path-picker .audience button[aria-selected=true]{color:var(--night-accent-ink)}html[data-appearance=dark] .hero-panel,html[data-appearance=dark] .steps article,html[data-appearance=dark] .join-builder{background:var(--night-panel);border-color:var(--night-border)}html[data-appearance=dark] .diagram{background:radial-gradient(ellipse at center,color-mix(in srgb,var(--night-accent) 12%,transparent),transparent 68%)}html[data-appearance=dark] .orbit{border-color:var(--night-border)}html[data-appearance=dark] .float-card{background:var(--night-soft);color:var(--ink);border-color:var(--night-border)}html[data-appearance=dark] .float-card small,html[data-appearance=dark] .diagram-caption,html[data-appearance=dark] .under-hero,html[data-appearance=dark] .step-period,html[data-appearance=dark] .use-cases article>span{color:#b7bdb1}html[data-appearance=dark] .mini-icon,html[data-appearance=dark] .mini-icon.green{background:var(--night-panel);color:var(--night-accent)}html[data-appearance=dark] .spark{color:var(--night-accent)}html[data-appearance=dark] .dark,html[data-appearance=dark] .light{background:var(--night-accent);color:var(--night-accent-ink)}html[data-appearance=dark] .dark:hover,html[data-appearance=dark] .light:hover{filter:brightness(1.08)}html[data-appearance=dark] .support-section,html[data-appearance=dark] .join-owner{background:var(--night-panel);color:var(--ink);border-color:var(--night-border)}html[data-appearance=dark] .support-inner .label,html[data-appearance=dark] .support-inner>div>p,html[data-appearance=dark] .support-list p,html[data-appearance=dark] .join-owner p,html[data-appearance=dark] .join-owner small{color:#c2c8bd}html[data-appearance=dark] .support-list article{border-color:var(--night-border)}html[data-appearance=dark] .support-list article>span{color:var(--night-accent)}html[data-appearance=dark] .closing{background:var(--night-soft);border-color:var(--night-border)}html[data-appearance=dark] .faq-list summary span,html[data-appearance=dark] .footer-bottom{color:#b7bdb1}html[data-appearance=dark] .status-dot{background:var(--night-accent);box-shadow:0 0 0 4px var(--night-soft)}html[data-appearance=dark] .palette-review{background:#222;color:#eee;border-color:#444}html[data-appearance=dark] .palette-options button{background:#292929;color:#eee;border-color:#555}html[data-appearance=dark] .palette-options button[aria-pressed=true]{background:#444;border-color:#ddd;box-shadow:inset 0 0 0 1px #ddd}html[data-appearance=dark] .palette-collapse{background:#383838;color:#eee}html[data-appearance=dark] dialog{color-scheme:light;background:#fff;color:#20251e}html[data-appearance=dark] .dialog-fallback{color:#62675e}html[data-appearance=dark] .dialog-top{border-color:#dfe3d7}html[data-appearance=dark] .dialog-top button{color:#20251e}html[data-appearance=dark] .skip{background:var(--night-panel)}
@media(max-width:1000px){.header-actions{gap:9px}.appearance-toggle{width:40px;height:40px}}@media(max-width:700px){header{gap:10px}.header-actions{gap:5px}.appearance-toggle{width:38px;height:38px}.header-actions .nav-cta{padding:8px}}
html[data-appearance=dark]:has(#palette-sheet[href="/style.css"]) .ai-core{color:#20251e}html[data-appearance=dark] .progress span{background:var(--night-soft);border-color:var(--night-border);color:var(--ink)}html[data-appearance=dark] .progress span:last-child{background:var(--night-accent);color:var(--night-accent-ink)}html[data-appearance=dark] .text-link{border-color:var(--night-border)}
/* Roadmap illustrations follow the active appearance and palette. */
html[data-appearance=dark] .blocks span{background:color-mix(in srgb,var(--night-accent) 22%,var(--night-panel));border:0;box-shadow:none}
html[data-appearance=dark] .blocks span:nth-child(2){background:color-mix(in srgb,var(--night-accent) 34%,var(--night-panel))}
html[data-appearance=dark] .blocks span:nth-child(3){background:color-mix(in srgb,var(--night-accent) 46%,var(--night-panel))}
html[data-appearance=dark] .blocks span:nth-child(4){background:color-mix(in srgb,var(--night-accent) 62%,var(--night-panel))}
html[data-appearance=dark] .blocks span:nth-child(5){background:color-mix(in srgb,var(--night-accent) 80%,var(--night-panel))}
html[data-appearance=dark] .conversation span{background:color-mix(in srgb,var(--night-accent) 22%,var(--night-panel))}
html[data-appearance=dark] .conversation span:nth-child(2){background:color-mix(in srgb,var(--night-accent) 55%,var(--night-panel))}
html[data-appearance=dark] .progress i{background:var(--night-border)}
html[data-appearance=dark] .diagram{background:radial-gradient(ellipse 48% 48% at 50% 50%,color-mix(in srgb,var(--night-accent) 14%,transparent) 0%,color-mix(in srgb,var(--night-accent) 7%,transparent) 45%,transparent 100%)}