.theme-switcher{border:1px solid var(--line-strong);border-radius:var(--radius-card);background:var(--surface-muted);grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;padding:3px;display:grid}.theme-switcher button{border-radius:calc(var(--radius-card) - 3px);min-width:0;min-height:44px;color:var(--muted);white-space:nowrap;cursor:pointer;background:0 0;border:0;justify-items:center;gap:2px;padding:5px 2px;font-size:11px;font-weight:500;line-height:1.25;display:grid}.theme-switcher button:hover{color:var(--ink)}.theme-switcher button[aria-checked=true]{background:var(--surface);color:var(--primary-ink);box-shadow:var(--shadow-panel);font-weight:600}.theme-switcher button:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.theme-switcher[data-variant=sidebar]{border-color:var(--nav-line);background:var(--brand-void-raised);margin:0 14px 10px}.theme-switcher[data-variant=sidebar] button{color:var(--nav-text)}.theme-switcher[data-variant=sidebar] button:hover{color:var(--nav-text-strong)}.theme-switcher[data-variant=sidebar] button[aria-checked=true]{background:var(--primary);color:var(--on-primary);box-shadow:none}.theme-switcher[data-variant=sidebar] button:focus-visible{outline-color:var(--brand-cyan)}