/* Shared appearance picker: a compact native select with keyboard/mobile support. */
.theme-picker{position:relative;display:inline-grid;place-items:center;flex-shrink:0;width:38px;height:38px;margin:0;padding:0;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);line-height:1;cursor:pointer}
.theme-picker svg{display:none;position:absolute;top:50%;left:50%;width:20px;height:20px;max-width:none;margin:0;transform:translate(-50%,-50%);pointer-events:none}
:root[data-theme-preference=system] .theme-device-icon,:root[data-theme-preference=light] .theme-light-icon,:root[data-theme-preference=dark] .theme-dark-icon{display:block}
.theme-picker select{position:absolute;inset:0;display:block;width:100%;height:100%;min-height:0;margin:0;padding:0;border:0;opacity:0;cursor:pointer;font-size:16px}
.theme-picker:has(select:focus-visible){outline:3px solid var(--focus);outline-offset:4px}
.theme-picker:hover{border-color:currentColor}
@media(max-width:600px){.theme-picker{width:34px;height:34px}}
@media(max-width:800px){.site-header .theme-picker{margin-left:auto}}