.toggle-container{display:flex;align-items:center;gap:12px;margin-left:20px;padding:10px 18px}.toggle-label{font-size:14px;font-weight:600;color:#c94a4a;transition:color .3s ease;text-shadow:0 1px 2px rgba(255,255,255,.8)}.toggle-label.active-label{color:#5c5acc;font-weight:700}.toggle-switch{position:relative;display:inline-block;width:60px;height:32px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#c94a4a;transition:all .4s cubic-bezier(.4,0,.2,1);border-radius:32px;box-shadow:inset 0 2px 4px #0003,0 4px 8px #0000001a;border:1px solid #ffffff}.slider:before{position:absolute;content:"";height:24px;width:24px;left:2px;bottom:3px;background:linear-gradient(135deg,#ffffff,#f1f5f9);transition:all .4s cubic-bezier(.4,0,.2,1);border-radius:50%;box-shadow:0 2px 6px #0000004d,0 1px 2px #0003;border:1px solid #e2e8f0}input:checked+.slider{background:#5c5acc}input:checked+.slider:before{transform:translate(28px);background:linear-gradient(135deg,#ffffff,#f0fdf4);box-shadow:0 2px 8px #0003,0 1px 3px #0000001a}input:checked+.slider:hover{background:#5c5acc}.toggle-switch input:focus+.slider{outline:none}.translation-overlay{position:absolute;bottom:-25px;left:0;right:0;background-color:#000c;color:#fff;padding:5px 10px;border-radius:3px;font-size:14px;display:none;animation:fadeIn .3s ease;z-index:10}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.toggle-container{margin-left:0;margin-top:10px}.toggle-switch{width:50px;height:28px}.slider:before{height:20px;width:20px}input:checked+.slider:before{transform:translate(22px)}}