.theme-toggle{-webkit-user-select:none;-moz-user-select:none;user-select:none}.theme-toggle,.theme-toggle__container{display:flex;align-items:center;gap:12px}.theme-toggle__track{position:relative;width:80px;height:40px;background:var(--background-secondary);border:2px solid var(--border);border-radius:20px;cursor:pointer;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px rgba(0,0,0,.1)}.theme-toggle__track:hover{border-color:var(--primary);box-shadow:0 4px 12px rgba(245,121,59,.2);transform:translateY(-1px)}.theme-toggle__slider{position:absolute;top:2px;width:calc(50% - 4px);height:calc(100% - 4px);background:linear-gradient(135deg,var(--primary),var(--primary-hover));border-radius:16px;transition:left .4s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 6px rgba(245,121,59,.3);z-index:2}.theme-toggle__options{position:relative;display:flex;width:100%;height:100%;z-index:3}.theme-toggle__option{flex:1 1;display:flex;align-items:center;justify-content:center;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:16px}.theme-toggle__option.active{color:#ffffff}.theme-toggle__option:not(.active){color:var(--text-secondary)}.theme-toggle__icon{transition:all .3s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.theme-toggle__option.active .theme-toggle__icon{filter:drop-shadow(0 2px 4px rgba(255,255,255,.3));transform:scale(1.1)}.theme-toggle__option:not(.active) .theme-toggle__icon{opacity:.6;transform:scale(.9)}.theme-toggle__label{font-size:14px;font-weight:600;color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.theme-toggle__track:active .theme-toggle__slider{transform:scale(.95)}.theme-toggle__track:hover .theme-toggle__label{color:var(--primary)}.theme-toggle__track:active{transform:translateY(-1px) scale(.98)}.theme-toggle__slider:hover{box-shadow:0 4px 12px rgba(245,121,59,.4)}@media (max-width:768px){.theme-toggle__label{display:none}.theme-toggle,.theme-toggle__container{gap:0}.theme-toggle__track{width:60px;height:36px;border-radius:18px}.theme-toggle__slider{border-radius:14px}.theme-toggle__icon{width:14px;height:14px}}@media (prefers-reduced-motion:reduce){.theme-toggle__icon,.theme-toggle__label,.theme-toggle__option,.theme-toggle__slider,.theme-toggle__track{transition:none}}