.mode-switch{border-radius:var(--r-pill);background:var(--brand-soft);min-height:36px;color:var(--brand-ink);font:inherit;font-size:var(--text-sm);white-space:nowrap;cursor:pointer;border:0;align-items:center;gap:6px;padding:6px 12px;font-weight:700;display:inline-flex;position:relative}.mode-switch:active{scale:.96}.mode-switch:before{content:"";inset:calc((36px - var(--tap)) / 2) 0;position:absolute}