.theme-picker{display:flex;align-items:center;gap:6px;flex-shrink:0;color:inherit}
.theme-picker[hidden]{display:none}
.theme-icon{display:block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.theme-picker button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;padding:0;cursor:pointer;color:inherit;border:0;background:transparent;min-height:36px}
.theme-picker .theme-switch{width:38px;position:relative;border-radius:20px}
.theme-switch::before{content:"";position:absolute;inset:8px 0;border-radius:20px;background:#778078}
.theme-switch span{position:relative;width:14px;height:14px;margin-right:18px;border-radius:50%;background:#fff;transition:transform .15s}
.theme-switch[aria-checked="true"]::before{background:var(--orange,#fc6400)}
.theme-switch[aria-checked="true"] span{transform:translateX(18px)}
.theme-picker .theme-auto{min-width:44px;padding:0 8px;margin-left:4px;border-radius:8px;border:1px solid transparent;font-size:12px;font-weight:600;line-height:1}
.theme-auto[aria-pressed="true"]{background:#355943;color:#fff;border-color:#355943}
.theme-picker button:hover{outline:1px solid currentColor;outline-offset:1px}
.theme-picker button:focus-visible{outline:3px solid #155faf;outline-offset:3px}
#footer .theme-picker{margin:12px 0}
@media(pointer:coarse){.theme-picker button{min-height:44px}.theme-picker .theme-auto{width:44px}.theme-switch::before{inset:12px 0}}
@media(prefers-reduced-motion:reduce){.theme-switch span{transition:none}}