/* Shared appearance control; the photos retain their original colors. */
html[data-theme="light"]{color-scheme:light}
html[data-theme="dark"]{color-scheme:dark}
.utility-inner>span{min-width:0;flex:1}
.utility-inner>div{flex-shrink:0}
body .theme-toggle,.utility .theme-toggle,.admin-shell .theme-toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:28px;min-height:28px;padding:5px;border:1px solid #17231f30;border-radius:50%;color:#17231f;background:transparent;cursor:pointer;line-height:1;transition:background .18s,color .18s,border-color .18s}
body .theme-toggle svg{width:17px;height:17px;flex-shrink:0;pointer-events:none}
.utility .theme-toggle:hover{background:#17231f12;border-color:#17231f70}
body .theme-toggle:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.admin-shell .theme-toggle{background:#f0f3eb;border-color:#dfe5dd}
.admin-shell .theme-toggle:hover{background:#e3eacb}
html[data-theme="dark"] .utility .theme-toggle{color:#17231f;border-color:#17231f50}
html[data-theme="dark"] .utility .theme-toggle:hover{background:#17231f12;border-color:#17231f70}
html[data-theme="dark"] .admin-shell .theme-toggle{background:#222e24;border-color:#34432f;color:#d7ef73}
html[data-theme="dark"] .admin-shell .theme-toggle:hover{background:#34432f}
@media(max-width:640px){.utility-inner>span{max-width:none;padding-right:8px}.utility-inner>div{gap:7px}.utility .theme-toggle{width:26px;height:26px;min-height:26px;flex-basis:26px;padding:4px}.admin-shell .owner-pill>.owner-avatar,.admin-shell .owner-pill>.owner-avatar+span{display:none}}
@media(prefers-reduced-motion:reduce){body .theme-toggle{transition:none}}