.theme-switch{position:relative;width:56px;height:30px;background:var(--bg-input);border-radius:30px;border:1px solid var(--border-color);cursor:pointer;padding:2px;transition:all .3s ease;display:flex;align-items:center;outline:none}.theme-switch:focus-visible{box-shadow:0 0 0 2px var(--color-brand)}.theme-switch.dark{background:#312e81;border-color:#4338ca}.theme-switch.light{background:#e2e8f0;border-color:#cbd5e1}.switch-handle{width:24px;height:24px;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;font-size:14px}.theme-switch.dark .switch-handle{transform:translateX(26px);background:#1e1b4b;color:#fbbf24;box-shadow:-1px 1px 3px rgba(0,0,0,.3)}.theme-switch.light .switch-handle{transform:translateX(0);background:white;color:#f59e0b}.theme-switch:hover .switch-handle{transform:scale(1.05)}.theme-switch.dark:hover .switch-handle{transform:translateX(26px) scale(1.05)}.theme-switch.light:hover .switch-handle{transform:translateX(0) scale(1.05)}