.theme-switch { display:inline-flex; align-items:center; gap:2px; flex:none; height:40px; padding:3px; border:1px solid var(--line,var(--border)); border-radius:13px; background:var(--surface-raised,var(--surface-2)); }
.theme-switch button { display:grid; place-items:center; flex:none; min-width:39px; height:32px; padding:0 9px; border:0; border-radius:9px; background:transparent; color:var(--muted); font:700 12px/1 Inter,"Segoe UI",ui-sans-serif,system-ui,sans-serif; cursor:pointer; }
.theme-switch button:hover { color:var(--ink,var(--text)); }
.theme-switch button[aria-pressed=true] { background:var(--surface); color:var(--ink,var(--text)); box-shadow:0 2px 8px rgba(0,8,21,.13); }
.theme-switch button:focus-visible { outline:2px solid var(--accent); outline-offset:1px; }
.theme-switch .theme-moon { font-size:18px; }
.theme-switch .theme-sun { font-size:16px; }
.theme-switch .theme-auto { min-width:48px; }