.theme-switcher-container{display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.05);backdrop-filter:blur(10px);border-radius:40px;border:1px solid hsla(0,0%,100%,.08);padding:6px;margin-left:1rem;transition:all .3s ease;width:42px;height:32px;overflow:hidden}.theme-switcher-container:hover{width:auto;padding-right:6px}.theme-switcher-bar{display:flex;gap:8px;padding:0;align-items:center}.theme-dot{width:18px;height:18px;border-radius:50%;border:1px solid transparent;cursor:pointer;position:relative;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);display:none;align-items:center;justify-content:center;flex-shrink:0}.theme-dot.active{display:flex;order:-1}.theme-switcher-container:hover .theme-dot{display:flex;order:0}.theme-dot:hover{transform:translateY(-5px) scale(1.1)}.theme-dot.active{border-color:#fff;box-shadow:0 0 15px hsla(0,0%,100%,.3);transform:translateY(-5px) scale(1.2)}.dot-inner{width:6px;height:6px;border-radius:50%;opacity:0;transition:opacity .3s ease}.theme-dot.active .dot-inner{opacity:1}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,50px)}to{opacity:1;transform:translate(-50%)}}@media (max-width:768px){.theme-switcher-container{display:none}}