:root{--on-start:#00e5a0;--on-end:#00bfff;--off:#3a3a45;--thumb:#fff;--label-on:#00e5a0;--label-off:#6b6b80;--glow:#00e5a073}.toggle-row{align-items:center;gap:12px;display:flex}.label{letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:500;transition:color .3s}.label--off{color:var(--label-off)}.label--on{color:var(--label-on)}.switch{cursor:pointer;width:52px;height:26px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0;position:absolute}.track{background:var(--off);border-radius:999px;transition:background .35s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.track:after{content:"";background:0 0;border-radius:999px;transition:box-shadow .35s cubic-bezier(.4,0,.2,1);position:absolute;inset:-4px}.thumb{background:var(--thumb);border-radius:50%;width:18px;height:18px;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s;position:absolute;top:4px;left:4px;box-shadow:0 2px 8px #00000059}.switch input:checked~.track{background:linear-gradient(135deg, var(--on-start), var(--on-end))}.switch input:checked~.track:after{box-shadow:0 0 0 3px var(--glow)}.switch input:checked~.thumb{transform:translate(26px);box-shadow:0 2px 12px #00e5a099}.label{line-height:36px}