.site-theme-toggle {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 100;
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    padding: 10px;
    border: 1px solid var(--portal-color-border);
    border-radius: 8px;
    color: var(--portal-color-purple);
    background: var(--portal-color-canvas);
    box-shadow: 0 4px 16px var(--portal-color-value-094);
    cursor: pointer;
}
.site-theme-toggle svg { display: block; width: 26px; height: 26px; }
.site-theme-toggle:hover { background: var(--portal-color-surface-secondary); }
.site-theme-toggle:focus-visible { outline: 3px solid var(--portal-color-blue); outline-offset: 4px; }
.site-theme-toggle[aria-pressed="true"] { border-color: var(--portal-color-blue); }
@media (max-width: 600px) {
    .site-theme-toggle { right: 16px; }
}