.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:#00000047;color:#ffffffe6;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}.theme-toggle:hover{background:#0000006b;border-color:#ffffff52;color:var(--color-white);transform:scale(1.06)}.theme-toggle:focus-visible{outline:2px solid var(--color-action, #0DA5AD);outline-offset:2px}.theme-toggle[data-mode=light]{color:#f7e7a8}.theme-toggle[data-mode=dark]{color:#cdd9ff}[data-theme=light] .theme-toggle--on-surface{background:#1620270f;border-color:#1620271f;color:var(--color-ink, #162027)}[data-theme=light] .theme-toggle--on-surface:hover{background:#1620271f;border-color:#16202738}.theme-toggle--floating{position:absolute;top:var(--space-4, 16px);right:var(--space-6, 24px);z-index:5}@media(prefers-reduced-motion:reduce){.theme-toggle,.theme-toggle:hover{transform:none;transition:none}}