.dark-mode-toggle{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background-color:var(--bg-card);border:none;cursor:pointer;transition:var(--transition-smooth);position:relative;overflow:hidden;box-shadow:var(--shadow-sm,0 2px 8px #00000014)}.dark-mode-toggle:hover{box-shadow:var(--shadow-md,0 4px 12px #0000001a);transform:translateY(-1px) scale(1.05)}.dark-mode-toggle:active{transform:scale(.95)}.toggle-icon-wrapper{display:flex;align-items:center;justify-content:center;transition:transform .4s cubic-bezier(.68,-.55,.265,1.55)}.dark-mode-toggle .toggle-icon{color:var(--bs-primary);transition:var(--transition-transform),color .3s ease}.dark-mode-toggle:hover .toggle-icon-wrapper{transform:rotate(15deg) scale(1.1)}.dark-mode-toggle.theme-light .toggle-icon{color:var(--bs-primary)}.dark-mode-toggle.theme-dark .toggle-icon{color:var(--bs-warning,var(--bs-warning))}.dark-mode-toggle.theme-pink .toggle-icon{color:var(--color-pink-primary)}.dark-mode-toggle.theme-pink:hover .toggle-icon-wrapper{transform:rotate(0deg) scale(1.15)}@keyframes iconPop{0%{transform:scale(.5) rotate(-180deg);opacity:0}50%{transform:scale(1.2) rotate(10deg)}to{transform:scale(1) rotate(0deg);opacity:1}}.dark-mode-toggle .toggle-icon-wrapper{animation:iconPop .4s cubic-bezier(.68,-.55,.265,1.55)}@media (max-width:480px){.dark-mode-toggle{width:38px;height:38px}.dark-mode-toggle .toggle-icon{width:18px;height:18px}}.dark-mode-toggle:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,#ffffff4d 0,#0000 70%);border-radius:var(--radius-circle);transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease}.dark-mode-toggle:hover:before{width:60px;height:60px}.dark-mode-toggle.theme-dark:before{background:radial-gradient(circle,#ffc10733 0,#0000 70%)}.dark-mode-toggle.theme-pink:before{background:radial-gradient(circle,#ec489933 0,#0000 70%)}