:root{--c-brand:#2563eb;--c-brand-dark:#1d4ed8;--c-text:#0f172a;--c-text-secondary:#475569;--c-text-muted:#64748b;--c-border:#e2e8f0;--c-surface:#f8fafc;--c-ok:#34a853;--c-warn:#fbbc04;--c-no:#ea4335;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--font-body:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", "Courier New", monospace}*{box-sizing:border-box}html,body{background:#fff;margin:0;padding:0}body{font-family:var(--font-body);color:var(--c-text);-webkit-text-size-adjust:100%;line-height:1.6}.lab{border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:var(--sp-20,1.25rem) var(--sp-16,1rem) var(--sp-16,1rem);overflow:hidden}.lab-head h1{font-size:var(--fs-20,1.25rem);letter-spacing:-.02em;margin:0 0 var(--sp-8,.5rem);line-height:1.2}.lab-head h1 em{color:var(--c-brand);font-style:italic}.lab-deck{font-size:var(--fs-14,.875rem);color:var(--c-text-secondary);max-width:44rem;margin:0}.lab-badges{margin:var(--sp-16,1rem) 0 var(--sp-20,1.25rem);gap:var(--sp-8,.5rem);grid-template-columns:repeat(auto-fit,minmax(190px,1fr));padding:0;list-style:none;display:grid}.badge{align-items:center;gap:var(--sp-8,.5rem);border:1px solid var(--c-border);border-radius:var(--radius-md);padding:var(--sp-8,.5rem) var(--sp-12,.75rem);background:var(--c-surface);display:flex}.badge-dot{background:var(--c-text-muted);border-radius:50%;flex:none;width:9px;height:9px}.badge[data-verdict=yes] .badge-dot{background:var(--c-ok)}.badge[data-verdict=partial] .badge-dot{background:var(--c-warn)}.badge[data-verdict=no] .badge-dot{background:var(--c-no)}.badge-body{min-width:0;display:grid}.badge-body strong{font-family:var(--font-mono);font-size:var(--fs-12,.75rem);color:var(--c-text-secondary);overflow-wrap:anywhere;font-weight:400;line-height:1.4}.badge-state{font-size:var(--fs-14,.875rem);font-weight:700;line-height:1.35}.lab-tabs{gap:var(--sp-4,.25rem);border-bottom:1px solid var(--c-border);flex-wrap:wrap;display:flex}.lab-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;font-size:var(--fs-14,.875rem);color:var(--c-text-muted);padding:var(--sp-8,.5rem) var(--sp-12,.75rem);border-radius:var(--radius-sm) var(--radius-sm) 0 0;cursor:pointer;background:0 0;border:1px solid #0000;border-bottom:0;margin-bottom:-1px;font-weight:600}.lab-tab:hover{color:var(--c-text)}.lab-tab.is-on{color:var(--c-brand);border-color:var(--c-border);background:#fff}.lab-tab:focus-visible{outline:2px solid var(--c-brand);outline-offset:2px}.lab-panel{padding-top:var(--sp-16,1rem)}.lab-panel h2{font-size:var(--fs-16,1rem);margin:0 0 var(--sp-4,.25rem);letter-spacing:-.01em}.lab-note{margin:0 0 var(--sp-16,1rem);font-size:var(--fs-14,.875rem);color:var(--c-text-secondary);max-width:46rem}code{font-family:var(--font-mono);background:var(--c-surface);border-radius:var(--radius-sm);padding:.08em .32em;font-size:.86em}.lab-controls{gap:var(--sp-12,.75rem);margin-bottom:var(--sp-16,1rem);grid-template-columns:repeat(auto-fit,minmax(170px,1fr));display:grid}.lab-field{gap:var(--sp-4,.25rem);align-content:start;display:grid}.lab-field--wide{grid-column:1/-1}.lab-field--block{gap:var(--sp-4,.25rem);margin-bottom:var(--sp-8,.5rem);display:grid}.lab-label{font-size:var(--fs-12,.75rem);letter-spacing:.04em;text-transform:uppercase;color:var(--c-text-muted);font-weight:700}.lab-label output{font-family:var(--font-mono);text-transform:none;letter-spacing:0;color:var(--c-text)}input[type=range]{width:100%;accent-color:var(--c-brand)}textarea{font-family:var(--font-mono);font-size:var(--fs-12,.75rem);padding:var(--sp-8,.5rem);border:1px solid var(--c-border);border-radius:var(--radius-md);resize:vertical;width:100%;color:var(--c-text);line-height:1.5}textarea:focus-visible,.sd-scroller:focus-visible{outline:2px solid var(--c-brand);outline-offset:2px}.lab-seg{gap:var(--sp-4,.25rem);flex-wrap:wrap;display:flex}.lab-seg-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;font-family:var(--font-mono);font-size:var(--fs-12,.75rem);padding:var(--sp-8,.5rem) var(--sp-12,.75rem);border:1px solid var(--c-border);border-radius:var(--radius-pill,9999px);color:var(--c-text-secondary);cursor:pointer;background:#fff}.lab-seg-btn.is-on{background:var(--c-brand);border-color:var(--c-brand);color:#fff}.lab-seg-btn:focus-visible{outline:2px solid var(--c-brand);outline-offset:2px}.lab-stage{border:1px solid var(--c-border);border-radius:var(--radius-lg);background:var(--c-surface);padding:var(--sp-24,1.5rem) var(--sp-16,1rem);overflow:hidden}.lab-stage--split{gap:var(--sp-20,1.25rem);grid-template-columns:1fr;display:grid}@media (width>=640px){.lab-stage--split{grid-template-columns:220px 1fr;align-items:center}}.zoom-row{gap:var(--sp-8,.5rem);justify-content:center;align-items:center;display:flex}.zoom-card{width:92px;padding:var(--sp-16,1rem) var(--sp-8,.5rem);text-align:center;font-size:var(--fs-12,.75rem);color:var(--c-text-secondary);border:1px solid var(--c-border);border-radius:var(--radius-md);background:#fff;flex:none;font-weight:600}.zoom-card--target{color:#fff;background:var(--c-brand);border-color:var(--c-brand-dark);transform-origin:50%}.lab-readout{margin:var(--sp-16,1rem) 0 0;text-align:center;font-family:var(--font-mono);font-size:var(--fs-12,.75rem);color:var(--c-text-muted)}.lab-actions{align-items:center;gap:var(--sp-12,.75rem);margin:var(--sp-16,1rem) 0 var(--sp-16,1rem);flex-wrap:wrap;display:flex}.lab-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;font-weight:600;font-size:var(--fs-14,.875rem);padding:var(--sp-8,.5rem) var(--sp-16,1rem);border-radius:var(--radius-md);border:1px solid var(--c-border);color:var(--c-text);cursor:pointer;background:#fff}.lab-btn--primary{background:var(--c-brand);border-color:var(--c-brand);color:#fff}.lab-btn:focus-visible,.lab-copy:focus-visible,.lab-tab:focus-visible{outline:2px solid var(--c-brand);outline-offset:2px}.lab-hint{font-size:var(--fs-14,.875rem);color:var(--c-text-muted)}.lab-code{border:1px solid var(--c-border);border-radius:var(--radius-lg);overflow:hidden}.lab-code-head{padding:var(--sp-8,.5rem) var(--sp-12,.75rem);background:var(--c-surface);font-size:var(--fs-12,.75rem);letter-spacing:.05em;text-transform:uppercase;color:var(--c-text-muted);justify-content:space-between;align-items:center;font-weight:700;display:flex}.lab-copy{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;font-size:var(--fs-12,.75rem);text-transform:uppercase;letter-spacing:.05em;padding:.2rem var(--sp-8,.5rem);border:1px solid var(--c-border);border-radius:var(--radius-sm);color:var(--c-text-secondary);cursor:pointer;background:#fff;font-weight:700}.lab-code pre{padding:var(--sp-12,.75rem) var(--sp-12,.75rem);font-family:var(--font-mono);font-size:var(--fs-12,.75rem);white-space:pre;color:var(--c-text);margin:0;line-height:1.6;overflow-x:auto}.ease-plot-wrap{gap:var(--sp-8,.5rem);display:grid}#ease-plot{width:100%;height:auto;display:block}.ease-path{fill:none;stroke:var(--c-brand);stroke-width:2.5px;stroke-linecap:round}.ease-path--ghost{stroke:var(--c-text-muted);stroke-width:1.5px;stroke-dasharray:4 4}#ease-grid line{stroke:var(--c-border);stroke-width:1px}.lab-caption{font-size:var(--fs-12,.75rem);color:var(--c-text-muted);margin:0}.ease-runners{gap:var(--sp-12,.75rem);display:grid}.ease-track{border-radius:var(--radius-pill,9999px);border:1px solid var(--c-border);background:#fff;height:34px;position:relative}.ease-ball{width:24px;height:24px;margin-top:calc(-1 * var(--sp-12,.75rem));background:var(--c-brand);border-radius:50%;position:absolute;top:50%;left:4px}.ease-ball--ghost{background:var(--c-text-muted)}.sd-scroller{border:1px solid var(--c-border);border-radius:var(--radius-lg);background:var(--c-surface);height:260px;padding:0 var(--sp-16,1rem);scroll-behavior:auto;overflow-y:auto}.sd-lead{font-size:var(--fs-12,.75rem);color:var(--c-text-muted);text-align:center;padding:var(--sp-128,8rem) 0;margin:0}.sd-card{margin:var(--sp-12,.75rem) 0;padding:var(--sp-16,1rem) var(--sp-16,1rem);border:1px solid var(--c-border);border-radius:var(--radius-md);background:#fff;gap:.2rem;display:grid}.sd-card strong{font-size:var(--fs-14,.875rem)}.sd-card span{font-size:var(--fs-14,.875rem);color:var(--c-text-secondary)}@supports (animation-timeline:view()){.sd-reveal{animation:linear both sd-fade-up view();animation-range:entry 0% entry var(--sd-range,60%)}@keyframes sd-fade-up{0%{opacity:0;transform:translateY(var(--sd-travel,24px))}to{opacity:1;transform:none}}}.lab-rm{margin:var(--sp-20,1.25rem) 0 0;padding:var(--sp-12,.75rem) var(--sp-12,.75rem);border-left:3px solid var(--c-warn);background:var(--c-surface);font-size:var(--fs-14,.875rem);color:var(--c-text-secondary)}.lab-error{margin:0 0 var(--sp-8,.5rem);min-height:1.2em;font-size:var(--fs-14,.875rem);color:var(--c-no)}.lab-foot{gap:var(--sp-8,.5rem);margin-top:var(--sp-24,1.5rem);padding-top:var(--sp-12,.75rem);border-top:1px solid var(--c-border);font-size:var(--fs-12,.75rem);color:var(--c-text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.lab-foot a{color:var(--c-brand);font-weight:600}@media (prefers-reduced-motion:reduce){.sd-reveal{opacity:1!important;animation:none!important;transform:none!important}.ease-ball,.zoom-card--target{transition:none!important}}