.themetoggle__button{position:relative;width:44px;height:44px;border:1px solid var(--border);background:var(--surface);border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);outline:none;padding:0}.themetoggle__button:hover{background:var(--surface-hover);border-color:var(--border-strong);transform:translateY(-1px)}.themetoggle__button:active{transform:translateY(0);background:var(--surface-active)}.themetoggle__button:focus-visible{border-color:var(--border-focus);box-shadow:0 0 0 3px #fa55131a}.themetoggle__icon-wrapper{display:flex;align-items:center;justify-content:center;width:20px;height:20px}.themetoggle__icon{width:100%;height:100%;color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1)}.themetoggle__icon--sun{animation:rotateIn .3s cubic-bezier(.4,0,.2,1)}.themetoggle__icon--moon{animation:fadeIn .3s cubic-bezier(.4,0,.2,1)}.themetoggle__button:hover .themetoggle__icon{color:var(--primary);transform:scale(1.05)}@keyframes rotateIn{0%{opacity:0;transform:rotate(-90deg) scale(.8)}to{opacity:1;transform:rotate(0) scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){.themetoggle__button{width:40px;height:40px}.themetoggle__icon-wrapper{width:18px;height:18px}}