@layer components{.lab{--paper:#0c0d11;--surface:#13151b;--surface-2:#1b1e26;--ink:#e8e9ee;--ink-2:#b8bcc8;--muted:#8f95a6;--rule:#2a2d36;--rule-strong:#3a3e4a;--accent:#e8e9ee;--accent-strong:#fff;--accent-soft:#23262f;--accent-contrast:#0c0d11;--sig-marked:#ff7b6e;--sig-marked-soft:#2a1513;--sig-suspect:#f0cf4a;--sig-suspect-soft:#29240f;--sig-unsure:#9fb3c8;--sig-unsure-soft:#1a2028;--ok:#7bc796;--warn:#f0cf4a;--danger:#ff8f84;--shadow-1:0 0 0 1px var(--rule);--shadow-2:0 0 0 0 transparent;--shadow:0 0 0 1px var(--rule);--primary:var(--accent);--primary-contrast:var(--accent-contrast);--button-bg:var(--accent);--button-hover:var(--accent-strong);--button-text:var(--accent-contrast);--font-serif:var(--font-sans);--grid:#ffffff07;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--ink);background-color:var(--paper);background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-position:-1px -1px;background-size:32px 32px;min-height:100vh}html:has(main.lab) body{background:#0c0d11}.lab ::selection{color:#fff;background:#3a3e4a}.lab :focus-visible{outline-color:var(--ink)}.lab-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.02em}.lab-kicker{font-family:var(--font-mono);letter-spacing:.04em;color:var(--muted);font-size:12.5px}.lab-sig{white-space:nowrap}.lab-sig:before{content:"";vertical-align:.12em;background:currentColor;width:.5em;height:.5em;margin-right:.35em;display:inline-block}.lab [data-sig=marked]{color:var(--sig-marked)}.lab [data-sig=suspect]{color:var(--sig-suspect)}.lab [data-sig=unsure]{color:var(--sig-unsure)}.lab-exh{background:var(--surface);border:1px solid var(--rule);border-radius:3px;min-width:0;position:relative}.lab-exh:before,.lab-exh:after{content:"";pointer-events:none;border-color:var(--ink-2);border-style:solid;width:12px;height:12px;position:absolute}.lab-exh:before{border-width:2px 0 0 2px;top:-1px;left:-1px}.lab-exh:after{border-width:0 2px 2px 0;bottom:-1px;right:-1px}.lab-exh-head{border-bottom:1px dashed var(--rule-strong);font-family:var(--font-mono);letter-spacing:.05em;color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px;padding:8px 16px;font-size:12px;display:flex}.lab-exh-body{padding:16px}@media (min-width:640px){.lab-exh-head{padding:8px 22px}.lab-exh-body{padding:16px 22px 18px}}.lab-exh h2{letter-spacing:-.015em;color:var(--ink);margin:0 0 10px;font-size:20px;font-weight:700;line-height:1.3}.lab-exh h3{color:var(--ink);margin:0 0 6px;font-size:15px;font-weight:700}.lab-exh p,.lab-exh li,.lab-exh dd{font-size:15px;line-height:1.68}.lab-tag{border:1px solid var(--rule-strong);font-family:var(--font-mono);letter-spacing:.04em;color:var(--ink-2);white-space:nowrap;border-radius:2px;align-items:center;padding:1px 7px;font-size:11.5px;line-height:1.6;display:inline-flex}.lab-flag{border-left:2px solid var(--rule-strong);color:var(--ink);grid-template-columns:auto minmax(0,1fr);gap:10px;padding:8px 0 8px 12px;display:grid}.lab-flag>b:first-child{font-family:var(--font-mono);letter-spacing:.06em;color:var(--muted);padding-top:3px;font-size:11.5px;font-weight:400}.lab-kv{grid-template-columns:minmax(0,1fr);gap:2px 18px;margin:0;display:grid}.lab-kv>dt{font-family:var(--font-mono);letter-spacing:.05em;color:var(--muted);padding-top:8px;font-size:12px}.lab-kv>dd{color:var(--ink);margin:0}@media (min-width:640px){.lab-kv{grid-template-columns:7.5rem minmax(0,1fr)}.lab-kv>dt{padding-top:3px}}.lab-sec{border-top:1px solid var(--rule);gap:10px 40px;padding:26px 0 28px;display:grid}@media (min-width:1024px){.lab-sec{grid-template-columns:13rem minmax(0,1fr)}.lab-sec[data-wide]{grid-template-columns:minmax(0,1fr)}}.lab-sec>header{min-width:0}.lab-sec h2{letter-spacing:-.015em;color:var(--ink);margin:4px 0 0;font-size:19px;font-weight:700;line-height:1.35}.lab-prose{max-width:68ch;color:var(--ink-2);font-size:15.5px;line-height:1.72}.lab-prose b{color:var(--ink)}.lab-ruled{border-top:1px solid var(--rule);margin:0;padding:0;list-style:none}.lab-ruled>li{border-bottom:1px solid var(--rule);color:var(--ink-2);gap:2px 20px;padding:10px 0;font-size:15px;line-height:1.65;display:grid}@media (min-width:640px){.lab-ruled>li{grid-template-columns:8.5rem minmax(0,1fr)}}.lab-ruled>li>b{color:var(--ink)}.lab-timeline{scrollbar-width:thin;grid-auto-columns:minmax(10.5rem,1fr);grid-auto-flow:column;margin:0;padding:0 0 6px;list-style:none;display:grid;overflow-x:auto}.lab-timeline>li{color:var(--ink-2);padding:22px 14px 0 0;font-size:13.5px;line-height:1.55;position:relative}.lab-timeline>li:before{content:"";background:var(--rule-strong);height:1px;position:absolute;top:6px;left:0;right:0}.lab-timeline>li:after{content:"";background:var(--paper);border:1px solid var(--ink-2);width:9px;height:9px;position:absolute;top:2px;left:0}.lab-timeline>li[data-now]:after{background:var(--ink);border-color:var(--ink)}.lab-timeline b{color:var(--ink);font-size:14.5px;display:block}.lab-toggle{margin-top:6px}.lab-toggle>summary{cursor:pointer;min-height:32px;color:var(--ink-2);-webkit-text-decoration:underline dotted;text-decoration:underline dotted;-webkit-text-decoration-color:var(--muted);text-decoration-color:var(--muted);text-underline-offset:4px;align-items:center;gap:6px;font-size:14px;list-style:none;display:inline-flex}.lab-toggle>summary::-webkit-details-marker{display:none}.lab-toggle>summary:before{content:"▸";color:var(--muted);font-size:12px;transition:transform .15s}.lab-toggle[open]>summary:before{transform:rotate(90deg)}.lab-toggle>summary:hover{color:var(--ink)}.lab-toggle>summary .lab-count{font-family:var(--font-mono);color:var(--muted);font-size:12px;text-decoration:none}.lab-toggle-body{padding:6px 0 4px}.lab-scroll{overflow-x:auto}.lab-table{border-collapse:collapse;width:100%;font-size:14px;line-height:1.55}.lab-table th,.lab-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--rule);padding:8px 12px 8px 0}.lab-table thead th{font-family:var(--font-mono);letter-spacing:.05em;color:var(--muted);border-bottom-color:var(--rule-strong);font-size:12px;font-weight:400}.lab-table tbody th{color:var(--ink);font-weight:600}.lab-table td{color:var(--ink-2)}.lab-index{scrollbar-width:none;flex-wrap:nowrap;gap:0 20px;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.lab-index::-webkit-scrollbar{display:none}.lab-index>li{flex:none}.lab-photo{aspect-ratio:4/3;background:var(--surface-2);isolation:isolate;position:relative;overflow:hidden}.lab-photo>img,.lab-split>img{object-fit:cover;width:100%;height:100%;display:block}.lab-split{clip-path:inset(0 0 0 50%);position:absolute;inset:0}.lab-divider{background:#fff;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;left:50%;box-shadow:0 0 0 1px #00000040}.lab-chip{font-family:var(--font-mono);letter-spacing:.02em;color:#eceef3;background:#0a0b0ecc;border-radius:2px;padding:3px 7px;font-size:11.5px;line-height:1.3;position:absolute}.lab-chip[data-sig]{color:#ff9a8f}.lab-chip[data-sig=unsure]{color:#c3d0de}.lab-scan{pointer-events:none;opacity:0;background:linear-gradient(#fff0 0%,#ffffff29 85%,#ffffffe6 100%);border-bottom:1px solid #fff;height:22%;position:absolute;top:0;left:0;right:0;transform:translateY(-100%)}[data-motion=play] .lab-scan{animation:1.7s cubic-bezier(.45,0,.3,1) .25s both lab-scan}@keyframes lab-scan{0%{opacity:1;transform:translateY(-100%)}88%{opacity:1}to{opacity:0;transform:translateY(460%)}}.lab-bar{background:var(--surface-2);border:1px solid var(--rule);height:8px;display:block;overflow:hidden}.lab-bar>span{background:var(--ink-2);transform-origin:0;height:100%;transform:scaleX(var(--to));display:block}.lab-bar[data-sig]>span{background:currentColor}[data-motion=play] .lab-bar>span{animation:lab-bar .8s cubic-bezier(.65, 0, .35, 1) var(--delay,.1s) both}@keyframes lab-bar{0%{transform:scaleX(var(--from,0))}to{transform:scaleX(var(--to))}}.lab-cursor{vertical-align:-.15em;background:var(--ink);width:.55em;height:1.05em;margin-left:4px;display:inline-block}[data-motion=play] .lab-cursor,.lab-cursor[data-blink]{animation:1s step-end .4s 4 both lab-blink}@keyframes lab-blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.lab .lab-scan,.lab .lab-bar>span,.lab .lab-cursor{animation:none!important}.lab .lab-scan{opacity:0}}.lab .btn{border-radius:2px}.lab .btn-ghost{border-color:var(--rule-strong)}.lab .btn-ghost:hover{border-color:var(--ink-2)}.lab .link-u{color:var(--ink);-webkit-text-decoration-color:var(--muted);text-decoration-color:var(--muted)}.lab-step{background:var(--surface);border:1px solid var(--rule);border-radius:3px;padding:16px 18px 20px;position:relative}@media (min-width:640px){.lab-step{padding:18px 22px 22px}}.lab-step-id{font-family:var(--font-mono);letter-spacing:.05em;color:var(--muted);margin:-2px 0 10px;font-size:12px;display:block}}
