.theme-toggle{--theme-toggle-size:44px;width:var(--theme-toggle-size);height:var(--theme-toggle-size);flex:0 0 var(--theme-toggle-size);border:1px solid var(--border);background-color:var(--bg-card);color:var(--accent-strong);box-shadow:var(--shadow-sm);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:50%;place-items:center;transition:transform .16s cubic-bezier(.2,.8,.2,1),background-color .22s cubic-bezier(.2,.8,.2,1),border-color .22s cubic-bezier(.2,.8,.2,1),color .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s cubic-bezier(.2,.8,.2,1);display:grid;position:relative;overflow:hidden}.theme-toggle:active{transform:scale(.92)}.theme-toggle-icon{opacity:0;place-items:center;width:48%;height:48%;transition:opacity .16s cubic-bezier(.2,.8,.2,1),transform .22s cubic-bezier(.2,.8,.2,1);display:grid;position:absolute;transform:translateY(6px)rotate(-18deg)scale(.9)}.theme-toggle-icon svg{stroke-width:1.8px;width:100%;height:100%}.theme-toggle[data-theme=light] .theme-toggle-sun,.theme-toggle[data-theme=dark] .theme-toggle-moon{opacity:1;transform:translateY(0)rotate(0)scale(1)}.theme-toggle[data-theme=dark] .theme-toggle-sun{transform:translateY(-6px)rotate(18deg)scale(.9)}@media (hover:hover) and (pointer:fine){.theme-toggle:hover{border-color:var(--accent);background-color:var(--accent-soft);box-shadow:var(--shadow-md);transform:translateY(-1px)}}@media (prefers-reduced-motion:reduce){.theme-toggle,.theme-toggle-icon{transition-duration:.01ms!important}}