button.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;min-width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:8px;background:var(--field,transparent);color:inherit;cursor:pointer;touch-action:manipulation}
.theme-toggle-icon{display:block;width:22px;height:22px;background:currentColor;-webkit-mask:url('./icons/sun.svg') center/contain no-repeat;mask:url('./icons/sun.svg') center/contain no-repeat}
.theme-toggle[aria-pressed=true] .theme-toggle-icon{-webkit-mask-image:url('./icons/moon.svg');mask-image:url('./icons/moon.svg')}
.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:3px}