.deep-switch{position:relative;min-width:210px;min-height:56px;padding:9px 14px;gap:12px;border:0;border-left:1px solid var(--ink);border-radius:0;background:var(--card);color:var(--ink);box-shadow:none;overflow:hidden;transition:background .2s ease}
.deep-switch:hover{background:color-mix(in srgb,var(--card) 88%,var(--acid));transform:none;box-shadow:none}
.deep-switch>span:last-child{display:grid;gap:2px;min-width:92px}
.deep-switch b{color:var(--ink);font:700 10px Syne;letter-spacing:.13em}
.deep-switch small{color:var(--muted);font-size:8px}
.deep-track{flex:0 0 64px;width:64px;height:28px;padding:3px;border:1px solid var(--ink);border-radius:2px;background:var(--paper);overflow:hidden;box-shadow:3px 3px 0 var(--ink);transition:background .25s ease,box-shadow .25s ease}
.deep-track:before{content:"OFF";position:absolute;z-index:2;right:6px;top:50%;transform:translateY(-50%);color:var(--muted);font:700 6px Syne;letter-spacing:.1em}
.deep-track:after{content:"";position:absolute;inset:0;opacity:0;background:linear-gradient(115deg,#d7ff43 0 25%,#62d7be 43%,#ff694d 67%,#d7ff43 100%);background-size:220% 100%;transform:none;transition:opacity .25s ease}
.deep-track i{position:relative;z-index:3;display:block;left:0;top:0;width:20px;height:20px;border:1px solid var(--ink);border-radius:1px;background:var(--ink);box-shadow:none;transition:transform .28s cubic-bezier(.2,.8,.2,1),background .2s ease}
.deep-track i:after{content:"L";position:absolute;inset:0;display:grid;place-items:center;background:transparent;color:var(--acid);font:700 8px Syne;box-shadow:none}
.deep-switch input:checked+.deep-track{border-color:var(--ink);background:var(--acid);box-shadow:3px 3px 0 var(--coral)}
.deep-switch input:checked+.deep-track:before{content:"ON";left:7px;right:auto;color:#171912}
.deep-switch input:checked+.deep-track:after{opacity:.72;animation:deep-flow 4s ease-in-out infinite alternate}
.deep-switch input:checked+.deep-track i{transform:translateX(36px);background:#171912;box-shadow:none}
.deep-switch input:checked+.deep-track i:after{content:"G";color:#d7ff43;background:transparent;box-shadow:none}
.deep-switch input:focus-visible+.deep-track{outline:2px solid var(--coral);outline-offset:3px}
.deep-mode .deep-switch{background:color-mix(in srgb,var(--card) 90%,var(--acid));box-shadow:none}
@keyframes deep-flow{to{background-position:100% 0}}
@media(max-width:700px){.deep-switch{min-width:0;border-left:0;border-top:1px solid var(--line);padding:9px 13px}.deep-track{width:60px;flex-basis:60px}.deep-switch input:checked+.deep-track i{transform:translateX(32px)}}
@media(prefers-reduced-motion:reduce){.deep-switch,.deep-track,.deep-track i{transition:none}.deep-switch input:checked+.deep-track:after{animation:none}}