:root { color-scheme: light; }
.theme-toggle { display:inline-flex; align-items:center; justify-content:center; flex:0 0 34px; width:34px; height:34px; padding:0; border:1px solid #d9caef; border-radius:50%; background:transparent; color:#6f42c1; cursor:pointer; }
.theme-toggle:hover { background:#f3edfc; border-color:#8b5cf6; }
.theme-toggle:focus-visible { outline:2px solid #8b5cf6; outline-offset:3px; }
.theme-toggle-sun { display:none; }
.sd-ticker .theme-toggle { flex-basis:28px; width:28px; height:28px; color:#fff; border-color:#ffffff80; }
.sd-ticker .theme-toggle:hover { background:#ffffff26; border-color:#fff; }
.sd-ticker .theme-toggle:focus-visible { outline-color:#fff; }
html[data-theme="dark"] .theme-toggle { color:#ddd6fe; border-color:#78648e; }
html[data-theme="dark"] .theme-toggle:hover { background:#302840; }
html[data-theme="dark"] .theme-toggle-moon { display:none; }
html[data-theme="dark"] .theme-toggle-sun { display:block; }