/* Lab bar: version switch + motion toggle. Remove this file (and lab.js bar) when publishing one version. */
body.has-lab-bar{padding-bottom:76px}
.lab-bar{position:fixed;z-index:30;right:16px;bottom:16px;display:flex;align-items:center;gap:2px;padding:4px;border-radius:99px;background:#171918ee;color:#f9faf8;font-size:13px;line-height:1;box-shadow:0 10px 30px #10150d30;backdrop-filter:blur(8px)}
.lab-bar a,.lab-bar button{display:flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border-radius:99px;border:0;background:transparent;color:inherit;font-size:13px;white-space:nowrap}
.lab-bar a:hover,.lab-bar button:hover{background:#ffffff1a}
.lab-bar a[aria-current=page]{background:var(--accent);color:var(--ink)}
.lab-bar b{font-family:var(--display);font-weight:800}
.lab-home{font-family:var(--display);font-weight:700;letter-spacing:.5px;opacity:.75}
.lab-bar :focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.lab-switch{width:26px;height:16px;border-radius:99px;background:#ffffff38;position:relative;flex:none}
.lab-switch::after{content:'';position:absolute;left:2px;top:2px;width:12px;height:12px;border-radius:50%;background:#f9faf8;transition:transform .2s}
.lab-motion[aria-pressed=true] .lab-switch{background:var(--accent)}
.lab-motion[aria-pressed=true] .lab-switch::after{transform:translateX(10px);background:var(--ink)}
.lab-state{min-width:1em;opacity:.8}
@media(max-width:760px){.lab-bar{left:50%;right:auto;bottom:12px;transform:translateX(-50%)}.lab-long{display:none}.lab-bar a,.lab-bar button{padding:0 11px;min-height:40px}}
@media(max-width:340px){.lab-home{display:none}}
/* Published site: a single compact motion toggle in the corner. */
.lab-bar.is-solo{left:auto;right:16px;transform:none;background:#171918e6}
body.has-lab-bar:has(.lab-bar.is-solo){padding-bottom:64px}
@media(max-width:760px){.lab-bar.is-solo{right:12px;bottom:12px}}