.toggle-wrapper{position:relative;display:inline-block;width:52px;height:28px;cursor:pointer}.toggle-checkbox{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.toggle-slot{position:relative;width:100%;height:100%;border-radius:9999px;background-color:#f4f4f5;box-shadow:inset 0 0 10px rgba(0,0,0,.1);transition:all .4s ease;display:flex;align-items:center;padding:0 4px;border:2px solid transparent}.toggle-checkbox:checked~.toggle-slot{background-color:#1e293b;box-shadow:inset 0 0 10px rgba(0,0,0,.2)}.toggle-button{position:absolute;top:2px;left:2px;height:20px;width:20px;background:linear-gradient(45deg,#ffd700,#ffaa00);border-radius:50%;transition:all .4s cubic-bezier(.26,2,.46,.71);box-shadow:0 2px 6px rgba(0,0,0,.2)}.toggle-checkbox:checked~.toggle-slot .toggle-button{transform:translateX(24px);background:linear-gradient(45deg,#c8c8ff,#6b7280)}.moon-icon-wrapper,.sun-icon-wrapper{position:absolute;top:4px;width:16px;height:16px;transition:all .5s cubic-bezier(.26,2,.46,.71)}.sun-icon-wrapper{left:6px;opacity:1;transform:translateY(0) rotate(0deg) scale(1)}.moon-icon-wrapper{right:4px;opacity:0;transform:translateY(10px) rotate(-90deg) scale(.6)}.toggle-checkbox:checked~.toggle-slot .sun-icon-wrapper{opacity:0;transform:translateY(-10px) rotate(90deg) scale(.6)}.toggle-checkbox:checked~.toggle-slot .moon-icon-wrapper{opacity:1;transform:translateY(0) rotate(0deg) scale(1)}.sun-icon{color:#ff9900;filter:drop-shadow(0 0 2px rgba(255,153,0,.5))}.moon-icon,.sun-icon{width:100%;height:100%}.moon-icon{color:#e2e8f0;filter:drop-shadow(0 0 2px rgba(255,255,255,.5))}.toggle-wrapper:hover .toggle-slot{border-color:var(--primary)}.toggle-wrapper:hover .toggle-button{transform:scale(1.1)}.toggle-checkbox:checked~.toggle-slot .toggle-button:hover{transform:translateX(24px) scale(1.1)}.theme-switcher{position:relative;display:inline-block}.theme-switcher__button{background:transparent;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;color:currentColor;transition:opacity .2s}.theme-switcher__button:hover{opacity:.7}.theme-switcher__button svg{width:16px;height:16px;fill:currentColor}.theme-switcher__panel{position:absolute;top:100%;right:0;margin-top:8px;display:flex;gap:8px;padding:8px;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:1000;animation:fadeIn .2s ease-out}.dark .theme-switcher__panel{background:rgba(0,0,0,.95);box-shadow:0 4px 12px rgba(255,255,255,.1)}.theme-switcher__color-option{width:32px;height:32px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .2s;position:relative}.theme-switcher__color-option:hover{transform:scale(1.1);border-color:currentColor}.theme-switcher__color-option[aria-pressed=true]{border-color:currentColor;box-shadow:0 0 0 2px rgba(0,0,0,.1)}.dark .theme-switcher__color-option[aria-pressed=true]{box-shadow:0 0 0 2px rgba(255,255,255,.2)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}