.theme-toggle{border:1px solid color-mix(in srgb, var(--primary-color) 30%, var(--shell-border));background:linear-gradient(135deg, #54a5ff33 0%, #2f80ed24 52%, #20af9c1a 100%), color-mix(in srgb, var(--shell-button-bg) 92%, transparent);width:38px;height:38px;color:var(--text-primary);-webkit-backdrop-filter:blur(12px)saturate(140%);border-radius:999px;justify-content:center;align-items:center;gap:8px;transition:transform .18s,box-shadow .18s,background-color .18s,color .18s,border-color .18s;display:inline-flex;box-shadow:0 10px 20px #13366324,inset 0 1px #ffffff57}.theme-toggle:hover{border-color:color-mix(in srgb, var(--primary-color) 46%, var(--shell-border));background:linear-gradient(135deg, #54a5ff42 0%, #2f80ed33 52%, #20af9c24 100%), color-mix(in srgb, var(--shell-button-hover) 94%, transparent);color:var(--text-primary);transform:translateY(-1px);box-shadow:0 12px 24px #1336632e,inset 0 1px #ffffff70}.theme-toggle:focus-visible{box-shadow:var(--focus-ring);outline:none}.theme-toggle-labeled{width:auto;padding:0 14px}.theme-toggle-labeled span{white-space:nowrap;font-size:.84rem;font-weight:700}