.theme-btn{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--card);color:var(--ink);box-shadow:0 2px 7px #493e4c06;transition:background .18s,border-color .18s,color .18s}
.theme-btn:hover{transform:none;background:var(--soft);border-color:var(--accent);color:var(--ink)}
.theme-btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.theme-btn:active{background:var(--soft)}
.theme-btn svg{display:block;flex:none;width:21px;height:21px;pointer-events:none}
.theme-btn .theme-sun{display:none}
body[data-theme=dark] .theme-btn{background:var(--soft);color:var(--ink);border-color:var(--line);box-shadow:none}
body[data-theme=dark] .theme-btn:hover{background:var(--card);border-color:var(--accent)}
body[data-theme=dark] .theme-btn .theme-moon{display:none}
body[data-theme=dark] .theme-btn .theme-sun{display:block}
@media(max-width:620px){.theme-btn{flex-basis:40px;width:40px;height:40px;min-width:40px;min-height:40px}.theme-btn svg{width:20px;height:20px}}
@media(max-width:370px){.masthead{gap:8px}.header-tools{gap:4px}.theme-btn{flex-basis:38px;width:38px;height:38px;min-width:38px;min-height:38px}.header-tools .nav-cta{width:30px}.header-tools .menu-btn{width:26px}}
@media(prefers-reduced-motion:reduce){.theme-btn{transition:none}}