:root{color-scheme:light}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:30px;padding:9px 14px;min-height:44px;background:transparent;color:var(--ink);font:inherit;font-size:12px;cursor:pointer;white-space:nowrap}
.theme-toggle>span:first-child{font-size:19px;line-height:1}
.theme-toggle:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
[data-theme="dark"]{color-scheme:dark;--paper:#171717;--ink:#f2f2ed;--muted:#b8b8b4;--line:#3b3b38;--dark:#101010;--light-line:#414141}
[data-theme="dark"] h1 em,[data-theme="dark"] h2 em{color:#bcbcb6}
[data-theme="dark"] .journey-message h2 em{color:#fff}
[data-theme="dark"] .focus-section{color:#f2f2ed}
[data-theme="dark"] .planet-inner{background:#222221}
[data-theme="dark"] img[src*="star-mark-v2.svg"]{filter:invert(1)}
[data-theme="dark"] .round-link{border-color:#777773}
[data-theme="dark"] .round-link:hover{color:#171717}
[data-theme="dark"] .hero-image{background:#242424}
@media(hover:hover) and (pointer:fine){.theme-toggle:hover{background:var(--ink);color:var(--paper)}}
@media(max-width:760px){nav{gap:14px}.theme-toggle{padding:8px 10px;font-size:11px}}
@media(max-width:370px){nav{gap:10px}.theme-toggle{gap:5px;padding:8px}.theme-label{font-size:10px}}

html:not(.theme-ready) .theme-toggle{display:none}