/* Theme toggle: sun in dark theme (switch to light), moon in light theme (switch to dark) */
.tgl{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border-radius:12px;background:var(--surface-5);border:0;color:var(--text,#fff);font:inherit;cursor:pointer}
.tgl:hover{background:var(--surface-6)}
.tgl:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
html[data-theme=dark] .tgl .ic-moon,html[data-theme=light] .tgl .ic-sun{display:none}
html:not([data-theme]) .tgl .ic-moon{display:none}