.theme-toggle { font:inherit; font-size:13px; border:1px solid var(--line); border-radius:24px; padding:9px 14px; background:var(--paper); color:var(--ink); cursor:pointer; white-space:nowrap; }
.theme-toggle:focus-visible { outline:3px solid #8885ee; outline-offset:3px; }
.auth-card > .theme-toggle { margin-bottom:24px; }
:root[data-theme="dark"] { color-scheme:dark; --ink:#eeedf9; --muted:#bdbbd0; --paper:#15151f; --line:#3d3c50; --panel:#282737; }
[data-theme="dark"] .button-dark, [data-theme="dark"] .primary { background:#e6ee93; color:#22235b; }
[data-theme="dark"] .button-dark:hover, [data-theme="dark"] .primary:hover { background:#d4df79; }
[data-theme="dark"] .statement, [data-theme="dark"] .auth-story, [data-theme="dark"] .day-card { background:#22235b; color:#fafaf7; }
[data-theme="dark"] .phase-card, [data-theme="dark"] .task-reminder { color:#22235b; }
[data-theme="dark"] .phase-card .card-kicker { color:#45465e; }
[data-theme="dark"] .sidebar { background:#1e1d2b; }
[data-theme="dark"] .sidebar nav button[aria-current="page"] { background:#3d3d79; color:white; }
[data-theme="dark"] .panel, [data-theme="dark"] .stat-card, [data-theme="dark"] .metric, [data-theme="dark"] .score-choice span, [data-theme="dark"] .secondary, [data-theme="dark"] .planner-panel, [data-theme="dark"] .planner-editor, [data-theme="dark"] .planner-day, [data-theme="dark"] dialog, [data-theme="dark"] input, [data-theme="dark"] select, [data-theme="dark"] textarea { background:#222130; color:var(--ink); border-color:var(--line); }
[data-theme="dark"] .invitation, [data-theme="dark"] .pillar-symbol, [data-theme="dark"] .energy-summary, [data-theme="dark"] .pattern-card { background:var(--panel); }
[data-theme="dark"] .planner-day.is-today { background:#30332a; }
[data-theme="dark"] .planner-empty, [data-theme="dark"] .pillar-top > span:last-child { color:var(--muted); }
[data-theme="dark"] h1 > span { color:#b0acd8; }
[data-theme="dark"] .message.error { background:#3b222b; color:#ffc4ce; }
[data-theme="dark"] .message.success { background:#20382a; color:#b9eac7; }
.header nav { display:flex; flex-wrap:wrap; align-items:center; gap:20px; }
.hero-footnote { max-width:420px; }
[data-theme="dark"] .focus-card { background:#22235b; color:white; }
[data-theme="dark"] .stat, [data-theme="dark"] .energy-event { background:#222130; }
[data-theme="dark"] .score-choice input:checked + span { background:#e6ee93; color:#22235b; }
[data-theme="dark"] .skip, [data-theme="dark"] .skip-link { background:var(--paper); }
@media(max-width:600px) { .header { height:auto; min-height:110px; padding-block:20px; gap:16px; flex-wrap:wrap; } .header nav { gap:12px; } .workspace-header { flex-wrap:wrap; gap:10px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .button { transition:none; } }

.language-control { display: inline-flex; align-items: center; gap: .4rem; font-size: .8rem; flex-wrap: wrap; }
.language-control select { min-height: 44px; max-width: 140px; padding: .4rem .6rem; border-radius: .6rem; border: 1px solid var(--line, #8c8ca0); background: var(--surface, #fff); color: var(--ink, #22235b); font: inherit; }
[data-theme="dark"] .language-control select { background: #242639; color: #f5f5fa; }
.workspace-header { flex-wrap: wrap; }
@media (max-width: 600px) { .language-control > span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); } .header nav { flex-wrap: wrap; } }