.switch-wrapper{display:flex;flex-direction:column;align-items:center;width:100%}.mode-labels,.switch-label{display:flex;align-items:center;justify-content:center;gap:10px;width:100%}.mode-text{font-size:.7em;font-family:var(--font-family-mono);letter-spacing:1px;min-width:30px;text-align:center;color:var(--text-muted)}.mode-text.active{color:var(--text-color);text-shadow:var(--glow-shadow)}.switch-container{position:relative;width:60px;height:30px}.switch-container.disabled{opacity:.5;cursor:not-allowed}.switch-container input{opacity:0;width:0;height:0}.switch-track{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--switch-track-bg);border:1px solid var(--switch-track-border);transition:var(--transition-speed) var(--transition-timing);border-radius:var(--border-radius);z-index:0}.switch-handle{position:absolute;content:"";height:26px;width:26px;left:2px;bottom:2px;background-color:var(--switch-handle-bg);transition:var(--transition-speed) var(--transition-timing);border-radius:2px;box-shadow:var(--glow-shadow);z-index:1}.switch-container.checked .switch-handle{transform:translate(30px)}.switch-container.size-small{width:40px;height:20px}.switch-container.size-large{width:80px;height:40px}.switch-container.variant-auth .switch-track{background-color:var(--switch-track-bg);border:1px solid var(--switch-auth-track-border)}.switch-container.variant-auth.checked .switch-track{box-shadow:inset 0 0 10px var(--switch-auth-track-glow)}.switch-status-indicator{position:absolute;width:4px;height:4px;border-radius:50%;top:-8px;left:50%;transform:translate(-50%);animation:pulse 2s infinite;background-color:var(--indicator-color);box-shadow:0 0 5px var(--indicator-color);transition:var(--transition-speed) var(--transition-timing);z-index:2}@keyframes pulse{0%,to{opacity:.3;transform:translate(-50%) scale(.8)}50%{opacity:1;transform:translate(-50%) scale(1)}}.switch-track,.switch-handle{cursor:pointer;pointer-events:auto}.switch-container:not(.disabled):hover .switch-track{border-color:var(--switch-track-border-hover);transition:all var(--transition-speed) var(--transition-timing)}.switch-container:not(.disabled):hover .switch-handle{box-shadow:var(--glow-shadow-intense);transform:scale(1.02);transition:all var(--transition-speed) var(--transition-timing)}.switch-container.checked:not(.disabled):hover .switch-handle{transform:translate(30px) scale(1.02)}.switch-container.disabled .switch-track,.switch-container.disabled .switch-handle{cursor:not-allowed}.auth-panel{background:transparent;border:none;padding:0;min-height:unset}.auth-switch{display:flex;flex-direction:column;gap:15px}.user-info{display:flex;align-items:center;gap:8px;padding:8px}.avatar{width:24px;height:24px;border-radius:50%;filter:sepia(.5) hue-rotate(70deg) brightness(.8) contrast(1.2);opacity:.9;box-shadow:0 0 5px #3f33}.avatar:hover{filter:sepia(.3) hue-rotate(70deg) brightness(.9) contrast(1.1);opacity:1;transition:all .3s ease}.name{font-size:.8em;color:#33ff33e6}.loading-indicator{display:flex;gap:8px;align-items:center}.dot{width:8px;height:8px;background:#33ff33e6;border-radius:50%;animation:pulse 1.5s infinite}.dot:nth-child(2){animation-delay:.5s}.dot:nth-child(3){animation-delay:1s}@keyframes pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}
