@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/hanken-grotesk-vietnamese-wght-normal-CHiFlh_0.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/hanken-grotesk-latin-ext-wght-normal-Dg-wlmqe.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/hanken-grotesk-latin-wght-normal-CaVRRdDk.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-mono-latin-400-normal-4GdczIuU.woff2)format("woff2"),url(/assets/dm-mono-latin-400-normal--0xN8mdc.woff)format("woff")}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-mono-latin-500-normal-DRMDZjhP.woff2)format("woff2"),url(/assets/dm-mono-latin-500-normal-CN8Miw6E.woff)format("woff")}@property --stage-ink{syntax:"<color>";inherits:true;initial-value:#000}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:var(--lightningcss-light,#f5f5f2)var(--lightningcss-dark,#0f0e11);--well:var(--lightningcss-light,#e8e8e3)var(--lightningcss-dark,#151417);--tile:var(--lightningcss-light,#fafaf9)var(--lightningcss-dark,#1c1a1e);--tile-hover:var(--lightningcss-light,#fdfdfc)var(--lightningcss-dark,#222024);--stage-ink:var(--lightningcss-light,#deded8)var(--lightningcss-dark,#050506);--text-1:var(--lightningcss-light,#1a191d)var(--lightningcss-dark,#dededb);--text-2:var(--lightningcss-light,#504f54)var(--lightningcss-dark,#ababa7);--text-3:var(--lightningcss-light,#6f6e73)var(--lightningcss-dark,#939195);--text-4:var(--lightningcss-light,#a5a4a8)var(--lightningcss-dark,#58575b);--fill:var(--lightningcss-light,#1a191d0f)var(--lightningcss-dark,#ffffff12);--fill-hover:var(--lightningcss-light,#1a191d1a)var(--lightningcss-dark,#ffffff1c);--fill-active:var(--lightningcss-light,#1a191d26)var(--lightningcss-dark,#ffffff29);--line:var(--lightningcss-light,#1a191d17)var(--lightningcss-dark,#ffffff14);--line-2:var(--lightningcss-light,#1a191d29)var(--lightningcss-dark,#ffffff24);--focus:var(--lightningcss-light,#1a191d99)var(--lightningcss-dark,#fff9);--image-edge:var(--lightningcss-light,#0000001a)var(--lightningcss-dark,#ffffff1a);--primary-bg:var(--text-1);--primary-fg:var(--page);--accent:var(--lightningcss-light,var(--text-1))var(--lightningcss-dark,var(--wash-line));--wash:#f3e6d2;--wash-line:var(--lightningcss-light,#ba986e)var(--lightningcss-dark,#e3cead);--ok:var(--lightningcss-light,#298646)var(--lightningcss-dark,#6fd087);--info:var(--lightningcss-light,#3d78b2)var(--lightningcss-dark,#86beee);--note:var(--lightningcss-light,#ca7400)var(--lightningcss-dark,#f1af57);--note-bg:var(--lightningcss-light,#ca74001f)var(--lightningcss-dark,#f1af5721);--danger:var(--lightningcss-light,#c53732)var(--lightningcss-dark,#f47b74);--shadow-pill:0 1px 2px var(--lightningcss-light,#16151a1a)var(--lightningcss-dark,#0000004d), 0 0 0 .5px var(--lightningcss-light,#16151a0f)var(--lightningcss-dark,#ffffff14);--shadow-float:0 0 0 .5px var(--lightningcss-light,#16151a1a)var(--lightningcss-dark,#ffffff1a), 0 12px 32px -8px var(--lightningcss-light,#16151a38)var(--lightningcss-dark,#0009);--sans:"Hanken Grotesk Variable", "Hanken Grotesk", -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;--mono:"DM Mono", ui-monospace, "SF Mono", SFMono-Regular, Menlo, monospace;--text-xs:11px;--text-s:12px;--text-m:13px;--text-l:16px;--text-xl:27px;--weight:450;--weight-strong:560;--track:-.01em;--track-head:-.025em;--track-title:-.04em;--radius-well:14px;--radius-tile:9px;--radius:9px;--radius-s:6px;--gap:6px;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-move:cubic-bezier(.32, .72, 0, 1);--ease-spring:cubic-bezier(.34, 1.3, .64, 1)}@supports (color:lab(0% 0 0)){:root{--page:var(--lightningcss-light,lab(96.4383% -.395536 1.45848))var(--lightningcss-dark,lab(4.01407% .702508 -1.28685));--well:var(--lightningcss-light,lab(91.9397% -.686854 2.55626))var(--lightningcss-dark,lab(6.32446% 1.10988 -2.03307));--tile:var(--lightningcss-light,lab(98.2712% -.128657 .473678))var(--lightningcss-dark,lab(9.66018% 1.46342 -2.56464));--tile-hover:var(--lightningcss-light,lab(99.1966% -.0990033 .364304))var(--lightningcss-dark,lab(12.6766% 1.45896 -2.56767));--stage-ink:var(--lightningcss-light,lab(88.4681% -.78243 2.92326))var(--lightningcss-dark,lab(1.35969% .227153 -.416049));--text-1:var(--lightningcss-light,lab(8.96848% 1.30771 -2.66549))var(--lightningcss-dark,lab(88.4342% -.393003 1.45947));--text-2:var(--lightningcss-light,lab(33.7946% 1.28233 -2.68218))var(--lightningcss-dark,lab(69.8826% -.488579 1.82623));--text-3:var(--lightningcss-light,lab(46.555% 1.27709 -2.68581))var(--lightningcss-dark,lab(60.5045% .893772 -1.61818));--text-4:var(--lightningcss-light,lab(67.4568% .951171 -2.01917))var(--lightningcss-dark,lab(37.2929% 1.07729 -1.93806));--fill:var(--lightningcss-light,lab(8.96848% 1.30771 -2.66549/.06))var(--lightningcss-dark,lab(100% 0 0/.07));--fill-hover:var(--lightningcss-light,lab(8.96848% 1.30771 -2.66549/.1))var(--lightningcss-dark,lab(100% 0 0/.11));--fill-active:var(--lightningcss-light,lab(8.96848% 1.30771 -2.66549/.15))var(--lightningcss-dark,lab(100% 0 0/.16));--line:var(--lightningcss-light,lab(8.96848% 1.30771 -2.66549/.09))var(--lightningcss-dark,lab(100% 0 0/.08));--line-2:var(--lightningcss-light,lab(8.96848% 1.30771 -2.66549/.16))var(--lightningcss-dark,lab(100% 0 0/.14));--focus:var(--lightningcss-light,lab(8.96848% 1.30771 -2.66549/.6))var(--lightningcss-dark,lab(100% 0 0/.6));--image-edge:var(--lightningcss-light,lab(0% 0 0/.1))var(--lightningcss-dark,lab(100% 0 0/.1));--wash:lab(91.9416% 2.27866 11.3802);--wash-line:var(--lightningcss-light,lab(65.1782% 8.94439 27.125))var(--lightningcss-dark,lab(83.8424% 4.15927 19.2798));--ok:var(--lightningcss-light,lab(49.4309% -39.316 25.9959))var(--lightningcss-dark,lab(76.2673% -42.0219 27.4338));--info:var(--lightningcss-light,lab(48.5302% -5.42784 -37.2513))var(--lightningcss-dark,lab(74.3738% -9.53025 -29.936));--note:var(--lightningcss-light,lab(57.6356% 30.838 66.6361))var(--lightningcss-dark,lab(76.6491% 18.5379 54.1888));--note-bg:var(--lightningcss-light,lab(57.6356% 30.838 66.6361/.12))var(--lightningcss-dark,lab(76.6491% 18.5379 54.1888/.13));--danger:var(--lightningcss-light,lab(46.0249% 56.4689 37.9874))var(--lightningcss-dark,lab(66.0576% 46.9408 26.6951));--shadow-pill:0 1px 2px var(--lightningcss-light,lab(7.12289% 1.55932 -3.25947/.1))var(--lightningcss-dark,lab(0% 0 0/.3)), 0 0 0 .5px var(--lightningcss-light,lab(7.12289% 1.55932 -3.25947/.06))var(--lightningcss-dark,lab(100% 0 0/.08));--shadow-float:0 0 0 .5px var(--lightningcss-light,lab(7.12289% 1.55932 -3.25947/.1))var(--lightningcss-dark,lab(100% 0 0/.1)), 0 12px 32px -8px var(--lightningcss-light,lab(7.12289% 1.55932 -3.25947/.22))var(--lightningcss-dark,lab(0% 0 0/.6))}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=system]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root[data-theme=system]{--lightningcss-light: ;--lightningcss-dark:initial}}:root{--wrap:1160px;--gutter:24px;--r-well:16px;--r-in:10px;--r-img:5px;--header:60px;--ink-on-wash:#1a191d;--glow:0 0 0 1px var(--image-edge), 0 28px 90px -30px var(--lightningcss-light,#16151a1f)var(--lightningcss-dark,#ffffff29)}@supports (color:lab(0% 0 0)){:root{--ink-on-wash:lab(8.96848% 1.30771 -2.66549);--glow:0 0 0 1px var(--image-edge), 0 28px 90px -30px var(--lightningcss-light,lab(7.12289% 1.55932 -3.25947/.12))var(--lightningcss-dark,lab(100% 0 0/.16))}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;background:var(--page)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--page);color:var(--text-1);font:var(--weight) 15px/1.55 var(--sans);letter-spacing:-.008em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis:none;text-rendering:optimizelegibility;margin:0;overflow-x:hidden}::selection{background:color-mix(in oklch, var(--wash) 70%, transparent);color:var(--ink-on-wash)}img,video,canvas,svg{max-width:100%;display:block}button{font:inherit;color:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:0;padding:0}button,a,[role=tab],[role=slider]{touch-action:manipulation}a{color:inherit}h1,h2,h3,p,figure,blockquote{margin:0}h1,h2,h3{text-wrap:balance;font-weight:500}p{text-wrap:pretty}code,kbd,pre,.mono{font-family:var(--mono);letter-spacing:0;font-variant-numeric:tabular-nums}code{font-size:.88em}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:4px}[id]{scroll-margin-top:calc(var(--header) + 24px)}.dim{color:var(--text-3)}.mono.dim{font-size:12px}.no-motion *,.no-motion :before,.no-motion :after{transition:none!important}.skip{border-radius:var(--radius);background:var(--primary-bg);color:var(--primary-fg);z-index:20;transition:top .15s var(--ease-out);padding:10px 14px;position:absolute;top:-48px;left:16px}.skip:focus{top:12px}.page{padding:0 var(--gutter)}.wrap{max-width:var(--wrap);margin-inline:auto}.btn{border-radius:var(--radius);background:var(--fill);height:36px;color:var(--text-1);white-space:nowrap;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:13.5px;font-weight:500;text-decoration:none;transition:background-color .15s ease-out,color .15s ease-out,scale .15s ease-out;display:inline-flex}.btn svg{color:var(--text-2);flex:none}.btn:has(>svg:first-child){padding-inline-start:11px}.btn:active:not(:disabled){scale:.96}.btn-primary{background:var(--primary-bg);height:44px;color:var(--primary-fg);padding:0 20px;font-size:15px}.btn-note{background:var(--note-bg)}.btn-note svg{color:var(--note)}.arrow-link{min-height:44px;color:var(--text-2);align-items:center;gap:6px;font-size:15px;font-weight:500;text-decoration:none;transition:color .15s ease-out;display:inline-flex}.arrow-link svg{transition:translate .2s var(--ease-out)}.icon-btn{border-radius:var(--radius);width:34px;height:34px;color:var(--text-2);place-items:center;transition:background-color .15s ease-out,color .15s ease-out,scale .15s ease-out;display:grid;position:relative}.icon-btn:before{content:"";position:absolute;inset:-5px}.icon-btn:active{scale:.94}@media (hover:hover) and (pointer:fine){.btn:hover{background:var(--fill-hover)}.btn-primary:hover{background:color-mix(in oklch, var(--primary-bg) 86%, var(--primary-fg))}.btn-note:hover{background:color-mix(in oklch, var(--note) 22%, transparent)}.arrow-link:hover{color:var(--text-1)}.arrow-link:hover svg{translate:3px}.icon-btn:hover{background:var(--fill);color:var(--text-1)}}.sound-toggle{background:var(--fill);height:34px;color:var(--text-2);white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:0 13px 0 11px;font-size:13px;font-weight:500;transition:background-color .15s ease-out,color .15s ease-out,scale .15s ease-out;display:inline-flex;position:relative}.sound-toggle:active{scale:.96}.sound-toggle.on{background:color-mix(in oklch, var(--wash) 16%, transparent);color:var(--text-1)}.sound-toggle.on svg{color:var(--wash-line)}.sound-toggle.big{height:40px;padding:0 16px 0 13px;font-size:14px}.sound-toggle.big:not(.on){background:var(--primary-bg);color:var(--primary-fg)}.bars{align-items:flex-end;gap:2px;height:10px;display:inline-flex}.bars i{background:var(--wash-line);transform-origin:bottom;border-radius:1px;width:2px;height:100%;animation:.9s ease-in-out infinite bar}.bars i:nth-child(2){animation-delay:-300ms}.bars i:nth-child(3){animation-delay:-600ms}@keyframes bar{0%,to{scale:1 .35}50%{scale:1}}@media (hover:hover) and (pointer:fine){.sound-toggle:hover{color:var(--text-1);background:var(--fill-hover)}.sound-toggle.on:hover{background:color-mix(in oklch, var(--wash) 22%, transparent)}.sound-toggle.big:not(.on):hover{background:color-mix(in oklch, var(--primary-bg) 86%, var(--primary-fg));color:var(--primary-fg)}}.seg{border-radius:var(--radius);background:var(--fill);isolation:isolate;flex-wrap:wrap;gap:2px;max-width:100%;padding:2px;display:inline-flex}.seg button{border-radius:calc(var(--radius) - 2px);height:32px;color:var(--text-3);white-space:nowrap;align-items:center;padding:0 12px;font-size:13.5px;font-weight:500;transition:color .15s ease-out;display:inline-flex;position:relative}.seg button:before{content:"";position:absolute;inset:-4px 0}.seg button[aria-checked=true],.seg button[aria-selected=true]{color:var(--text-1)}.seg-pill{z-index:0;border-radius:calc(var(--radius) - 2px);background:var(--tile);box-shadow:var(--shadow-pill);position:absolute;inset:0}.seg-label{z-index:1;align-items:center;gap:7px;display:inline-flex;position:relative}.seg svg{flex:none}@media (hover:hover) and (pointer:fine){.seg button:hover:not([aria-checked=true]):not([aria-selected=true]){color:var(--text-1)}}.seg.mode [data-value=directed][aria-checked=true]{color:var(--ink-on-wash)}.seg.mode [data-value=directed] .seg-pill{background:var(--wash)}.seg.tabs button{font-family:var(--mono);letter-spacing:0;font-size:12.5px}.swatch{border-radius:4px;width:14px;height:14px;box-shadow:inset 0 0 0 1px #00000026;box-shadow:inset 0 0 0 1px lab(0% 0 0/.15)}.switch{min-height:40px;color:var(--text-1);white-space:nowrap;align-items:center;gap:9px;font-size:13.5px;font-weight:500;display:inline-flex}.switch .knob{background:var(--fill-active);border-radius:10px;flex:none;width:34px;height:20px;transition:background-color .18s ease-out;position:relative}.switch .knob:after{content:"";width:16px;height:16px;transition:translate .22s var(--ease-move);background:#fafaf9;background:lab(98.277% -.19303 .730467);border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000040;box-shadow:0 1px 2px lab(0% 0 0/.25)}.switch[aria-checked=true] .knob{background:var(--wash-line)}.switch[aria-checked=true] .knob:after{translate:14px}.top{z-index:10;margin:0 calc(-1 * var(--gutter));padding:0 var(--gutter);background:var(--page);box-shadow:0 1px 0 var(--line);position:sticky;top:0}.top-inner{height:var(--header);align-items:center;gap:24px;display:flex}.mark{min-height:44px;letter-spacing:var(--track-head);align-items:center;gap:10px;font-size:16px;font-weight:560;text-decoration:none;display:inline-flex}.mark-img{width:28px;height:28px}.top nav{gap:2px;margin-inline:auto 6px;display:flex}.top nav a{border-radius:var(--radius);height:34px;color:var(--text-2);align-items:center;padding:0 11px;font-size:13.5px;font-weight:500;text-decoration:none;transition:color .15s ease-out,background-color .15s ease-out;display:inline-flex}@media (hover:hover) and (pointer:fine){.top nav a:hover{color:var(--text-1);background:var(--fill)}}.top-tools{align-items:center;gap:6px;display:flex}.hero{text-align:center;justify-items:center;gap:20px;padding:96px 0 56px;display:grid}.hero h1{letter-spacing:-.045em;font-size:clamp(38px,5.6vw,68px);line-height:1}.lede{max-width:50ch;color:var(--text-2);font-size:16.5px}.chip{background:var(--fill);border-radius:999px;align-items:center;gap:4px;max-width:100%;height:42px;margin-top:8px;padding:0 4px 0 16px;display:inline-flex}.chip code{text-overflow:ellipsis;white-space:nowrap;color:var(--text-1);font-size:13px;overflow:hidden}.chip .p{color:var(--text-4);-webkit-user-select:none;user-select:none}.chip .copy{border-radius:999px;flex:none;position:relative;top:auto;right:auto}.btn-small{height:34px;padding:0 14px;font-size:13.5px}.section-title{letter-spacing:-.035em;text-align:center;margin-bottom:36px;font-size:clamp(26px,2.9vw,34px);line-height:1.1}.agents{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:24px 56px;display:grid}.agents .section-title{text-align:start;margin-bottom:12px}.agents .intro{max-width:40ch;color:var(--text-2);font-size:15.5px}.cta{flex-wrap:wrap;align-items:center;gap:8px 22px;margin-top:24px;display:flex}.stage{background:var(--well);border-radius:18px;padding:8px}.stage-bar{justify-content:space-between;align-items:center;gap:12px;min-height:36px;padding:0 8px 8px;display:flex}.readout{min-width:0;color:var(--text-2);align-items:baseline;gap:10px;font-size:13px;display:flex}.readout .shot,.readout .z{font-family:var(--mono);color:var(--text-3);font-variant-numeric:tabular-nums;flex:none;font-size:12px}.readout .what{text-overflow:ellipsis;white-space:nowrap;color:var(--text-1);font-weight:500;overflow:hidden}.viewport{border-radius:var(--r-in);background:var(--stage-ink);isolation:isolate;padding:clamp(10px,3.2vw,40px);position:relative;overflow:hidden}.viewport .ambient{z-index:-1;object-fit:cover;filter:blur(44px)saturate(1.4);opacity:.2;pointer-events:none;width:calc(100% - 2*clamp(10px,3.2vw,40px));height:calc(100% - 2*clamp(10px,3.2vw,40px));position:absolute;inset:clamp(10px,3.2vw,40px)}.frame{aspect-ratio:16/10;border-radius:var(--r-img);background:var(--stage-ink);box-shadow:var(--glow);position:relative;overflow:hidden}.frame canvas,.frame .poster{width:100%;height:100%;position:absolute;inset:0}.frame .poster{object-fit:cover}.big-play{color:#f9f8f6;color:lab(97.699% -.0975132 1.1381);background:#161518d1;background:lab(7.16576% .913449 -1.95064/.82);border-radius:50%;place-items:center;width:76px;height:76px;margin:auto;transition:scale .15s ease-out;display:grid;position:absolute;inset:0}.big-play:active{scale:.96}.big-play svg{margin-left:3px}.player{isolation:isolate;position:relative}.pb{--line:#ffffff38;--line-2:#ffffff6b;--text-1:#f9f8f6;--text-3:#ffffffb8;--text-4:#ffffff80;--page:#161518;z-index:2;color:var(--text-1);transition:opacity .26s ease-out, translate .26s var(--ease-out);background:linear-gradient(#0000,#06050757 45%,#0605079e);background:linear-gradient(#0000,lab(1.54555% .246979 -.452325/.34) 45%,lab(1.54555% .246979 -.452325/.62));align-items:center;gap:6px;padding:26px 10px 4px 4px;display:flex;position:absolute;bottom:0;left:0;right:0}@supports (color:lab(0% 0 0)){.pb{--line:lab(100% 0 0/.22);--line-2:lab(100% 0 0/.42);--text-1:lab(97.7055% -.288934 1.09625);--text-3:lab(100% 0 0/.72);--text-4:lab(100% 0 0/.5);--page:lab(7.16576% .913449 -1.95064)}}.player[data-idle]>.pb,.player[data-idle]>*>.pb{opacity:0;transition-duration:.5s;translate:0 6px}.player[data-idle]:hover .pb,.player[data-idle]:focus-within .pb{opacity:1;transition-duration:.2s;translate:0}@media (hover:none){.player[data-idle] .pb{opacity:1;translate:0}}.player>.screen{border-radius:var(--r-in)}.screen:has(+.pb){border-radius:var(--r-in)}.pb-play{width:36px;height:36px;color:var(--text-1);border-radius:50%;flex:none;place-items:center;transition:background-color .15s ease-out,scale .15s ease-out;display:grid;position:relative}.pb-play:before{content:"";position:absolute;inset:-4px}.pb-play:active{scale:.92}.pb-play svg{width:18px;height:18px}@media (hover:hover) and (pointer:fine){.pb-play:hover{background:#ffffff24;background:lab(100% 0 0/.14)}}.pb-play:focus-visible,.pb-scrub:focus-visible,.hero-pb .track:focus-visible{outline-color:#ffffffd9;outline-color:lab(100% 0 0/.85)}.pb-scrub{cursor:pointer;touch-action:none;flex:1;min-width:0;height:40px;margin:0 8px;position:relative}.pb-scrub svg{width:100%;height:20px;position:absolute;top:10px;left:0;overflow:visible}.pb-line{fill:none;stroke:#ffffff6b;stroke:lab(100% 0 0/.42);stroke-width:1.5px;vector-effect:non-scaling-stroke;stroke-linejoin:round}.pb-done{stroke:var(--wash);stroke-width:2px;vector-effect:non-scaling-stroke}.pb-head{background:var(--wash);pointer-events:none;border-radius:50%;width:10px;height:10px;margin:-5px 0 0 -5px;position:absolute;top:50%;box-shadow:0 0 0 2px #06050780;box-shadow:0 0 0 2px lab(1.54555% .246979 -.452325/.5)}.pb-mark{pointer-events:none;background:#ffffff73;background:lab(100% 0 0/.45);width:1px;height:6px;margin-top:5px;position:absolute;top:50%}.pb-read{text-align:right;min-width:5ch;font:11.5px var(--mono);letter-spacing:0;font-variant-numeric:tabular-nums;color:var(--text-3);white-space:nowrap;flex:none}.pb-read b{color:var(--text-1);margin-inline-end:6px;font-weight:500}.hero-pb{gap:8px;padding:32px 14px 6px 8px}.track{cursor:pointer;touch-action:none;flex:1;height:44px;position:relative}.track:focus-visible{outline-offset:0}.rails{height:10px;position:absolute;top:17px;left:0;right:0}.rails:before,.rails:after{content:"";background:var(--line-2);height:1px;position:absolute;left:0;right:0}.rails:before{top:0}.rails:after{bottom:0}.sleepers{background:repeating-linear-gradient(90deg, var(--line) 0 2px, transparent 2px 9px);position:absolute;inset:-2px 0}.lit{background:color-mix(in oklch, var(--wash) 72%, transparent);border-radius:1px;position:absolute;top:1px;bottom:1px}.lit.move{background:color-mix(in oklch, var(--wash) 30%, transparent)}.beat{background:var(--text-4);width:1px;height:6px;position:absolute;top:31px}.cart{pointer-events:none;will-change:transform;width:22px;height:20px;margin-left:-11px;position:absolute;top:9px;left:0}.cart svg{width:22px;height:20px;color:var(--text-1)}.controls{border-radius:var(--r-in);background:var(--tile);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 28px;margin-top:8px;padding:10px 12px 10px 10px;display:flex}.toggles{align-items:center;gap:20px;display:flex}.control{align-items:center;gap:12px;min-width:0;display:flex}.control-label{color:var(--text-3);flex:none;font-size:13px}.control.lean .lens-readout{font-size:11px}.toggles{gap:20px}.note{min-height:20px;color:var(--text-3);padding:10px 10px 4px;font-size:13px}.note.warn{color:var(--note)}.lens{gap:4px;display:grid;position:relative}.lens-barrel{cursor:grab;touch-action:none;border-radius:8px;display:block;box-shadow:0 0 0 1px #00000080,0 1px 0 .5px #ffffff0f,0 10px 22px -10px #000c;box-shadow:0 0 0 1px lab(0% 0 0/.5),0 1px 0 .5px lab(100% 0 0/.06),0 10px 22px -10px lab(0% 0 0/.8)}.lens-barrel[data-gripped]{cursor:grabbing}.lens-barrel:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.lens-body{fill:#1b1a1f}.lens-collar{fill:#0e0d11}.lens-grip{fill:#121115}.lens-ridge{fill:#3b3a42}.lens-mark{stroke:#ece9e2;stroke-linecap:round}.lens-mark-major{stroke:#f6f4ef}.lens-mark-lean{stroke:var(--wash)}.lens-engraving{fill:#ece9e2;font:500 8.5px var(--mono);letter-spacing:0;font-variant-numeric:tabular-nums}.lens-mark-soft{stroke:var(--note);fill:var(--note)}.lens-lean-dot{fill:var(--wash)}.lens-chamfer{fill:#fff;opacity:.14}.lens-seam{fill:#000;opacity:.7}.lens-index{fill:var(--wash)}.lens-readout{font:var(--text-s) var(--mono);letter-spacing:0;font-variant-numeric:tabular-nums;color:var(--text-2)}.lens-state{color:var(--text-3)}.block{padding-top:176px}.head{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:16px 56px;margin-bottom:40px;display:grid}.kicker{font-family:var(--mono);color:var(--text-3);letter-spacing:0;margin-bottom:12px;font-size:12px}.head h2{letter-spacing:-.035em;max-width:24ch;font-size:clamp(26px,2.9vw,34px);line-height:1.1}.head .intro{max-width:52ch;color:var(--text-2);font-size:15.5px}.head .intro code{color:var(--text-1)}.screen{border-radius:var(--r-in);background:var(--stage-ink);place-items:center;padding:clamp(10px,2.4vw,28px);display:grid;position:relative;overflow:hidden}.screen>img,.shot-wrap>img{border-radius:var(--r-img);width:100%;height:auto;box-shadow:var(--glow)}.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.step{border-radius:var(--r-well);background:var(--well);padding:6px 6px 20px}.step .screen{padding:clamp(8px,1.4vw,16px)}.step figcaption{color:var(--text-3);margin:10px 10px 0;font-size:11.5px}.step h3{letter-spacing:-.02em;align-items:baseline;gap:8px;margin:18px 10px 0;font-size:17px;font-weight:560;display:flex}.step h3 span{font-family:var(--mono);color:var(--text-3);font-size:12px;font-weight:400}.step p{color:var(--text-2);margin:8px 10px 0;font-size:15px;line-height:1.6}.modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.mode-card{border-radius:var(--r-well);background:var(--well);min-width:0;padding:6px 6px 20px}.mode-player .screen{aspect-ratio:16/10;padding:0}.mode-player .screen video{object-fit:cover;cursor:pointer;width:100%;height:100%}.mode-player.is-film .screen{background:#000}.mode-player.is-film .screen video{object-fit:contain}.mode-player.film-only .screen{aspect-ratio:16/9}.mode-player.is-film .big-play{background:#ffffff24;background:lab(100% 0 0/.14)}.mode-card h3{letter-spacing:-.02em;justify-content:space-between;align-items:baseline;gap:12px;margin:18px 10px 0;font-size:17px;font-weight:560;display:flex}.mode-card h3 code{color:var(--text-3);font-size:12.5px;font-weight:400}.mode-card p{color:var(--text-2);margin:8px 10px 0;font-size:15px;line-height:1.6}.pb-sound{margin-inline-start:2px}.rows{gap:112px;display:grid}.row{grid-template-columns:minmax(0,4fr) minmax(0,7fr);align-items:start;gap:32px 64px;display:grid}.row-text{top:calc(var(--header) + 32px);padding-top:10px;position:sticky}.row-text h3{letter-spacing:-.028em;font-size:21px;font-weight:540;line-height:1.2}.row-text p{color:var(--text-2);max-width:42ch;margin-top:12px;font-size:15px}.row-text p+p{margin-top:10px}.row-text code{color:var(--text-1)}.demo{border-radius:var(--r-well);background:var(--well);min-width:0;padding:6px}.demo-foot{justify-content:space-between;align-items:center;gap:10px 16px;min-height:52px;padding:8px 6px 2px 4px;display:flex}.demo-foot.wrap{flex-wrap:wrap}.demo-foot-row{flex-wrap:wrap;align-items:center;gap:8px 18px;display:flex}.panel{border-radius:var(--r-in);background:var(--tile);padding:16px}.hint{color:var(--text-3);text-wrap:pretty;padding:10px 8px 6px;font-size:13px}.mini{--p-bg:#fcfcfa;--p-ink:#1b1a1e;--p-ink-3:#727176;--p-hover:#1b1a1e0d;--p-off:#1b1a1e29;background:var(--p-bg);width:100%;max-width:440px;color:var(--p-ink);-webkit-user-select:none;user-select:none;box-shadow:var(--glow);border-radius:12px;margin:clamp(8px,3vw,28px) 0;padding:10px;position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.mini{--p-bg:lab(98.857% -.193059 .730455);--p-ink:lab(9.43255% 1.30679 -2.66607);--p-ink-3:lab(47.715% 1.2767 -2.68606);--p-hover:lab(9.43255% 1.30679 -2.66607/.05);--p-off:lab(9.43255% 1.30679 -2.66607/.16)}}.mini-head{justify-content:space-between;align-items:center;padding:6px 8px 12px;display:flex}.mini-head b{font-size:14.5px;font-weight:600}.mini-head span{color:var(--p-ink-3);font-size:12.5px}.mini-row{border-radius:8px;justify-content:space-between;align-items:center;gap:12px;height:48px;padding:0 8px;font-size:14px;transition:background-color .16s ease-out;display:flex}.mini-row small{color:var(--p-ink-3);font-size:12.5px;line-height:1.3;display:block}.mini-row.is-hover{background:var(--p-hover)}.mini-switch{background:var(--p-off);border-radius:10px;flex:none;width:34px;height:20px;transition:background-color .2s ease-out;position:relative}.mini-switch:after{content:"";width:16px;height:16px;transition:translate .24s var(--ease-move);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003;box-shadow:0 1px 2px lab(0% 0 0/.2)}.mini-switch.on{background:#439458;background:lab(55.1223% -36.1121 23.6764)}.mini-switch.on:after{translate:14px}.mini-foot{justify-content:flex-end;align-items:center;gap:10px;padding:12px 8px 4px;display:flex}.mini-saved{color:#337344;color:lab(43.2686% -30.0935 19.7304);opacity:0;transition:opacity .2s ease-out, translate .24s var(--ease-out);font-size:13px;translate:0 3px}.mini-saved.on{opacity:1;translate:0}.mini-save{background:var(--p-ink);height:32px;color:var(--p-bg);border-radius:8px;align-items:center;padding:0 14px;font-size:13.5px;font-weight:550;transition:background-color .15s ease-out,scale .15s ease-out;display:inline-flex}.mini-save.is-hover{background:#333236;background:lab(21.0338% 1.29113 -2.6762)}.mini-save.is-press{scale:.95}.fake-cursor{pointer-events:none;filter:drop-shadow(0 1px 1px #00000040);filter:drop-shadow(0 1px 1px lab(0% 0 0/.25));width:18px;height:22px;transition:transform .7s cubic-bezier(.45,0,.2,1);position:absolute;top:0;left:0}.shot-frame{aspect-ratio:16/10;border-radius:var(--r-img);width:100%;box-shadow:var(--glow);background:#f5f5f2;background:lab(96.554% -.384241 1.46234);position:relative;overflow:hidden}.shot-frame img{transform-origin:0 0;will-change:transform;width:100%;height:100%;transition:filter .2s ease-out;position:absolute;top:0;left:0}.shot-frame svg.overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.overlay path,.overlay rect{transition:opacity .26s ease-out}.frame-tag{color:#f5f5f3;color:lab(96.5455% -.288874 1.09625);font:500 11.5px var(--mono);letter-spacing:0;font-variant-numeric:tabular-nums;background:#161518c7;background:lab(7.16576% .913449 -1.95064/.78);border-radius:999px;padding:3px 8px;position:absolute;top:10px;left:10px}.frame-tag.warn{background:var(--note);color:var(--ink-on-wash)}.frame-canvas{aspect-ratio:16/10;border-radius:var(--r-img);width:100%}.backdrops button{text-transform:capitalize}.term{border-radius:var(--r-in);background:var(--stage-ink);min-height:318px;font-family:var(--mono);letter-spacing:0;padding:18px 20px 64px;font-size:12.5px;line-height:1.65;overflow:hidden}.term p{transition:opacity .22s ease-out, translate .26s var(--ease-out);grid-template-columns:6ch minmax(0,1fr);gap:8px;display:grid}.term p+p{margin-top:4px}.term p.you{margin-bottom:10px}.term .who{color:var(--text-3)}.term .txt{color:var(--text-1);overflow-wrap:anywhere}.term p.out .txt{color:var(--text-3)}.term p.you .txt{font-family:var(--sans);letter-spacing:-.008em;font-size:14px}.term p.done .txt{color:var(--wash-line)}.term p.later{opacity:0;translate:0 4px}.editor-figure{margin-bottom:112px}.editor-figure .screen{border-radius:var(--r-well);padding:clamp(10px,3vw,36px)}.shot-wrap{cursor:zoom-in;width:100%;display:block;position:relative}a.screen{cursor:zoom-in}.callout{background:var(--wash);width:24px;height:24px;color:var(--ink-on-wash);font:500 11.5px var(--mono);letter-spacing:0;transition:scale .2s var(--ease-spring);border-radius:50%;place-items:center;margin:-12px 0 0 -12px;display:grid;position:absolute;box-shadow:0 0 0 3px #00000059,0 4px 14px #0006;box-shadow:0 0 0 3px lab(0% 0 0/.35),0 4px 14px lab(0% 0 0/.4)}.callout.on{scale:1.2}.callout.static{width:22px;height:22px;box-shadow:none;flex:none;margin:0;font-size:11px;position:static}.legend{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 24px;margin:20px 0 0;padding:0 4px;list-style:none;display:grid}.legend li{color:var(--text-2);align-items:flex-start;gap:10px;font-size:13.5px;line-height:1.5;display:flex}.home-shot{object-fit:contain;max-height:620px}.lens-foot{justify-items:center;gap:4px;padding:18px 8px 6px;display:grid}.lens-foot .hint{text-align:center;max-width:50ch}.notes-chart{width:100%;height:auto;overflow:visible}.chart-change{fill:color-mix(in oklch, var(--text-1) 6%, transparent)}.chart-label{fill:var(--text-3);font:11px var(--sans)}.chart-grid{stroke:var(--line);stroke-width:1px}.chart-limit{stroke:var(--note);stroke-width:1px;stroke-dasharray:3 3;opacity:.8}.chart-axis{fill:var(--text-3);font:10.5px var(--mono)}.chart-axis.limit{fill:var(--note)}.chart-curve{fill:none;stroke:var(--text-1);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.chart-curve.bad{stroke:var(--note);stroke-width:2.5px}.notes{gap:6px;margin-top:14px;display:grid}.note-row{border-radius:var(--radius);background:var(--note-bg);min-height:52px;animation:note-in .26s var(--ease-out);justify-content:space-between;align-items:center;gap:12px;padding:8px 8px 8px 14px;display:flex}.note-row.ok{background:var(--fill)}.note-text{color:var(--text-1);text-wrap:pretty;font-size:13.5px}@keyframes note-in{0%{opacity:0;translate:0 4px}}.snap-strip{cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:auto;overflow:visible}.snap-strip:focus-visible{outline-offset:6px}.strip-tick{stroke:var(--line-2)}.strip-sec{fill:var(--text-4);font:9.5px var(--mono)}.strip-beat line{stroke:var(--text-4);stroke-width:1px;stroke-dasharray:1 3}.strip-beat-dot{fill:var(--text-3);transform-box:fill-box;transform-origin:50%}.strip-beat-label{fill:var(--text-3);font:10px var(--mono)}.strip-beat.hit line{stroke:var(--accent);stroke-dasharray:none;stroke-width:1.5px}.strip-beat.hit .strip-beat-dot{fill:var(--wash);stroke:var(--accent);stroke-width:1px;animation:beat-pop .42s var(--ease-spring)}.strip-beat.hit .strip-beat-label{fill:var(--text-1)}@keyframes beat-pop{0%{scale:.4}to{scale:1}}.strip-cell rect{fill:var(--fill-hover)}.strip-cell text{fill:var(--text-1);font:500 12px var(--sans);pointer-events:none}.strip-cell.dim rect{fill:var(--fill)}.strip-cell.dim text{fill:var(--text-4)}.strip-edge-hit{fill:#0000}.strip-grip{fill:var(--text-1);transition:fill .15s ease-out}.strip-edge.hit .strip-grip{fill:var(--wash)}.snap-read{color:var(--text-2);justify-content:space-between;align-items:center;gap:12px;margin-top:12px;font-size:12.5px;display:flex}.snapped{background:var(--fill);color:var(--text-3);font:12px var(--mono);letter-spacing:0;border-radius:999px;padding:3px 9px;transition:background-color .15s ease-out,color .15s ease-out}.snapped.on{background:color-mix(in oklch, var(--wash) 22%, transparent);color:var(--text-1)}.sounds-head{flex-wrap:wrap;align-items:center;gap:10px 14px;margin-bottom:14px;font-size:13px;display:flex}.pads{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.pad{border-radius:var(--radius);background:var(--fill);text-align:start;align-content:start;gap:3px;min-height:88px;padding:12px 12px 10px;transition:background-color .15s ease-out,scale .15s ease-out,opacity .15s ease-out;display:grid;position:relative}.pad:active:not(:disabled){scale:.97}.pad:disabled{cursor:default;opacity:.45}.pad-name{color:var(--text-1);font-size:14px;font-weight:540}.pad-when{color:var(--text-3);font-size:12px;line-height:1.4}.pad-wave{align-items:center;gap:2px;height:12px;display:flex;position:absolute;top:15px;right:12px}.pad-wave i{background:var(--text-4);border-radius:1px;width:2px;height:100%;scale:1 .3}.pad[data-hit=a] .pad-wave i{animation:wave-a .42s var(--ease-out)}.pad[data-hit=b] .pad-wave i{animation:wave-b .42s var(--ease-out)}.pad-wave i:nth-child(2){animation-delay:40ms!important}.pad-wave i:nth-child(3){animation-delay:80ms!important}.pad-wave i:nth-child(4){animation-delay:.12s!important}@keyframes wave-a{30%{background:var(--wash-line);scale:1}}@keyframes wave-b{30%{background:var(--wash-line);scale:1}}@media (hover:hover) and (pointer:fine){.pad:hover:not(:disabled){background:var(--fill-hover)}}.rest{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:112px 0 0;padding:0;list-style:none;display:grid}.rest li{border-radius:var(--r-well);background:var(--well);flex-direction:column;padding:18px 18px 16px;display:flex}.rest h3{letter-spacing:-.015em;font-size:15px;font-weight:560}.rest p{color:var(--text-2);margin-top:6px;font-size:13.5px}.rest .keys{gap:6px;margin-top:auto;padding-top:14px;display:flex}kbd{background:var(--fill);min-width:22px;color:var(--text-2);text-align:center;border-radius:5px;padding:1px 6px;font-size:11.5px;display:inline-block}.start{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:12px;display:grid}.card{border-radius:var(--r-well);background:var(--well);min-width:0;padding:6px}.card>h3{letter-spacing:-.015em;padding:12px 10px;font-size:15px;font-weight:560}.card .seg{margin:0 0 6px}.code{border-radius:var(--r-in);background:var(--stage-ink);position:relative}.code pre{color:var(--text-1);white-space:pre;scrollbar-width:thin;margin:0;padding:16px 60px 16px 18px;font-size:13px;line-height:1.8;overflow-x:auto}.code pre.wrap-text{white-space:pre-wrap;font-family:var(--sans);letter-spacing:-.008em;font-size:14.5px;line-height:1.6}.code .c{color:var(--text-3)}.code .p{color:var(--text-4);-webkit-user-select:none;user-select:none}.copy{width:36px;height:36px;color:var(--text-3);border-radius:8px;place-items:center;transition:background-color .15s ease-out,color .15s ease-out,scale .15s ease-out;display:grid;position:absolute;top:8px;right:8px}.copy:before{content:"";position:absolute;inset:-4px}.copy:active{scale:.94}@media (hover:hover) and (pointer:fine){.copy:hover{background:var(--fill);color:var(--text-1)}}.copy .icons{width:16px;height:16px;position:relative}.copy .icons svg{transition:opacity .15s ease-out, scale .2s var(--ease-out);position:absolute;inset:0}.copy .icons .ok{opacity:0;color:var(--ok);scale:.6}.copy.done .icons .ok{opacity:1;scale:1}.copy.done .icons .cp{opacity:0;scale:.6}.needs{color:var(--text-2);padding:14px 10px 8px;font-size:14px}.needs code{color:var(--text-1)}.prompts{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.prompt{border-radius:var(--r-well);background:var(--well);flex-direction:column;padding:6px;display:flex;position:relative}.prompt h3{letter-spacing:-.012em;padding:10px;font-size:14px;font-weight:560}.prompt blockquote{border-radius:var(--r-in);background:var(--tile);color:var(--text-1);flex:1;padding:14px 56px 16px 16px;font-size:14.5px;line-height:1.55}.prompt .copy{top:50px;right:14px}.ref{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:start;gap:12px;display:grid}.table{border-radius:var(--r-well);background:var(--well);gap:6px;padding:6px;display:grid}.table h3{color:var(--text-3);padding:10px 10px 8px;font-size:12.5px;font-weight:500}.table dl{border-radius:var(--r-in);background:var(--tile);margin:0;padding:2px 0}.table .tr{border-top:1px solid var(--line);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:baseline;gap:16px;padding:10px 14px;display:grid}.table .tr:first-child{border-top:0}.table dt code{color:var(--text-1);font-size:12.5px}.table dd{color:var(--text-2);margin:0;font-size:13.5px}.table.grammar .tr{grid-template-columns:minmax(0,1fr) auto}.table.grammar dt{color:var(--text-2);font-size:13.5px}.table.grammar dd{color:var(--text-1);font:12.5px var(--mono);letter-spacing:0;text-align:right;font-variant-numeric:tabular-nums}.docs{gap:2px;display:grid}.docs a{background:var(--tile);min-height:42px;color:var(--text-1);justify-content:space-between;align-items:center;padding:0 14px;font-size:13.5px;font-weight:500;text-decoration:none;transition:background-color .15s ease-out;display:flex}.docs a:first-of-type{border-radius:var(--r-in) var(--r-in) 0 0}.docs a:last-of-type{border-radius:0 0 var(--r-in) var(--r-in)}.docs a svg{color:var(--text-3);transition:translate .2s var(--ease-out)}@media (hover:hover) and (pointer:fine){.docs a:hover{background:var(--tile-hover)}.docs a:hover svg{color:var(--text-1);translate:2px}}.end{text-align:center;justify-items:center;gap:28px;padding-top:176px;display:grid}.end-cmd{border-radius:var(--r-well);background:var(--well);min-width:0;padding:6px}.end-cmd p{padding:12px 10px 6px;font-size:13px}.end .last{letter-spacing:-.035em;max-width:32ch;font-size:clamp(26px,3vw,36px);font-weight:500;line-height:1.15}.end .cta{margin-top:28px}.reel{pointer-events:none;-webkit-user-select:none;user-select:none;margin-top:176px;padding-top:14px;position:relative}.reel-gate{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.reel-film{will-change:transform;width:max-content;animation:72s linear infinite reel;display:flex}.reel-copy{background:repeating-linear-gradient(90deg, var(--page) 0 4px, transparent 4px 9px) top 3px left 0 / 100% 3px no-repeat, repeating-linear-gradient(90deg, var(--page) 0 4px, transparent 4px 9px) bottom 3px left 0 / 100% 3px no-repeat, var(--tile);gap:8px;padding:9px 4px;display:flex}.reel-copy img{object-fit:cover;opacity:.72;border-radius:2px;flex:none;width:64px;height:40px}.reel-cart{width:22px;height:20px;color:var(--text-3);animation:1.8s ease-in-out infinite alternate bob;position:absolute;top:0;right:10%}.reel-cart svg{width:22px;height:20px}.reel[data-paused] .reel-film,.reel[data-paused] .reel-cart{animation-play-state:paused}@keyframes reel{to{translate:-50%}}@keyframes bob{to{translate:0 -1.5px}}.foot{padding:10px 0 calc(28px + env(safe-area-inset-bottom));color:var(--text-3);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 24px;font-size:13.5px;display:flex}.foot nav{flex-wrap:wrap;gap:0 18px;display:flex}.foot a{align-items:center;min-height:44px;text-decoration:none;transition:color .15s ease-out;display:inline-flex}@media (hover:hover) and (pointer:fine){.foot a:hover{color:var(--text-1)}}@media (max-width:1000px){.row{grid-template-columns:minmax(0,1fr);gap:20px}.row-text{padding-top:0;position:static}.row-text p{max-width:60ch}.rows{gap:88px}.rest,.legend{grid-template-columns:repeat(2,minmax(0,1fr))}.ref{grid-template-columns:minmax(0,1fr)}}@media (max-width:860px){.hero{padding:56px 0 36px}.agents{grid-template-columns:minmax(0,1fr)}.head{grid-template-columns:minmax(0,1fr);gap:12px;margin-bottom:28px}.steps,.modes,.start,.end{grid-template-columns:minmax(0,1fr)}.block,.end{padding-top:112px}.editor-figure,.rest{margin-block:0 88px}.rest{margin:88px 0 0}}@media (max-width:640px){:root{--gutter:16px}.stage{margin:0 -6px;padding:6px}.controls{gap:8px;padding:10px 12px}.control{justify-content:space-between;width:100%}.control.toggles{justify-content:flex-start}.controls .seg.mode{flex-wrap:nowrap;width:100%}.controls .seg.mode button{flex:1;justify-content:center}.seg.feel svg,.readout .shot,.pb-read .total{display:none}.prompts,.legend,.rest{grid-template-columns:minmax(0,1fr)}.pads{grid-template-columns:repeat(2,minmax(0,1fr))}.table .tr{grid-template-columns:minmax(0,1fr);gap:2px}.table.grammar .tr{grid-template-columns:minmax(0,1fr) auto}.table dt code{overflow-wrap:anywhere}.note-row{flex-direction:column;align-items:flex-start}.demo-foot{flex-wrap:wrap}.term{min-height:0;padding:14px 14px 60px;font-size:12px}.term p{grid-template-columns:5ch minmax(0,1fr)}.pb{background:linear-gradient(#0000,#06050799);background:linear-gradient(#0000,lab(1.54555% .246979 -.452325/.6));padding-top:16px}.hero-pb{padding-top:18px}.mode-player .big-play{width:60px;height:60px}.mode-player .big-play svg{width:22px;height:22px}}@media (max-width:400px){.sound-toggle:not(.big) .sound-words{display:none}.sound-toggle:not(.big){padding:0 10px}.mark{gap:0;font-size:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;animation:none!important}}