.theme-toggle{position:fixed;top:calc(.75rem + env(safe-area-inset-top,0px));right:calc(.75rem + env(safe-area-inset-right,0px));z-index:30;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;color:var(--text);background:transparent;cursor:pointer}
.theme-toggle::before{content:"";position:absolute;inset:11px;border:1px solid var(--muted);border-radius:50%;background:var(--background);box-shadow:0 1px 4px rgb(0 0 0 / .12)}
.theme-toggle:hover::before{background:var(--surface)}
.theme-toggle:focus-visible{outline:none}
.theme-toggle:focus-visible::before{outline:2px solid var(--accent);outline-offset:3px}
.theme-toggle[hidden]{display:none}
.theme-toggle svg{position:relative;width:11px;height:11px;pointer-events:none}
.theme-icon--moon{display:none}
:root[data-theme="light"] .theme-icon--sun{display:none}
:root[data-theme="light"] .theme-icon--moon{display:block}
@media print{.theme-toggle{display:none!important}}