html{color-scheme:dark}
html[data-theme=light]{color-scheme:light}
html.theme-changing body{transition:background-color .3s ease,color .3s ease}
html.theme-changing :where(.header,.sidebar,.cat-card,.subspecies-card,.search-wrap,dialog,.detail-body,.detail-visual,.map-header,.map-workspace,.species-panel,#world-map,.map-state,.map-caption,.source-card){transition:background-color .3s ease,border-color .3s ease}
.brand-mark{display:flex;align-items:center;flex-shrink:0;line-height:1}
.brand-mark .brand-logo{display:block;width:64px;height:40px}
@media(max-width:680px){.brand-mark .brand-logo{width:52px;height:34px}}
.theme-button .pupil{transform-box:fill-box;transform-origin:center;transform:scaleX(1);transition:transform .3s ease,fill .3s ease}
html[data-theme=light] .theme-button .pupil{transform:scaleX(.3)}
@media(prefers-reduced-motion:reduce){html.theme-changing,html.theme-changing *,.theme-button .pupil{transition-duration:0s!important}}