.theme-toggle.theme-toggle--labelled { display:inline-flex; width:auto; min-width:112px; height:44px; padding:0 12px; gap:8px; border-radius:10px; white-space:nowrap; font:inherit; font-size:13px; font-weight:600; }
.theme-toggle--labelled svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; flex-shrink:0; }
.theme-toggle--labelled .theme-moon,.theme-toggle--labelled .theme-label-dark { display:none; }
[data-theme="dark"] .theme-toggle--labelled .theme-sun,[data-theme="dark"] .theme-toggle--labelled .theme-label-light { display:none; }
[data-theme="dark"] .theme-toggle--labelled .theme-moon,[data-theme="dark"] .theme-toggle--labelled .theme-label-dark { display:inline; }
.theme-toggle--labelled:focus-visible { outline:3px solid var(--accent,#cf2035); outline-offset:3px; }
.theme-toggle.theme-toggle--labelled { background:#fff; color:#242426; border-color:#c8c2c2; }
[data-theme="dark"] .theme-toggle.theme-toggle--labelled { background:#242426; color:#fff; border-color:#77777d; }
@media(max-width:767px) { .theme-toggle.theme-toggle--labelled { min-width:104px; padding:0 10px; font-size:12px; } }