.lab-experiment{--lab-ink:var(--ink,#17201d);--lab-paper:var(--paper,#f4efe2);--lab-cobalt:var(--cobalt,#516247);--lab-yellow:var(--signal,#f1c84b);--lab-coral:var(--coral,#d9573f);--lab-green:var(--green,#31745a);color:var(--lab-ink);border:1px solid color-mix(in srgb, var(--lab-ink) 30%, transparent);background:linear-gradient(90deg, color-mix(in srgb, var(--lab-cobalt) 5%, transparent) 1px, transparent 1px) 0 0 / 2.25rem 2.25rem, linear-gradient(color-mix(in srgb, var(--lab-cobalt) 5%, transparent) 1px, transparent 1px) 0 0 / 2.25rem 2.25rem, var(--lab-paper);box-shadow:.65rem .65rem 0 color-mix(in srgb, var(--lab-ink) 10%, transparent);border-radius:.25rem;overflow:clip}.lab-experiment__header{border-bottom:1px solid color-mix(in srgb, var(--lab-ink) 25%, transparent);background:color-mix(in srgb, var(--lab-paper) 92%, white);grid-template-columns:auto 1fr;gap:clamp(1rem,4vw,2.5rem);padding:clamp(1.25rem,4vw,2.4rem);display:grid}.lab-experiment__header h2{letter-spacing:-.03em;margin:.1rem 0 .55rem;font-size:clamp(1.55rem,4vw,2.7rem);line-height:.98}.lab-experiment__header p:last-child{max-width:65ch;margin:0}.lab-experiment__kicker,.lab-metric__label,.lab-meter__caption,.lab-control label,.lab-legend,.lab-readout-label{letter-spacing:.11em;text-transform:uppercase;font-size:.72rem;font-weight:750}.lab-experiment__kicker{color:var(--lab-cobalt)}.lab-stamp{border:2px solid var(--lab-cobalt);color:var(--lab-cobalt);letter-spacing:.08em;align-self:start;padding:.42rem .55rem .34rem;font-size:.72rem;font-weight:850;transform:rotate(-2.5deg)}.lab-workbench{grid-template-columns:minmax(15rem,.78fr) minmax(0,1.5fr);min-height:26rem;display:grid}.lab-controls{border-right:1px solid color-mix(in srgb, var(--lab-ink) 24%, transparent);background:color-mix(in srgb, var(--lab-paper) 72%, white);align-content:start;gap:1.35rem;padding:clamp(1.2rem,3vw,2rem);display:grid}.lab-stage{min-width:0;padding:clamp(1.2rem,3vw,2rem)}.lab-stage>:first-child{margin-top:0}.lab-control{gap:.45rem;display:grid}.lab-control__value{color:var(--lab-cobalt);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:800}.lab-control input[type=range]{width:100%;accent-color:var(--lab-cobalt)}.lab-control select,.lab-control input[type=number]{border:1px solid color-mix(in srgb, var(--lab-ink) 38%, transparent);background:color-mix(in srgb, var(--lab-paper) 70%, white);min-height:2.75rem;color:var(--lab-ink);border-radius:0}.lab-button-row{flex-wrap:wrap;gap:.65rem;display:flex}.lab-button{border:1px solid var(--lab-ink);background:var(--lab-ink);min-height:2.75rem;color:var(--lab-paper);font:inherit;cursor:pointer;border-radius:0;padding:.68rem .92rem;font-weight:750}.lab-button:hover{background:var(--lab-cobalt)}.lab-button:focus-visible{outline:3px solid var(--lab-yellow);outline-offset:3px}.lab-button:disabled{cursor:not-allowed;opacity:.45}.lab-button--secondary{color:var(--lab-ink);background:0 0}.lab-button--danger{background:var(--lab-coral)}.lab-readout-grid{grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:.75rem;display:grid}.lab-metric{border:1px solid color-mix(in srgb, var(--lab-ink) 28%, transparent);background:color-mix(in srgb, var(--lab-paper) 65%, white);align-content:start;gap:.25rem;min-height:6.8rem;padding:1rem;display:grid}.lab-metric__label{color:color-mix(in srgb, var(--lab-ink) 70%, transparent)}.lab-metric__value{font-size:clamp(1.35rem,3vw,2.1rem);line-height:1}.lab-metric__detail{font-size:.8rem;line-height:1.35}.lab-meter{gap:.35rem;display:grid}.lab-meter__track{border:1px solid var(--lab-ink);background:color-mix(in srgb, var(--lab-ink) 8%, transparent);height:.72rem}.lab-meter__fill{height:100%;transition:width .28s;display:block}.lab-meter__fill--cobalt{background:var(--lab-cobalt)}.lab-meter__fill--yellow{background:var(--lab-yellow)}.lab-meter__fill--coral{background:var(--lab-coral)}.lab-meter__fill--green{background:var(--lab-green)}.lab-meter__caption{color:color-mix(in srgb, var(--lab-ink) 75%, transparent)}.lab-callout{border-left:.35rem solid var(--lab-yellow);background:color-mix(in srgb, var(--lab-yellow) 20%, var(--lab-paper));margin:1.25rem 0 0;padding:1rem 1rem 1rem 1.2rem}.lab-callout strong{margin-bottom:.2rem;display:block}.lab-callout p{margin:0}.lab-privacy{border:1px dashed var(--lab-green);background:color-mix(in srgb, var(--lab-green) 8%, var(--lab-paper));grid-template-columns:auto 1fr;gap:.8rem;padding:1rem;display:grid}.lab-privacy__icon{background:var(--lab-green);color:#fff;letter-spacing:.08em;align-self:start;padding:.25rem .35rem;font-size:.62rem;font-weight:850}.lab-privacy p{margin:.2rem 0 0;font-size:.85rem}.lab-experiment__note{border-top:1px solid color-mix(in srgb, var(--lab-ink) 24%, transparent);background:color-mix(in srgb, var(--lab-cobalt) 6%, var(--lab-paper));padding:1rem clamp(1.2rem,3vw,2rem);font-size:.88rem}.lab-chip-list{flex-wrap:wrap;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.lab-chip{border:1px solid color-mix(in srgb, var(--lab-ink) 45%, transparent);background:var(--lab-paper);padding:.38rem .55rem;font:750 .76rem/1 ui-monospace,monospace}.lab-chip--heads{background:var(--lab-cobalt);color:#fff}.lab-chip--tails{background:var(--lab-yellow)}.lab-axis{border-bottom:2px solid var(--lab-ink);background:repeating-linear-gradient(90deg, transparent 0 calc(10% - 1px), color-mix(in srgb, var(--lab-ink) 12%, transparent) calc(10% - 1px) 10%);height:7rem;margin:2rem 0;position:relative}.lab-axis__band{opacity:.17;height:100%;position:absolute;bottom:0}.lab-axis__band--risk{background:var(--lab-coral);left:0}.lab-axis__band--margin{background:var(--lab-yellow)}.lab-axis__marker{background:var(--lab-ink);width:2px;height:6.7rem;position:absolute;bottom:-.4rem}.lab-axis__marker:before{content:"";background:currentColor;border-radius:50%;width:.65rem;height:.65rem;position:absolute;top:0;left:-.3rem}.lab-axis__marker span{background:color-mix(in srgb, var(--lab-paper) 82%, transparent);width:8.5rem;padding:.08rem .2rem;font-size:.7rem;font-weight:780;line-height:1.2;position:absolute;left:.55rem}.lab-axis__marker--attacker{color:var(--lab-coral);background:var(--lab-coral)}.lab-axis__marker--plenty{color:#7a5b00;background:#7a5b00}.lab-axis__marker--algorithm{color:var(--lab-cobalt);background:var(--lab-cobalt)}.lab-axis__marker--you{color:var(--lab-green);background:var(--lab-green)}.lab-axis__marker--attacker span{top:0}.lab-axis__marker--plenty span{top:1.35rem}.lab-axis__marker--algorithm span{top:2.7rem}.lab-axis__marker--you span{top:4.05rem}.lab-status{letter-spacing:.06em;text-transform:uppercase;border:1px solid;align-items:center;gap:.45rem;padding:.42rem .6rem;font-size:.75rem;font-weight:850;display:inline-flex}.lab-status:before{content:"";background:currentColor;width:.55rem;height:.55rem}.lab-status--good{color:var(--lab-green)}.lab-status--caution{color:#765900}.lab-status--failure{color:var(--lab-coral)}.lab-status--neutral{color:var(--lab-cobalt)}.lab-seed-visual{border:1px solid color-mix(in srgb, var(--lab-ink) 25%, transparent);background:color-mix(in srgb, var(--lab-ink) 4%, transparent);grid-template-columns:repeat(16,1fr);gap:.2rem;margin:1.5rem 0;padding:1rem;display:grid}.lab-seed-visual span{aspect-ratio:1;background:color-mix(in srgb, var(--lab-cobalt) 18%, transparent)}.lab-seed-visual span[data-reachable=true]{background:var(--lab-cobalt)}.lab-capture-pad{border:2px dashed color-mix(in srgb, var(--lab-cobalt) 62%, transparent);background:radial-gradient(circle at center, color-mix(in srgb, var(--lab-cobalt) 12%, transparent), transparent 62%), color-mix(in srgb, var(--lab-paper) 72%, white);text-align:center;cursor:crosshair;touch-action:none;place-items:center;min-height:13rem;margin:1rem 0;padding:1.5rem;display:grid}.lab-capture-pad:focus-visible{outline:4px solid var(--lab-yellow);outline-offset:-5px}.lab-capture-pad[data-active=true]{background-color:color-mix(in srgb, var(--lab-yellow) 10%, var(--lab-paper));border-style:solid}.lab-capture-pad__count{color:var(--lab-cobalt);margin-bottom:.5rem;font:800 clamp(2.5rem,8vw,5rem)/1 ui-monospace,monospace;display:block}.lab-capture-pad__dots{overflow-wrap:anywhere;max-width:34rem;color:var(--lab-cobalt);letter-spacing:.18em;font:800 1.25rem/1 ui-monospace,monospace}.lab-trace{border:1px solid var(--lab-ink);background:linear-gradient(90deg, color-mix(in srgb, var(--lab-cobalt) 8%, transparent) 1px, transparent 1px) 0 0 / 1.5rem 1.5rem, linear-gradient(color-mix(in srgb, var(--lab-cobalt) 8%, transparent) 1px, transparent 1px) 0 0 / 1.5rem 1.5rem, color-mix(in srgb, var(--lab-paper) 70%, white);cursor:crosshair;touch-action:none;min-height:21rem;position:relative;overflow:hidden}.lab-trace:focus-visible{outline:4px solid var(--lab-yellow);outline-offset:-5px}.lab-trace svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.lab-trace polyline{fill:none;stroke:var(--lab-cobalt);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.lab-trace__prompt{text-align:center;pointer-events:none;place-items:center;padding:2rem;display:grid;position:absolute;inset:0}.lab-trace__prompt span{background:color-mix(in srgb, var(--lab-paper) 88%, transparent);padding:.5rem .7rem;font-weight:750}.lab-fault-picker{border:0;grid-template-columns:repeat(2,1fr);gap:.5rem;margin:0;padding:0;display:grid}.lab-fault-picker legend{grid-column:1/-1;margin-bottom:.3rem}.lab-fault-picker label{position:relative}.lab-fault-picker input{opacity:0;position:absolute}.lab-fault-picker span{border:1px solid color-mix(in srgb, var(--lab-ink) 36%, transparent);background:var(--lab-paper);text-align:center;cursor:pointer;place-items:center;min-height:2.8rem;padding:.45rem;font-size:.78rem;font-weight:760;display:grid}.lab-fault-picker input:checked+span{border-color:var(--lab-cobalt);background:var(--lab-cobalt);color:#fff}.lab-fault-picker input:focus-visible+span{outline:3px solid var(--lab-yellow);outline-offset:2px}.lab-bit-grid{border:1px solid color-mix(in srgb, var(--lab-ink) 30%, transparent);background:color-mix(in srgb, var(--lab-ink) 5%, transparent);grid-template-columns:repeat(32,1fr);gap:.13rem;margin:1.2rem 0;padding:.7rem;display:grid}.lab-bit-grid span{aspect-ratio:1;background:color-mix(in srgb, var(--lab-ink) 16%, transparent);min-width:0}.lab-bit-grid span[data-bit="1"]{background:var(--lab-cobalt)}.lab-pipeline{counter-reset:pipeline;grid-template-columns:repeat(4,1fr);gap:.65rem 1.2rem;margin:1.4rem 0;padding:0;list-style:none;display:grid}.lab-pipeline li{counter-increment:pipeline;position:relative}.lab-pipeline li:not(:last-child):after{content:"→";z-index:2;color:color-mix(in srgb, var(--lab-ink) 65%, transparent);position:absolute;top:50%;right:-1rem;transform:translateY(-50%)}.lab-pipeline button{background:color-mix(in srgb, var(--lab-paper) 75%, white);width:100%;min-height:6.2rem;color:var(--lab-ink);font:inherit;text-align:left;cursor:pointer;border:1px solid;padding:.75rem}.lab-pipeline button:before{content:"0" counter(pipeline);opacity:.7;margin-bottom:.45rem;font:800 .68rem/1 ui-monospace,monospace;display:block}.lab-pipeline button[data-state=good]{box-shadow:inset 0 -.4rem var(--lab-green)}.lab-pipeline button[data-state=caution]{box-shadow:inset 0 -.4rem var(--lab-yellow)}.lab-pipeline button[data-state=failure]{box-shadow:inset 0 -.4rem var(--lab-coral)}.lab-pipeline button[aria-pressed=true]{outline:3px solid var(--lab-cobalt);outline-offset:2px}.lab-pipeline-detail{border:1px solid color-mix(in srgb, var(--lab-ink) 25%, transparent);background:color-mix(in srgb, var(--lab-paper) 70%, white);min-height:7.5rem;padding:1.1rem}.lab-pipeline-detail h3{margin:.45rem 0}.lab-pipeline-detail p{margin:0}.lab-switch{grid-template-columns:auto 1fr;align-items:start;gap:.65rem;display:grid}.lab-switch input{width:1.15rem;height:1.15rem;accent-color:var(--lab-cobalt);margin-top:.15rem}.lab-switch span{font-size:.88rem;line-height:1.35}.lab-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=760px){.lab-workbench{grid-template-columns:1fr}.lab-controls{border-right:0;border-bottom:1px solid color-mix(in srgb, var(--lab-ink) 24%, transparent)}.lab-experiment__header{grid-template-columns:1fr}.lab-stamp{justify-self:start}.lab-axis__marker span{width:6.5rem;font-size:.62rem;left:50%;transform:translate(-50%)}.lab-axis__marker--algorithm span{transform:translate(-100%)}.lab-axis__marker--you span{transform:translate(0)}.lab-bit-grid{grid-template-columns:repeat(16,1fr)}.lab-pipeline{grid-template-columns:repeat(2,1fr)}.lab-pipeline li:nth-child(2n):after{content:none}}@media (prefers-reduced-motion:reduce){.lab-meter__fill{transition:none}}