.header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--gold)}
.theme-toggle:hover{border-color:var(--gold)}
.theme-toggle[hidden],.theme-moon{display:none}
:root[data-theme=light] .theme-sun{display:none}
:root[data-theme=light] .theme-moon{display:block}
:root[data-theme=light]{color-scheme:light;--bg:#faf7f2;--surface:#fffdf9;--line:#30293c24;--text:#2c2836;--muted:#686273;--gold:#856127;--lilac:#77579b}
:root[data-theme=light] :is(.header nav,.hero p,.hero-caption,.wheel-label,.wheel-bottom,.section-note,.zodiac-dates,.forecast-date,.forecast-date span,.general-text,.pending-forecast p,.advice p,.moon-card>p,.moon-stats span,.moon-note,.life-areas p,.planet-card div>span,.aspects div>span,.source-note,.about p,.about p+p,footer>span,.birth-intro>p,.birth-panel .form-hint,.form-privacy,.birth-footnote,.birth-position p,.reading-intro,.article-meta,.article-card time,.editor-form small){color:var(--muted)}
:root[data-theme=light] :is(.zodiac-symbol,.save-button,.pending-star,.pending-forecast .eyebrow,.moon-card .eyebrow,.planet-card abbr,.motion-toggle){color:var(--lilac)}
:root[data-theme=light] :is(.advice strong,.moon-stats strong,.about summary,.article-body a){color:var(--gold)}
:root[data-theme=light] :is(.aspects strong,.birth-panel label,.editor-form input,.editor-form textarea){color:var(--text)}
:root[data-theme=light] :is(.saved-sign,.save-button,.motion-toggle,.birth-panel input,.birth-panel select,.aspects>div,.article-card,.admin-row,.editor-form input,.editor-form textarea,.editor-form fieldset,.editor-actions details){border-color:var(--line)}
:root[data-theme=light] :is(.zodiac-card,.planet-card,.period-tabs,.article-card,.editor-form input,.editor-form textarea,.birth-panel input,.birth-panel select){background:var(--surface)}
:root[data-theme=light] .zodiac-card:hover{border-color:var(--gold);background:#f2eadf}
:root[data-theme=light] .zodiac-card.selected{border-color:var(--gold);background:linear-gradient(145deg,#f0e4ce,#faf4ea)}
:root[data-theme=light] .zodiac-card.selected .zodiac-symbol{color:var(--gold)}
:root[data-theme=light] .period-tabs a.selected{background:#e9e1f0}
:root[data-theme=light] .forecast-card{background:linear-gradient(120deg,#fffdf9,#f3edf7)}
:root[data-theme=light] .birth-panel{background:linear-gradient(130deg,#f3edf7,#fffdf9)}
:root[data-theme=light] .moon-card{background:radial-gradient(ellipse at 50% 28%,#ddd0ec66,transparent 60%),var(--surface)}
:root[data-theme=light] .moon-symbol{color:#886ba6;text-shadow:0 0 38px #b6a4dc40}
:root[data-theme=light] .advice{background:#f3eadb;border-color:#85612730}
:root[data-theme=light] :is(.primary-button,.skip){background:#e7cfa1;color:#302719}
:root[data-theme=light] .primary-button:hover{background:#dcc08b}
:root[data-theme=light] :is(.article-next,.notice){background:#eee7f3}
:root[data-theme=light] .header nav button{color:var(--text)}
:root[data-theme=light] .birth-error{color:#a32f29}
:root[data-theme=light] .sign-title p span{color:var(--muted)}
:root[data-theme=light] .sign-title>span{border-color:#85612740;background:#8561270a}
:root[data-theme=light] :is(.wheel-sign,.core-star,.core-label,.planet-dot){fill:var(--gold)}
:root[data-theme=light] .planet-symbol{fill:var(--lilac)}
:root[data-theme=light] .wheel-line{stroke:#85612770}
:root[data-theme=light] :is(.wheel-halo,.wheel-dashed,.planet-ray){stroke:#85612735}
:root[data-theme=light] .wheel-tick{stroke:#85612790}
:root[data-theme=light] .wheel-core{fill:#85612708;stroke:#85612750}
:root[data-theme=light] :is(.astrolabe-track,.astrolabe-core-track){stroke:#85612766}
:root[data-theme=light] .astrolabe-jewel{fill:var(--gold)}
:root[data-theme=light] .astrolabe-trail-gold{stroke:var(--gold)}
:root[data-theme=light] .astrolabe-trail-lilac{stroke:var(--lilac)}
@media(min-width:761px) and (max-width:1200px){.header{gap:16px}.header .brand span{display:none}.header nav{gap:16px}.header-actions{gap:8px}.saved-sign{padding:9px 14px}}
@media(max-width:800px){.header:has(>.theme-toggle){height:auto;min-height:82px;padding-top:16px;padding-bottom:16px}.header:has(>.theme-toggle) nav{order:3;width:100%;height:auto}.header:has(>.theme-toggle) nav a{height:auto}}
@media(max-width:380px){.header-actions{gap:6px}.header-actions .saved-sign{padding:8px 10px}.header-actions .saved-sign span{padding-left:8px}}