.theme-toggle.theme-toggle,[data-theme-toggle][data-theme-toggle] { display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; width:38px; height:38px; padding:0; border:2px solid var(--control-border,var(--border,#1d1d1f)); border-radius:10px; background:#fff; color:#1d1d1f; cursor:pointer; transition:background .15s,border-color .15s,color .15s; box-shadow:none; }
[data-theme=dark] .theme-toggle.theme-toggle,[data-theme=dark] [data-theme-toggle][data-theme-toggle] { background:#1e1b17; color:#ede5da; }
.theme-toggle.theme-toggle:hover,[data-theme-toggle][data-theme-toggle]:hover { border-color:#1d1d1f; color:#1d1d1f; }
[data-theme=dark] .theme-toggle.theme-toggle:hover,[data-theme=dark] [data-theme-toggle][data-theme-toggle]:hover { border-color:#ede5da; color:#ede5da; }
.theme-toggle [data-theme-icon],#theme-icon,#login-theme-icon { display:flex; align-items:center; justify-content:center; line-height:0; }
.theme-toggle.theme-toggle svg,[data-theme-toggle] svg { display:block; width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:2; }
@media(prefers-reduced-motion:reduce) { .theme-toggle.theme-toggle,[data-theme-toggle][data-theme-toggle] { transition:none; } }
html.theme-instant,html.theme-instant *,html.theme-instant *::before,html.theme-instant *::after { transition:none !important; }