.lab-page{--lab-nav:74px;--lab-gutter:clamp(12px, 2vw, 24px);--lab-gap:16px;--lab-key-width:256px;--lab-ink:var(--text-primary);--lab-ink-2:var(--text-secondary);--lab-ink-3:#6e6e8a;--lab-ring:#dfdbd6;--lab-panel:var(--bg-white);--lab-surface:var(--bg-warm-alt);--lab-line:var(--border-light);--lab-chip:var(--purple-light);--lab-post:var(--vivipod-purple);--lab-on-post:#fff;--lab-reply:#0b8a73;--lab-queue:#e8551f;--lab-queue-fill:#ff6b353d;--lab-phase-ready:#a16207;--lab-phase-say:#8401ee;--lab-phase-redo:#d9480f;--lab-phase-reply:#0b8a73;--lab-phase-back:#1d6fd8;--lab-phase-more:#0b8a73;padding-top:var(--lab-nav);color:var(--text-primary)}.lab-page.lab-tool{--lab-nav:0px}.dark .lab-page{--lab-ink-3:#9a98b4;--lab-ring:#33304a;--lab-panel:var(--bg-warm);--lab-on-post:#161524;--lab-reply:#34d3b4;--lab-queue:#fb923c;--lab-queue-fill:#fb923c3d;--lab-phase-ready:#b98a12;--lab-phase-say:#a855f7;--lab-phase-redo:#dd6b20;--lab-phase-reply:#14a58a;--lab-phase-back:#3f8ae8;--lab-phase-more:#14a58a}.lab-page button{font:inherit;color:var(--lab-ink);background:var(--lab-surface);border:1px solid var(--lab-line);cursor:pointer;white-space:nowrap;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:700;text-decoration:none}.lab-page button:hover{border-color:var(--lab-ink-3)}.lab-page :focus-visible{outline:2px solid var(--lab-post);outline-offset:2px}.lab-hub{padding-bottom:80px}.lab-hub-hero{grid-template-columns:minmax(0,1fr) minmax(220px,320px);align-items:end;gap:16px 40px;padding-top:48px;padding-bottom:32px;display:grid}.lab-eyebrow{background:var(--purple-soft);color:var(--lab-post);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;padding:3px 12px;font-size:12px;font-weight:800;display:inline-flex}.lab-hub-hero h1{letter-spacing:-.02em;text-wrap:balance;margin:14px 0 0;font-size:clamp(34px,5vw,52px);font-weight:900;line-height:1.08}.lab-hub-hero p{color:var(--text-secondary);margin:0;font-size:15px;line-height:1.6}.lab-hub-hero p a{color:var(--lab-post);font-weight:700}.lab-hub-list{gap:24px;display:grid}.lab-card{background:var(--lab-panel);border:1px solid var(--lab-line);border-radius:var(--radius-lg);color:inherit;text-decoration:none;transition:border-color .2s,transform .2s;display:block;overflow:hidden}.lab-card:hover{border-color:var(--lab-post);transform:translateY(-2px)}.lab-card-art{background:var(--lab-surface);padding:16px}.lab-preview{width:100%;height:auto;display:block}.lab-preview-away{stroke:var(--lab-ink-3);stroke-width:1.2px;stroke-dasharray:1.5 5;stroke-linecap:round}.lab-preview-here{stroke:var(--lab-ink);stroke-width:3px;stroke-linecap:round}.lab-preview-link{fill:none;stroke:var(--lab-reply);stroke-width:1.3px;opacity:.6}.lab-preview-post{fill:var(--lab-post)}.lab-preview-head{fill:var(--lab-panel);stroke:var(--lab-ink);stroke-width:2px}.lab-preview-slot{fill:var(--lab-ink)}.lab-preview-paper{fill:var(--lab-panel);stroke:var(--lab-line)}.lab-preview-name{fill:var(--lab-ink-2);font-size:16px;font-weight:800}.lab-preview-total{fill:var(--lab-ink);font-size:28px;font-weight:900}.lab-preview-line{fill:var(--lab-ink-3);opacity:.45}.lab-card-body{padding:22px 26px 24px}.lab-card-meta{color:var(--lab-post);letter-spacing:.06em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:12px;font-weight:800;display:flex}.lab-card-audience{background:var(--lab-surface);color:var(--text-secondary);letter-spacing:0;text-transform:none;border-radius:999px;padding:2px 10px;font-weight:700}.lab-card h2{letter-spacing:-.01em;margin:10px 0 6px;font-size:30px;font-weight:900}.lab-card p{max-width:62ch;color:var(--text-secondary);margin:0 0 12px;font-size:16px;line-height:1.55}.lab-card-cta{color:var(--lab-post);font-size:14px;font-weight:800}.lab-layout{padding-left:max(var(--lab-gutter), env(safe-area-inset-left,0px));padding-right:max(var(--lab-gutter), env(safe-area-inset-right,0px))}.lab-root{min-width:0;font-size:14px;line-height:1.45}.lab-screen{height:calc(100vh - var(--lab-nav));height:calc(100dvh - var(--lab-nav));grid-template:"top""clock""stage"minmax(0,1fr)/minmax(0,1fr);min-width:0;min-height:520px;padding-block:18px 10px;display:grid}.lab-top{flex-wrap:wrap;grid-area:top;align-items:center;gap:10px 12px;min-width:0;margin-bottom:14px;display:flex}.lab-title{white-space:nowrap;align-items:center;gap:8px;margin-right:auto;display:flex}.lab-home{flex:none;margin-right:2px;display:block}.lab-home svg{width:26px;height:26px;fill:var(--lab-post);display:block}.lab-theme{flex:none;order:2}.lab-page .lab-theme button{background:var(--lab-surface);width:39px;height:39px;color:var(--lab-ink-2);border-color:#0000;padding:0}.lab-page .lab-theme button:hover{color:var(--lab-ink)}.lab-title h1{letter-spacing:-.015em;margin:0;font-size:22px;font-weight:800;line-height:1.2}.lab-crumb{color:var(--lab-ink-2);font-size:14px;font-weight:700;text-decoration:none}.lab-crumb:after{content:" /";color:var(--lab-ink-3)}.lab-crumb:hover{color:var(--lab-post)}.lab-tabs{scrollbar-width:none;background:var(--lab-surface);border-radius:999px;flex:0 0 100%;order:3;gap:2px;min-width:0;padding:3px;display:flex;overflow-x:auto}.lab-tabs::-webkit-scrollbar{display:none}.lab-options::-webkit-scrollbar{display:none}.lab-page .lab-tabs button{color:var(--lab-ink-2);background:0 0;border-color:#0000;border-radius:999px;flex:1 0 auto;padding:6px 12px;position:relative}.lab-page .lab-tabs button:hover{color:var(--lab-ink);border-color:#0000}.lab-page .lab-tabs button[data-break]{margin-left:11px}.lab-tabs button[data-break]:before{content:"";background:var(--lab-line);width:1px;position:absolute;top:8px;bottom:8px;left:-7px}.lab-page .lab-tabs button[aria-pressed=true],.lab-page button.lab-primary{background:var(--lab-post);color:var(--lab-on-post);border-color:#0000}.lab-page button.lab-primary{border-radius:999px;min-width:76px;padding:6px 16px}.lab-clock{background:var(--lab-panel);border:1px solid var(--lab-line);border-bottom:0;border-radius:14px 14px 0 0;grid-area:clock;grid-template-columns:auto auto minmax(0,1fr);grid-template-areas:"play time options""scrub scrub scrub";align-items:center;gap:2px 12px;min-width:0;padding:8px 12px 4px;display:grid}.lab-primary{grid-area:play}.lab-scrub{grid-area:scrub;width:100%}.lab-readout{font-variant-numeric:tabular-nums;grid-area:time;min-width:124px;font-weight:800}.lab-options{scrollbar-width:none;grid-area:options;align-items:center;gap:10px;min-width:0;display:flex;overflow-x:auto}.lab-options>*{flex:none}.lab-options>:first-child{margin-left:auto}.lab-page input[type=range]{--lab-thumb:14px;--lab-fill-to:calc(var(--lab-thumb) / 2 + var(--lab-fill,0) * (100% - var(--lab-thumb)));appearance:none;cursor:pointer;background:0 0;height:24px;margin:0}.lab-page input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--lab-post) var(--lab-fill-to), var(--lab-ring) var(--lab-fill-to));border-radius:999px;height:4px}.lab-page input[type=range]::-moz-range-track{background:var(--lab-ring);border-radius:999px;height:4px}.lab-page input[type=range]::-moz-range-progress{background:var(--lab-post);border-radius:999px;height:4px}.lab-page input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:var(--lab-thumb);height:var(--lab-thumb);background:var(--lab-post);border-radius:50%;margin-top:-5px}.lab-page input[type=range]::-moz-range-thumb{width:var(--lab-thumb);height:var(--lab-thumb);background:var(--lab-post);border:0;border-radius:50%}.lab-seg{background:var(--lab-surface);border-radius:999px;gap:2px;padding:2px;display:inline-flex}.lab-page .lab-seg button{color:var(--lab-ink-2);background:0 0;border:0;border-radius:999px;padding:4px 10px}.lab-page .lab-seg button[aria-pressed=true]{background:var(--lab-chip);color:var(--lab-ink)}.lab-size{color:var(--lab-ink-2);white-space:nowrap;align-items:center;gap:6px;font-size:13px;font-weight:700;display:inline-flex}.lab-size input{width:64px}.lab-size output{min-width:18px;color:var(--lab-ink);font-variant-numeric:tabular-nums;font-weight:800}.lab-stage{background:var(--lab-line);border:1px solid var(--lab-line);border-radius:0 0 14px 14px;grid-area:stage;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:1px;min-height:0;display:grid;position:relative;overflow:hidden}.lab-tag{z-index:2;background:var(--lab-surface);color:var(--lab-ink-2);white-space:nowrap;pointer-events:none;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;position:absolute;top:8px;left:8px}.lab-page .lab-reset{z-index:2;position:absolute;top:8px;right:8px}.lab-stage figure{grid-row:span 2;grid-template-rows:subgrid;background:var(--lab-panel);row-gap:0;min-width:0;min-height:0;margin:0;display:grid}.lab-stage figure[hidden]{display:none}.lab-stage[data-mode=all]{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:repeat(7,minmax(0,1fr))}.lab-stage[data-mode=all] .lab-try{display:none}.lab-stage[data-mode=all] figcaption p{flex-basis:100%}.lab-stage[data-mode=all] figcaption span{display:none}.lab-try{z-index:2;background:var(--lab-panel);border:1px solid var(--lab-line);border-radius:14px;grid-area:1/1/2/2;width:min(300px,100% - 16px);padding:10px 12px;position:absolute;bottom:8px;left:8px;box-shadow:0 12px 32px #0f0e172e}.lab-page .lab-try-toggle{color:var(--lab-ink-2);background:0 0;border:0;align-items:center;gap:6px;padding:4px;display:flex;position:absolute;top:6px;right:6px}.lab-try-toggle span{display:none}.lab-try-body ol{color:var(--lab-ink-2);margin:0 0 8px;padding:0;font-size:13px;line-height:1.5;list-style:none}.lab-try h2{color:var(--lab-ink);margin:0 22px 2px 0;font-size:15px;font-weight:800;line-height:1.3}.lab-try-body p{margin:0}.lab-try-nav{align-items:center;gap:8px;display:flex}.lab-try-count{color:var(--lab-ink-2);font-variant-numeric:tabular-nums;margin-right:auto;font-size:12px;font-weight:700}.lab-try[data-open=false]{width:auto;box-shadow:none;background:0 0;border:0;padding:0}.lab-try[data-open=false] .lab-try-body{display:none}.lab-page .lab-try[data-open=false] .lab-try-toggle{background:var(--lab-surface);color:var(--lab-ink);padding:5px 12px;position:static;box-shadow:0 6px 18px #0f0e172e}.lab-try[data-open=false] .lab-try-toggle span{display:inline}.lab-try[data-open=false] .lab-try-toggle svg{rotate:180deg}.lab-canvas{min-height:0;position:relative}.lab-canvas canvas{cursor:grab;touch-action:pan-y;width:100%;height:100%;display:block;position:absolute;inset:0}.lab-canvas canvas.dragging{cursor:grabbing}.lab-canvas canvas.flat{cursor:default}.lab-stage figcaption{border-top:1px solid var(--lab-line);flex-wrap:wrap;align-items:center;gap:2px 18px;min-width:0;padding:5px 12px 6px;display:flex}.lab-stage figcaption p{min-width:0;color:var(--lab-ink-2);flex:300px;margin:0;font-size:13px}.lab-stage figcaption b{color:var(--lab-ink);font-weight:800}.lab-stage dl{flex-wrap:wrap;gap:0 14px;margin:0;display:flex}.lab-stage dl div{align-items:baseline;gap:5px;display:flex}.lab-stage dt{color:var(--lab-ink-3);font-size:12px;font-weight:600}.lab-stage dd{font-variant-numeric:tabular-nums;margin:0;font-size:14px;font-weight:800}.lab-totals{background:var(--lab-panel);border:1px solid var(--lab-line);border-radius:10px;margin-bottom:16px;padding:8px 12px}.lab-totals summary{cursor:pointer;font-size:14px;font-weight:800}.lab-table-scroll{margin-top:10px;overflow-x:auto}.lab-totals table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:13px}.lab-totals caption{color:var(--lab-ink-2);text-align:left;padding-bottom:4px;font-weight:700}.lab-totals th,.lab-totals td{border-bottom:1px solid var(--lab-line);text-align:right;white-space:nowrap;padding:4px 8px}.lab-totals th:first-child{text-align:left}.lab-totals thead th{color:var(--lab-ink-3);font-size:12px;font-weight:700}.lab-guide{flex-direction:column;grid-area:panel;gap:10px;min-width:0;min-height:0;display:flex}.lab-guide-bar{align-items:center;gap:8px;display:flex}.lab-guide .lab-seg{flex:1;min-width:0}.lab-page .lab-guide .lab-seg button{flex:auto}.lab-page .lab-guide-toggle{color:var(--lab-ink-2);align-items:center;gap:6px;padding:6px;display:none}.lab-guide-toggle svg{rotate:180deg}.lab-guide-body{scrollbar-width:thin;align-content:start;gap:16px;min-height:0;display:grid;overflow-y:auto}.lab-guide h2{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:0;position:absolute;overflow:hidden}.lab-guide h3{margin:0 0 4px;font-size:15px;font-weight:800}.lab-guide-look p{color:var(--lab-ink-2);margin:0;font-size:13px;line-height:1.5}.lab-guide[data-tab=look] .lab-guide-key,.lab-guide[data-tab=key] .lab-guide-look{display:none}.lab-key{gap:12px;min-width:0;display:grid}.lab-lede{color:var(--lab-ink-2);margin:0;font-size:13px;line-height:1.5}.lab-key ul{color:var(--lab-ink-2);grid-template-columns:minmax(0,1fr);gap:8px 16px;margin:0;padding:0;font-size:13px;line-height:1.45;list-style:none;display:grid}.lab-key li{grid-template-columns:40px minmax(0,1fr);align-items:center;gap:8px;display:grid}.lab-key svg{width:40px;height:24px;display:block;overflow:visible}.lab-key b{color:var(--lab-ink);font-weight:800}.k-dots{fill:none;stroke:var(--lab-ink-3);stroke-width:1.6px;stroke-dasharray:1.5 4;stroke-linecap:round}.k-solid{fill:none;stroke:var(--lab-ink);stroke-width:2.6px}.k-face{fill:var(--lab-surface);stroke:var(--lab-ink);stroke-width:1.6px}.k-balloon{fill:var(--lab-queue-fill);stroke:var(--lab-queue);stroke-width:1.5px}.k-fill{fill:var(--lab-surface)}.k-post{fill:var(--lab-post)}.k-play{fill:var(--lab-on-post)}.k-line{fill:none;stroke:var(--lab-reply);stroke-width:1.8px}.k-dot{fill:var(--lab-reply)}.k-ring{fill:var(--lab-panel);stroke:var(--lab-reply);stroke-width:1.6px}.k-private{fill:none;stroke:var(--lab-post);stroke-width:1.5px}.k-thin{fill:none;stroke:var(--lab-ink-3);stroke-width:1.2px}.k-speak{fill:none;stroke:var(--lab-post);stroke-width:4px;stroke-linecap:round}.lab-notes{gap:40px;padding-top:32px;padding-bottom:72px;display:grid}.lab-notes h2{letter-spacing:-.01em;margin:0 0 14px;font-size:26px;font-weight:900}.lab-notes ul{color:var(--text-secondary);columns:2 320px;column-gap:40px;margin:0;padding-left:18px;font-size:15px;line-height:1.6;list-style:outside}.lab-notes li{break-inside:avoid;margin-bottom:8px}.lab-feedback{border-top:1px solid var(--lab-line);color:var(--text-secondary);margin:0;padding-top:20px;font-size:15px;line-height:1.6}.lab-feedback a{color:var(--lab-post);font-weight:700}@media (min-width:1260px){.lab-screen{column-gap:var(--lab-gap);grid-template-columns:minmax(0, 1fr) var(--lab-key-width);grid-template-areas:"top top""clock panel""stage panel"}.lab-top{flex-wrap:nowrap;min-height:40px}.lab-tabs{flex:none;order:0}.lab-theme{order:0}}@media (min-width:1260px) and (min-height:925px){.lab-guide-bar{display:none}.lab-guide h2{clip-path:none;width:auto;height:auto;color:var(--lab-ink-3);letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:800;position:static;overflow:visible}.lab-guide[data-tab] .lab-guide-look,.lab-guide[data-tab] .lab-guide-key{display:block}.lab-guide-key{border-top:1px solid var(--lab-line);padding-top:16px}}@media (max-width:1259px){.lab-guide{z-index:3;background:var(--lab-panel);border:1px solid var(--lab-line);border-radius:14px;grid-area:stage;place-self:start end;width:min(320px,100% - 16px);max-height:min(100% - 54px,420px);margin:46px 8px 0;padding:8px;box-shadow:0 12px 32px #0f0e172e}.lab-guide-body{padding-inline:4px}.lab-page .lab-guide-toggle{display:inline-flex}.lab-guide-toggle span{display:none}.lab-guide[data-open=false]{width:auto;box-shadow:none;background:0 0;border:0;padding:0}.lab-guide[data-open=false] .lab-seg,.lab-guide[data-open=false] .lab-guide-body{display:none}.lab-page .lab-guide[data-open=false] .lab-guide-toggle{background:var(--lab-surface);padding:5px 12px;box-shadow:0 6px 18px #0f0e172e}.lab-guide[data-open=false] .lab-guide-toggle span{display:inline}.lab-guide[data-open=false] .lab-guide-toggle svg{rotate:0deg}}@media (max-width:1400px){.lab-stage[data-mode=all]{grid-template-rows:repeat(2,minmax(0,1fr) auto);grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:1040px){.lab-clock{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"play scrub time""options options options";gap:4px 12px;padding-bottom:8px}.lab-readout{text-align:right;min-width:112px}.lab-options{margin-inline:-12px;padding-inline:12px}.lab-options>:first-child{margin-left:0}}@media (max-width:860px){.lab-tabs{flex-basis:calc(100% + 2 * var(--lab-gutter));margin-inline:calc(-1 * var(--lab-gutter));padding-inline:var(--lab-gutter);background:0 0;border-radius:0}.lab-page .lab-tabs button:not([aria-pressed=true]){background:var(--lab-surface)}}@media (max-width:760px){.lab-hub-hero{grid-template-columns:minmax(0,1fr)}.lab-stage[data-mode=all]{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:420px;overflow-y:auto}.lab-stage[data-mode=all] figure{grid-row:auto;grid-template-rows:minmax(0,1fr) auto}}@media (max-width:520px){.lab-stage[data-mode=all]{grid-template-columns:minmax(0,1fr);grid-auto-rows:460px}.lab-stage dl [data-optional]{display:none}.lab-title h1{font-size:20px}.lab-page button.lab-primary{min-width:62px;padding-inline:12px}.lab-stage figcaption{padding:4px 10px 5px}.lab-stage figcaption p{flex-basis:100%;font-size:12px}}@media (max-width:400px){.lab-title h1{font-size:18px}}@media (max-width:350px){.lab-crumb{display:none}}