.header-tools{display:flex;align-items:center;gap:20px}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;padding:10px;border:0;background:transparent;color:inherit;cursor:pointer;touch-action:manipulation}
.theme-toggle[hidden]{display:none}
.theme-toggle svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.theme-toggle:hover svg{transform:rotate(-12deg)}
.theme-toggle:focus-visible{outline:3px solid currentColor;outline-offset:3px}
.theme-sun{display:none}
html[data-theme=light]{color-scheme:light}
html[data-theme=dark]{color-scheme:dark}
html[data-theme=dark] .theme-sun{display:block}
html[data-theme=dark] .theme-moon{display:none}
@media(max-width:700px){.header-tools{gap:12px}}
@media(prefers-reduced-motion:reduce){.theme-toggle svg{transition:none}}