:root{--bg: #e1e4e9;--ink: #000000;--muted: #545c67;--faint: #838a95;--rule: #c3c9d2;--wash: #d2d7de;--accent: #6d28d9;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--sans: "Schibsted Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--shadow: #aeb5bf;--wrap: 43.75rem;--nav-height: 3.25rem;--app-safe-bottom: env(safe-area-inset-bottom, 0px);--spec-r: #c65b4f;--spec-o: #c9913d;--spec-y: #b0a03c;--spec-g: #5f9c68;--spec-b: #4f7fbb;--spec-v: #7b5fb5;--spectrum-wash: linear-gradient( 171deg, color-mix(in srgb, var(--spec-r) 18%, var(--bg)) 4%, color-mix(in srgb, var(--spec-o) 18%, var(--bg)) 25%, color-mix(in srgb, var(--spec-y) 17%, var(--bg)) 46%, color-mix(in srgb, var(--spec-g) 18%, var(--bg)) 69%, color-mix(in srgb, var(--spec-b) 18%, var(--bg)) 96% );--spec-a: .32;--ray-edge: #fff0ad;--ray-body: #fff8d8;--t-actor: #6d28d9;--t-state: #8a5a00;--t-ok: #1f7a3d;--t-bad: #b3261e}:root[data-theme=dark]{color-scheme:dark;--ray-edge: #f5f7ff;--ray-body: #fcfdff;--bg: #000000;--ink: #ffffff;--muted: #999999;--faint: #6e6e6e;--rule: #232323;--wash: #0d0d0d;--accent: #a78bfa;--shadow: #3a3a3a;--spec-r: #e07a6c;--spec-o: #e0aa55;--spec-y: #cfc25a;--spec-g: #7fc08a;--spec-b: #77a3e0;--spec-v: #a58ae0;--spec-a: .21;--t-actor: #c4b5fd;--t-state: #e0aa55;--t-ok: #3ddc84;--t-bad: #ff6b5e}:root[data-theme=dark] .light .l-glow{opacity:.33}:root[data-theme=dark] .light .l-core{opacity:.34}@media(prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;--ray-edge: #f5f7ff;--ray-body: #fcfdff;--bg: #000000;--ink: #ffffff;--muted: #999999;--faint: #6e6e6e;--rule: #232323;--wash: #0d0d0d;--accent: #a78bfa;--shadow: #3a3a3a;--spec-r: #e07a6c;--spec-o: #e0aa55;--spec-y: #cfc25a;--spec-g: #7fc08a;--spec-b: #77a3e0;--spec-v: #a58ae0;--spec-a: .17;--t-actor: #c4b5fd;--t-state: #e0aa55;--t-ok: #3ddc84;--t-bad: #ff6b5e;--spec-a: .21}:root:not([data-theme]) .light .l-glow{opacity:.33}:root:not([data-theme]) .light .l-core{opacity:.34}}*{box-sizing:border-box}html{font-size:125%;overflow-x:clip;-webkit-text-size-adjust:100%}.vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}body{margin:0;overflow-x:clip;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased}.wash{position:fixed;inset:0;z-index:-2;pointer-events:none}.wash i{position:absolute;inset:0;display:block;opacity:var(--spec-a);transform:scaleX(1);transform-origin:right center;transition:opacity .8s ease-in-out,transform .2s ease-in-out,filter .8s ease-in-out;mix-blend-mode:screen;filter:brightness(1.18);background:linear-gradient(171deg,var(--spec-r) 4%,var(--spec-o) 22%,var(--spec-y) 40%,var(--spec-g) 58%,var(--spec-b) 76%,var(--spec-v) 96%);-webkit-mask:linear-gradient(103deg,transparent 32%,#000 97%);mask:linear-gradient(103deg,transparent 32%,#000 97%)}.wash:after{content:"";position:absolute;inset:-8%;display:block;opacity:0;background:linear-gradient(171deg,var(--spec-r) 4%,var(--spec-o) 22%,var(--spec-y) 40%,var(--spec-g) 58%,var(--spec-b) 76%,var(--spec-v) 96%);mix-blend-mode:screen;filter:blur(48px) brightness(1.18);-webkit-mask:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.12) 18%,rgba(0,0,0,.5) 44%,#000 82%);mask:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.12) 18%,rgba(0,0,0,.5) 44%,#000 82%);transition:opacity .8s ease-in-out}:root[data-theme=dark] .wash i{mix-blend-mode:normal;filter:none}:root[data-theme=dark] .wash:after{mix-blend-mode:normal;filter:blur(48px)}@media(prefers-color-scheme:dark){:root:not([data-theme]) .wash i{mix-blend-mode:normal;filter:none}:root:not([data-theme]) .wash:after{mix-blend-mode:normal;filter:blur(48px)}}.light{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;transition:opacity .8s ease-in-out}.ray-hidden .light{opacity:0;transition-duration:.8s}.ray-hidden .wash i{opacity:0;filter:blur(48px);transition-duration:.8s}.ray-hidden .wash:after{opacity:calc(var(--spec-a) * .75)}.light-body{mix-blend-mode:plus-lighter}:root[data-theme=dark] .light-body{mix-blend-mode:normal}@media(prefers-color-scheme:dark){:root:not([data-theme]) .light-body{mix-blend-mode:normal}}.light .l-glow{opacity:.12}.light .l-core{opacity:.85}:root[data-variant^=f] #ray-grad-edge stop:nth-child(1),:root[data-variant^=f] #ray-grad-body stop:nth-child(1){stop-opacity:1}:root[data-variant^=f] #ray-grad-edge stop:nth-child(2),:root[data-variant^=f] #ray-grad-body stop:nth-child(2){stop-opacity:.86}:root[data-variant^=f] #ray-grad-edge stop:nth-child(3),:root[data-variant^=f] #ray-grad-body stop:nth-child(3){stop-opacity:.7}:root[data-theme=dark][data-variant^=f] #ray-grad-edge stop:nth-child(1),:root[data-theme=dark][data-variant^=f] #ray-grad-body stop:nth-child(1){stop-opacity:.66}:root[data-theme=dark][data-variant^=f] #ray-grad-edge stop:nth-child(2),:root[data-theme=dark][data-variant^=f] #ray-grad-body stop:nth-child(2){stop-opacity:.5}:root[data-theme=dark][data-variant^=f] #ray-grad-edge stop:nth-child(3),:root[data-theme=dark][data-variant^=f] #ray-grad-body stop:nth-child(3){stop-opacity:.34}@media(prefers-color-scheme:dark){:root:not([data-theme])[data-variant^=f] #ray-grad-edge stop:nth-child(1),:root:not([data-theme])[data-variant^=f] #ray-grad-body stop:nth-child(1){stop-opacity:.66}:root:not([data-theme])[data-variant^=f] #ray-grad-edge stop:nth-child(2),:root:not([data-theme])[data-variant^=f] #ray-grad-body stop:nth-child(2){stop-opacity:.5}:root:not([data-theme])[data-variant^=f] #ray-grad-edge stop:nth-child(3),:root:not([data-theme])[data-variant^=f] #ray-grad-body stop:nth-child(3){stop-opacity:.34}}:root[data-variant^=f] .light .l-glow{opacity:.24}:root[data-variant^=f] .light .l-core{opacity:.22}:root[data-theme=dark][data-variant^=f] .light .l-glow{opacity:.14}:root[data-theme=dark][data-variant^=f] .light .l-core{opacity:.68}@media(prefers-color-scheme:dark){:root:not([data-theme])[data-variant^=f] .light .l-glow{opacity:.14}:root:not([data-theme])[data-variant^=f] .light .l-core{opacity:.68}}@media(max-width:775px){:root[data-variant^=f] .light .l-glow{opacity:.45}:root[data-variant^=f] .light .l-core{opacity:.5}:root[data-theme=dark]{--spec-a: .25}:root[data-theme=dark][data-variant^=f] .light .l-glow{opacity:.26}:root[data-theme=dark][data-variant^=f] .light .l-core{opacity:1}}@media(max-width:775px)and (prefers-color-scheme:dark){:root:not([data-theme]){--spec-a: .25}:root:not([data-theme])[data-variant^=f] .light .l-glow{opacity:.26}:root:not([data-theme])[data-variant^=f] .light .l-core{opacity:1}}@property --wedge-half{syntax: "<angle>"; inherits: true; initial-value: 38deg;}@property --wedge-feather{syntax: "<angle>"; inherits: true; initial-value: 30deg;}@property --apex-fill{syntax: "<number>"; inherits: true; initial-value: 0;}@property --apex-mid{syntax: "<number>"; inherits: true; initial-value: .6;}:root[data-variant^=f]{--fx: 50vw;--fy: 50vh;--fh: 40px;--fw: 36px;--wedge-half: 38deg;--wedge-feather: 30deg;--apex-fill: 0;--apex-mid: .6;--wedge: conic-gradient(at var(--fx) var(--fy), transparent 0deg, transparent calc(90deg - var(--wedge-half) - var(--wedge-feather)), #000 calc(90deg - var(--wedge-half)), #000 calc(90deg + var(--wedge-half)), transparent calc(90deg + var(--wedge-half) + var(--wedge-feather)), transparent 360deg);--from-target: radial-gradient(var(--fw) var(--fh) at var(--fx) var(--fy), transparent 0, transparent 100%, rgba(0, 0, 0, .5) 320%, #000 700%);--apex: radial-gradient(24px var(--fh) at var(--fx) var(--fy), rgba(0, 0, 0, var(--apex-fill)) 0, rgba(0, 0, 0, var(--apex-fill)) 100%, rgba(0, 0, 0, var(--apex-mid)) 150%, #000 250%);--wash-from: 0px;transition:--wedge-half .8s ease-in-out,--wedge-feather .8s ease-in-out,--apex-fill .8s ease-in-out,--apex-mid .8s ease-in-out}:root[data-variant^=f].ray-hidden{--wedge-half: 90deg;--wedge-feather: 0deg;--apex-fill: 1;--apex-mid: 1}@property --wash-wipe{syntax: "<length>"; inherits: true; initial-value: 0px;}@keyframes wash-sweep{0%{--wash-wipe: 0px}to{--wash-wipe: 135vw}}@keyframes wash-fade{0%{opacity:.16}to{opacity:1}}.wash{-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(var(--wash-from) + var(--wash-wipe)),rgba(0,0,0,.94) calc(var(--wash-from) + var(--wash-wipe) + 150px),rgba(0,0,0,.78) calc(var(--wash-from) + var(--wash-wipe) + 300px),rgba(0,0,0,.58) calc(var(--wash-from) + var(--wash-wipe) + 450px),rgba(0,0,0,.35) calc(var(--wash-from) + var(--wash-wipe) + 600px),rgba(0,0,0,.16) calc(var(--wash-from) + var(--wash-wipe) + 750px),rgba(0,0,0,.05) calc(var(--wash-from) + var(--wash-wipe) + 880px),transparent calc(var(--wash-from) + var(--wash-wipe) + 1000px));mask-image:linear-gradient(90deg,#000 0,#000 calc(var(--wash-from) + var(--wash-wipe)),rgba(0,0,0,.94) calc(var(--wash-from) + var(--wash-wipe) + 150px),rgba(0,0,0,.78) calc(var(--wash-from) + var(--wash-wipe) + 300px),rgba(0,0,0,.58) calc(var(--wash-from) + var(--wash-wipe) + 450px),rgba(0,0,0,.35) calc(var(--wash-from) + var(--wash-wipe) + 600px),rgba(0,0,0,.16) calc(var(--wash-from) + var(--wash-wipe) + 750px),rgba(0,0,0,.05) calc(var(--wash-from) + var(--wash-wipe) + 880px),transparent calc(var(--wash-from) + var(--wash-wipe) + 1000px))}.wash{opacity:0}:root.wash-in .wash{animation:wash-sweep var(--wash-ms, .9s) linear forwards,wash-fade calc(var(--wash-ms, .9s) * .9) cubic-bezier(.3,.25,.4,1) forwards}:root.wash-done .wash{opacity:1;--wash-wipe: 135vw;animation:none}@media(prefers-reduced-motion:reduce){.wash{opacity:1;--wash-wipe: 135vw;animation:none}}:root[data-variant=f] .wash i{-webkit-mask-image:var(--wedge),var(--apex);mask-image:var(--wedge),var(--apex);-webkit-mask-composite:source-in;mask-composite:intersect}:root[data-variant=f2] .wash i{-webkit-mask-image:var(--from-target),var(--wedge);mask-image:var(--from-target),var(--wedge);-webkit-mask-composite:source-in;mask-composite:intersect}:root[data-variant=f3] .wash i{background:conic-gradient(at var(--fx) var(--fy),var(--spec-r) 30deg,var(--spec-o) 54deg,var(--spec-y) 76deg,var(--spec-g) 98deg,var(--spec-b) 122deg,var(--spec-v) 150deg);-webkit-mask-image:var(--from-target),var(--wedge);mask-image:var(--from-target),var(--wedge);-webkit-mask-composite:source-in;mask-composite:intersect}a{color:var(--ink);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:.1875rem}main{max-width:var(--wrap);margin:0 auto;padding:0 2.25rem}.label{font-family:var(--mono);font-size:.6875rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin:0 0 1.125rem}.nav-inner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1rem;height:var(--nav-height);max-width:var(--wrap);margin:0 auto;padding:0 2.25rem}.nav-inner:after,.foot-inner:before{content:"";position:absolute;left:2.25rem;right:2.25rem}.nav-inner:after{bottom:0;border-top:1px solid var(--rule)}.foot-inner:before{top:0;border-top:1px solid var(--rule)}.nav-brand{display:flex;align-items:center;font-family:var(--mono);font-size:.875rem;font-weight:600;letter-spacing:-.01em}.nav-brand:hover{text-decoration:none}.nav-links{display:flex;gap:1.5rem;font-family:var(--mono);font-size:.78125rem}.nav-links a{color:var(--muted)}.nav-links a:hover{color:var(--ink);text-decoration:none}.theme{position:relative;align-self:center;width:1rem;height:1rem;background:none;border:0;padding:0;color:var(--muted);cursor:pointer}.theme:hover{color:var(--ink)}.theme svg{position:absolute;top:0;left:0;width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.theme .i-drop{width:.8125rem;height:.8125rem;top:.125rem;stroke-width:1.7;transition:transform .24s cubic-bezier(.4,0,.2,1)}.theme:focus .i-drop{transform:translate(1.375rem)}.theme .i-light,.theme .i-dark{opacity:0;transition:opacity .18s ease .06s}.theme[data-mode=light]:focus .i-light,.theme[data-mode=dark]:focus .i-dark{opacity:1}@media(min-width:776px)and (hover:hover){.theme:hover .i-drop{transform:translate(1.375rem)}.theme[data-mode=light]:hover .i-light,.theme[data-mode=dark]:hover .i-dark{opacity:1}}@media(prefers-reduced-motion:reduce){.theme .i-drop,.theme svg{transition:none}}.hero{--talk-height: calc(3rem + 3px) ;position:relative;display:flex;flex-direction:column;min-height:calc(100svh - var(--nav-height));text-align:center;padding:2rem 0}.hero h1{position:absolute;top:calc((50svh - var(--nav-height) - var(--talk-height) / 2) / 2);left:50%;font-size:min(clamp(1.25rem,5.5vw,calc((43.75rem - 4.5rem) / 23.4)),calc((100vw - 4.75rem) / 23.4));white-space:nowrap;font-weight:450;line-height:1.5;letter-spacing:-.035em;margin:0;transform:translate(-50%,-50%)}.hero h1 .hot{--hot: var(--spec-o);font:inherit;letter-spacing:inherit;color:inherit;padding:0;border:0;background:none;cursor:pointer;text-decoration:underline;text-decoration-color:var(--hot);text-decoration-style:dotted;text-decoration-thickness:.045em;text-underline-offset:.18em;transition:color .12s,text-decoration-color .12s}.hero h1 .hot:nth-of-type(2){--hot: var(--spec-g)}.hero h1 .hot:nth-of-type(3){--hot: var(--spec-b)}.hero h1 .hot:hover,.hero h1 .hot[data-active]{color:var(--hot);text-decoration-style:solid}.hero h1 .hot:focus-visible{outline:2px solid var(--hot);outline-offset:.1875rem;border-radius:.125rem}.insert{position:relative;display:inline-block;width:0}.caret{position:absolute;top:100%;left:50%;width:.4em;height:.25em;margin-top:.08em;margin-left:-.19em;overflow:visible;fill:none;stroke:var(--accent);stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;filter:url(#ink-rough);transform:rotate(-7deg)}.caret .s1{stroke-width:4.8}.caret .s2{stroke-width:3.5;opacity:.45}.caret .s3{stroke-width:3.2;opacity:.4}.note{position:absolute;top:100%;left:50%;transform:translate(-50%) rotate(-3.5deg);margin-top:.95em;font-family:Caveat,ui-rounded,cursive;font-weight:600;font-size:.54em;line-height:1;letter-spacing:.005em;white-space:nowrap;color:var(--accent);filter:url(#ink)}.note i{display:inline-block;font-style:normal;transform:translateY(var(--y, 0)) rotate(var(--r, 0deg)) scale(var(--s, 1))}.note i:nth-of-type(1){--r: -5deg;--y: .012em;--s: 1.03}.note i:nth-of-type(2){--r: 2deg;--y: -.02em;--s: .97}.note i:nth-of-type(3){--r: -1deg;--y: .026em;--s: 1.05}.note i:nth-of-type(4){--r: 4deg;--y: -.01em;--s: .99}.note i:nth-of-type(5){--r: -3deg;--y: .018em;--s: 1.02}.note i:nth-of-type(6){--r: 1deg;--y: -.026em;--s: .96}.note i:nth-of-type(7){--r: 5deg;--y: .008em;--s: 1.04}.note i:nth-of-type(8){--r: -2deg;--y: -.014em;--s: 1.01}.note i:nth-of-type(9){--r: 3deg;--y: .03em;--s: .98}.note i:nth-of-type(10){--r: -4deg;--y: -.006em;--s: 1.05}.note i:nth-of-type(11){--r: 0deg;--y: .022em;--s: .97}.start{position:static;width:auto;padding:0}.steps{display:flex;align-items:stretch;gap:.5rem;text-align:left}.step{position:relative;display:flex;align-items:center;gap:.625rem;max-width:none;padding:.25rem .625rem;border:1px solid var(--faint);border-radius:.375rem;background:transparent;box-shadow:.1rem .1rem 0 var(--shadow);color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:gap .34s cubic-bezier(.35,0,.15,1),padding .34s cubic-bezier(.35,0,.15,1),border-color .34s ease,transform .12s,box-shadow .34s ease}.step:hover:before{content:"";position:absolute;inset:-.25rem}.step:hover{border-color:var(--ink);transform:translate(.0625rem,.0625rem);box-shadow:.0625rem .0625rem 0 var(--shadow);text-decoration:none}.step:active{transform:translate(.125rem,.125rem);box-shadow:0 0 0 var(--shadow)}.step:focus-visible{border-color:var(--ink);outline:2px solid var(--ink);outline-offset:.1875rem}@media(prefers-reduced-motion:reduce){.step{transition:none}}.step-body{min-width:0}.step-label{display:block;overflow:hidden;max-height:.75rem;font-family:var(--mono);font-size:.5rem;font-weight:500;letter-spacing:.08em;line-height:1.3;text-transform:uppercase;color:var(--faint);margin-bottom:0;opacity:1;transition:max-height .3s cubic-bezier(.35,0,.15,1),opacity .24s ease}.step-body code{display:block;font-family:var(--mono);font-size:.6875rem;line-height:1.5;color:var(--ink);white-space:nowrap}.step-act{flex:none;display:flex;align-items:center;color:var(--faint)}.step:hover .step-act{color:var(--ink)}.step-act svg{width:.75rem;height:.75rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.step-act .i-star{fill:currentColor;stroke-width:0}.step .i-gh{display:none;width:1.0625rem;height:1.0625rem;fill:currentColor;stroke:none}.step-stars{align-self:stretch;gap:.3125rem;padding-left:.5rem;border-left:1px solid var(--rule);color:var(--muted);font-family:var(--mono);font-size:.65625rem;font-variant-numeric:tabular-nums}.step:hover .step-stars{border-left-color:var(--ink)}.step-act .i-done{display:none}.step[data-copied] .step-act{color:var(--t-ok)}.step[data-copied] .i-copy{display:none}.step[data-copied] .i-done{display:block}.box{border:1px solid var(--rule);margin-bottom:4.5rem;background:var(--bg)}.box-head{display:flex;justify-content:space-between;gap:.75rem;padding:.6875rem 1.125rem;border-bottom:1px solid var(--rule);background:var(--wash);font-family:var(--mono);font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}.box-head button{padding:0;border:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer}.box-head button:hover,.box-head button:focus-visible{color:var(--ink)}.box pre{margin:0;padding:1.375rem 1.125rem;overflow-x:auto;font-family:var(--mono);font-size:.8125rem;line-height:1.85}.box .c,.box .p{color:var(--faint)}.box .l,.box .q{color:var(--muted)}.box .m{color:var(--t-actor)}.box .b{color:var(--t-state)}.box .g{color:var(--t-ok)}.box .r{color:var(--t-bad)}.features{margin-bottom:4.5rem}.features .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));border-top:1px solid var(--rule);border-left:1px solid var(--rule)}.feature{border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:1.625rem 1.375rem 1.75rem}.feature .num{display:block;font-family:var(--mono);font-size:.6875rem;letter-spacing:.1em;color:var(--faint);margin-bottom:.75rem}.feature h3{font-size:1rem;font-weight:600;letter-spacing:-.015em;margin:0 0 .5625rem}.feature p{margin:0;color:var(--muted);font-size:.90625rem;line-height:1.6}.why{max-width:38.75rem;margin:0 auto 4.5rem}.why p{color:var(--muted);font-size:1.03125rem}.why p:first-of-type{margin-top:0}.why em{color:var(--ink);font-style:italic}.docs{margin-bottom:4.5rem}.docs ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule)}.docs li{display:flex;flex-wrap:wrap;gap:2px .875rem;align-items:baseline;padding:.875rem 0;border-bottom:1px solid var(--rule)}.docs li a{font-size:.9375rem}.docs li span{color:var(--faint);font-size:.84375rem}.foot-inner{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:1.375rem;max-width:var(--wrap);margin:0 auto;padding:1.625rem 2.25rem 2.875rem;color:var(--faint);font-family:var(--mono);font-size:.75rem}.foot-inner a{color:var(--faint)}.foot-inner a:hover{color:var(--ink)}.foot-inner .end{margin-left:auto}@keyframes ink-draw{to{stroke-dashoffset:0}}.caret path{stroke-dasharray:1;stroke-dashoffset:1;animation-name:ink-draw;animation-fill-mode:forwards;animation-duration:.12s;animation-timing-function:cubic-bezier(.18,.85,.3,1)}.caret .s1{animation-delay:.2s;animation-timing-function:cubic-bezier(.08,.5,.92,.5)}.caret .s2{animation-delay:.37s;animation-duration:.08s;stroke-dashoffset:-1}.caret .s3{animation-delay:.5s;animation-duration:.06s;animation-timing-function:cubic-bezier(.1,.9,.4,1)}@media(prefers-reduced-motion:reduce){.caret path,.caret .s2{animation:none;stroke-dashoffset:0}}.talk{position:absolute;top:calc(50svh - var(--nav-height));left:50%;z-index:1;display:flex;flex-direction:column;align-items:center;width:min(100%,34rem);margin:0;text-align:center;transform:translate(-50%,-50%)}.talk-card{position:relative;display:flex;align-items:center;gap:.375rem;width:100%;padding:.375rem .375rem .375rem 1rem;border:1.5px solid var(--ink);border-radius:.625rem;background:var(--bg);box-shadow:.1875rem .1875rem 0 var(--shadow);transition:transform .12s,box-shadow .12s;view-transition-name:composer}.talk-card:before{content:"";position:absolute;top:50%;left:.95rem;width:1px;height:1.15rem;background:var(--ink);transform:translateY(-50%);animation:talk-caret 1s steps(1,end) infinite}.talk-card:focus-within:before,.talk-card:has(.talk-input:not(:placeholder-shown)):before{display:none}@keyframes talk-caret{50%{opacity:0}}.talk-card:focus-within{transform:translate(.125rem,.125rem);box-shadow:.0625rem .0625rem 0 var(--shadow);outline:2px solid var(--ink);outline-offset:2px}.talk-explainers{position:absolute;top:calc(50svh - var(--nav-height) + var(--talk-height) / 2);bottom:1.5rem;left:50%;display:grid;place-items:center;width:min(calc(100vw - 2rem),46.5rem);transform:translate(-50%)}.explainer{grid-area:1 / 1;display:grid;grid-template-columns:repeat(auto-fit,minmax(10.5rem,11.25rem));justify-content:center;gap:.5rem;width:min(100%,46.5rem);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .34s ease-in-out,visibility 0s linear .34s}.explainer[data-active]{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.explainer button{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;min-height:4.5rem;padding:.6875rem .75rem;border:0;border-radius:.5rem;background:transparent;color:var(--muted);font:inherit;text-align:left;cursor:pointer;opacity:.62;transition:color .12s,opacity .12s,transform .12s}.explainer-title{display:block;color:var(--ink);font:600 .75rem/1.3 var(--mono)}.mark-anchor{white-space:nowrap}.explainer-copy{color:var(--muted);font:400 .6875rem/1.4 var(--sans)}.ts-mark{display:inline-grid;place-items:end;width:1.125rem;height:1.125rem;margin-left:.4375rem;padding:0 .1rem .05rem 0;vertical-align:middle;background:#3178c6;color:#fff;font:700 .4375rem/1 var(--sans);letter-spacing:-.03em}.card-mark{display:inline-grid;place-items:center;width:1rem;height:1rem;margin:0 -.625rem 0 .4375rem;border-radius:.25rem;vertical-align:middle;cursor:alias;transition:background-color .12s,box-shadow .12s}.card-mark:hover{background-color:color-mix(in srgb,var(--ink) 16%,transparent);box-shadow:0 0 0 .25rem color-mix(in srgb,var(--ink) 16%,transparent)}.wiki-mark{background:color-mix(in srgb,var(--ink) 9%,transparent);color:var(--ink)}.wiki-mark svg{width:.75rem;height:.75rem;fill:currentColor;stroke:currentColor;stroke-width:.75}.doc-mark svg{width:.6875rem;height:.875rem;fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.doc-mark .doc-page,.doc-mark .doc-fold{stroke:var(--ink)}.doc-mark .doc-l1{stroke:var(--spec-r)}.doc-mark .doc-l2{stroke:var(--spec-y)}.doc-mark .doc-l3{stroke:var(--spec-g)}.doc-mark .doc-l4{stroke:var(--spec-b)}.explainer button:hover{color:var(--ink);opacity:1;transform:translateY(-.0625rem)}.explainer button:focus-visible{opacity:1;outline:2px solid var(--ink);outline-offset:.125rem}.talk-input{flex:1;min-width:0;max-height:8rem;border:0;background:none;color:var(--ink);font:500 .9375rem/1.3rem var(--sans);padding:.5rem 0;outline:none;overflow-y:auto;resize:none;scrollbar-width:none}.talk-input::-webkit-scrollbar{display:none}.talk-input::placeholder{color:var(--faint)}.talk-mic,.talk-clear,.talk-go{display:grid;place-items:center;width:2.25rem;height:2.25rem;border:0;border-radius:.5rem;background:none;color:var(--ink);cursor:pointer}.talk-mic svg,.talk-clear svg,.talk-go svg{width:1.0625rem;height:1.0625rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.talk-clear{color:var(--faint)}.talk-clear:hover{color:var(--ink)}.talk-input:placeholder-shown+.talk-clear{display:none}.talk-mic{flex:none;color:var(--faint)}.talk-mic:hover{color:var(--ink)}.talk-go{background:var(--ink);color:var(--bg);transition:transform .12s}.talk-go:hover{transform:translate(.125rem)}.talk-mic:focus-visible,.talk-clear:focus-visible,.talk-go:focus-visible{outline:2px solid var(--ink);outline-offset:.1875rem}#past-conversations{position:relative;display:block;width:100%;height:0}.talk-past{position:absolute;top:.875rem;left:50%;margin:0;border:0;border-radius:.25rem;background:none;font:400 .6875rem/1.4 var(--sans);letter-spacing:normal;color:var(--faint);cursor:pointer;padding:.25rem .5rem;white-space:nowrap;transform:translate(-50%)}.talk-past:hover{color:var(--ink);text-decoration:underline;text-underline-offset:.2em}.talk-past:focus-visible{outline:2px solid var(--ink);outline-offset:.125rem}.past-dialog{width:min(92vw,26rem);border:1.5px solid var(--ink);border-radius:.625rem;background:var(--bg);color:var(--ink);box-shadow:.25rem .25rem 0 var(--shadow);padding:1rem}.past-dialog::backdrop{background:#00000059}.past-head{font-family:var(--mono);font-size:.6875rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 .5rem}.past-list{display:flex;flex-direction:column;max-height:min(60vh,20rem);overflow-y:auto;margin-right:-.75rem;padding-right:.75rem}.past-row{display:flex;align-items:stretch;width:100%;border-bottom:1px solid var(--rule)}.past-row:last-child{border-bottom:0}.past-open{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;min-width:0;flex:1;border:0;background:none;padding:.5rem .25rem;font:inherit;font-size:.8125rem;color:var(--ink);text-align:left;cursor:pointer}.past-open:hover .past-title{color:var(--accent)}.past-open:focus-visible,.past-remove:focus-visible{outline:2px solid var(--ink);outline-offset:-.125rem;border-radius:.25rem}.past-remove{flex:0 0 auto;width:2rem;border:0;background:none;color:var(--faint);font:400 1rem/1 var(--sans);cursor:pointer}.past-remove:hover{color:var(--ink)}.past-remove:disabled{cursor:wait}.past-remove[data-confirm]{width:4.5rem;color:var(--ink);font:600 .5625rem/1 var(--mono);letter-spacing:.04em;text-transform:uppercase}.past-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.past-when{font:400 .6875rem/1.4 var(--sans);color:var(--faint);flex-shrink:0}.talk-waiting{animation:talk-pulse .9s ease-in-out infinite}@keyframes talk-pulse{50%{box-shadow:.1875rem .1875rem 0 var(--accent)}}@media(prefers-reduced-motion:reduce){.talk-card,.talk-go{transition:none}.talk-waiting{animation:none}.talk-card:before{animation:none}.explainer{transition:none}}@media(max-width:775px){:root{--nav-height: 3.25rem}.nav-links a{display:none}.nav-inner{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:.75rem;padding-inline:1.5rem}.nav-inner:after,.foot-inner:before{left:1.5rem;right:1.5rem}main{padding-inline:1.5rem}.foot-inner{padding-inline:1.5rem}.step[data-copy]{display:none}.start{justify-self:center;margin-left:0}.nav-links{justify-self:end}.step-github{justify-content:center;width:1.875rem;height:1.875rem;padding:0;border:0;box-shadow:none;color:var(--ink)}.step-github:hover,.step-github:active{transform:none;box-shadow:none}.step-github .step-body,.step-github .step-stars{display:none}.step-github .i-gh{display:block;width:.9375rem;height:.9375rem}.theme{width:1.875rem;height:1.875rem}.theme svg{top:.4375rem;left:.4375rem}.theme .i-drop{top:calc(.46875rem + .5px);left:calc(.46875rem - .5px);width:calc(.9375rem + 1px);height:calc(.9375rem + 1px)}.theme:hover{color:var(--muted)}.step-github:focus-visible,.theme:focus-visible{color:var(--ink)}.hero{padding:1.5rem 0}.hero h1{white-space:normal;text-wrap:balance;width:100%;font-size:clamp(1.25rem,min(7.2vw,6svh),2rem)}.explainer{grid-template-columns:1fr;gap:.375rem;width:min(100%,max(70%,16rem))}.explainer button{min-height:0}.explainer button[data-cycle-hidden]{display:none}.foot-inner .end{margin-left:0}}@media(max-width:775px)and (hover:hover){.step-github:hover,.theme:hover{color:var(--ink)}}@media(max-height:430px){.hero{justify-content:center}.hero h1,.talk,.talk-explainers{position:static;transform:none}.hero h1{white-space:normal;width:100%;margin:0 0 1.5rem;font-size:clamp(1.25rem,4.5vw,1.75rem)}.talk{margin:0 auto}.talk-explainers{width:min(100%,44rem);margin:1.25rem auto 0}}:root[data-app] .page,:root[data-app] .wash,:root[data-app] .light{display:none}:root.light-reset .wash,:root.light-reset .light{display:none}:root[data-app],:root[data-app] body{overflow:hidden;overscroll-behavior:none}#app{display:none}:root[data-app] #app{display:block}::view-transition-old(composer),::view-transition-new(composer){height:100%;animation-duration:.34s;animation-timing-function:cubic-bezier(.35,0,.15,1)}::view-transition-old(root){animation-duration:.28s}::view-transition-new(root){animation-duration:.28s}::view-transition-old(brand),::view-transition-new(brand){animation-duration:.34s}.nav-brand{view-transition-name:brand}.step[data-copy]{view-transition-name:nav-install-shell}.step[data-copy] .step-label{view-transition-name:nav-install-label}.step[data-copy] .step-body code{view-transition-name:nav-install-text}.step[data-copy] .step-act{view-transition-name:nav-install-action}.step-github{view-transition-name:nav-github-shell}.step-github .step-label{view-transition-name:nav-github-label}.step-github .step-body code{view-transition-name:nav-github-text}.step-github .step-act{view-transition-name:nav-github-action}.nav-inner>.nav-links,.app-nav>.nav-links{view-transition-name:nav-utilities}::view-transition-group(nav-install-shell),::view-transition-group(nav-install-label),::view-transition-group(nav-install-text),::view-transition-group(nav-install-action),::view-transition-group(nav-github-shell),::view-transition-group(nav-github-label),::view-transition-group(nav-github-text),::view-transition-group(nav-github-action){animation-duration:.34s;animation-timing-function:cubic-bezier(.35,0,.15,1)}::view-transition-group(nav-utilities){animation-duration:.34s;animation-timing-function:cubic-bezier(.35,0,.15,1)}:root.launching::view-transition-old(nav-install-shell),:root.launching::view-transition-old(nav-github-shell){animation:nav-shell-out .34s ease-out both}:root.launching::view-transition-new(nav-install-shell),:root.launching::view-transition-new(nav-github-shell),:root.light-reset::view-transition-old(nav-install-shell),:root.light-reset::view-transition-old(nav-github-shell){opacity:1;animation:none}:root.light-reset::view-transition-new(nav-install-shell),:root.light-reset::view-transition-new(nav-github-shell){animation:nav-shell-in .34s ease-out both}@keyframes nav-shell-out{to{opacity:0}}@keyframes nav-shell-in{0%,58%{opacity:0}to{opacity:1}}::view-transition-old(nav-utilities),::view-transition-new(nav-utilities){height:100%;animation-duration:.34s;animation-timing-function:cubic-bezier(.35,0,.15,1)}.app{position:fixed;top:var(--app-viewport-top, 0px);right:0;left:0;height:100vh;height:var(--app-viewport-height, 100dvh);display:flex;flex-direction:column;background:var(--bg);color:var(--ink);font-family:var(--sans)}.app-nav{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;height:var(--nav-height);padding:0 1rem;border-bottom:1px solid var(--rule)}.app-nav-actions-slot{justify-self:center}.app-nav-active-session .step{justify-content:center;padding:.25rem .5rem;border-color:transparent;box-shadow:none;color:var(--muted)}.app-nav-active-session .step-body code,.app-nav-active-session .step-act{color:var(--muted)}.app-nav-active-session .step-label{max-height:0;opacity:0}.app-nav-active-session .step:hover,.app-nav-active-session .step:hover .step-body code,.app-nav-active-session .step:hover .step-act,.app-nav-active-session .step:focus-visible,.app-nav-active-session .step:focus-visible .step-body code,.app-nav-active-session .step:focus-visible .step-act{color:var(--ink)}.app-nav-active-session .step:hover,.app-nav-active-session .step:active{border-color:transparent;box-shadow:none;transform:none}.app-nav-left{display:flex;align-items:center;gap:1rem;min-width:0}.app-nav-context{display:flex;align-items:center;gap:.375rem;min-width:0}.app-nav-links{justify-self:end}.admin-sessions-link{display:inline-grid;align-self:center;width:1rem;height:1rem;place-items:center;color:var(--muted)}.admin-sessions-link:hover{text-decoration:none}.admin-sessions-link:focus-visible{outline:2px solid var(--ink);outline-offset:.1875rem}.admin-sessions-link svg{width:1rem;height:1rem}.admin-sessions-link circle:nth-child(1){fill:var(--spec-b)}.admin-sessions-link circle:nth-child(2){fill:var(--spec-o)}.admin-sessions-link circle:nth-child(3){fill:var(--spec-g)}.dev-panel-trigger{display:inline-grid;width:1.5rem;height:1.5rem;place-items:center;border:0;border-radius:.25rem;background:none;padding:0;color:var(--muted);cursor:pointer;transition:background-color .12s,color .12s}.dev-panel-trigger:hover{background:color-mix(in srgb,var(--ink) 6%,transparent);color:var(--ink)}.dev-panel-trigger:focus-visible{outline:2px solid var(--ink);outline-offset:.1875rem}.dev-panel-trigger svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:1.5}.dev-panel-trigger path:nth-child(1){stroke:var(--spec-b)}.dev-panel-trigger path:nth-child(2){stroke:var(--spec-o)}.dev-panel-trigger path:nth-child(3){stroke:var(--spec-g)}.app-nav-session{font-family:var(--mono);font-size:.71875rem;color:var(--faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-sessions{position:relative;top:auto;min-height:100dvh;height:auto}:root[data-app][data-sessions],:root[data-app][data-sessions] body{overflow-y:auto;overscroll-behavior-y:auto}.sessions-page{flex:1;width:100%;max-width:none;padding:2.5rem clamp(1rem,4vw,2rem) 4rem}.sessions-head,.sessions-list{width:min(100%,var(--wrap));margin-inline:auto}.sessions-head>span{color:var(--faint);font:600 .5625rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase}.sessions-head h1{margin:.3rem 0 0;font:600 1.125rem/1.2 var(--sans);letter-spacing:-.015em}.sessions-head p{margin:.35rem 0 1.5rem;color:var(--muted);font-size:.8125rem}.sessions-list{border-top:1px solid var(--rule)}.sessions-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.25rem 1.25rem;padding:.75rem .25rem;border-bottom:1px solid var(--rule);color:var(--ink)}.sessions-row-main{display:flex;flex-direction:column;min-width:0;gap:.15rem;color:var(--ink)}.sessions-row-main:hover{text-decoration:none}.sessions-row-main:hover>strong{color:var(--accent)}.sessions-row-main strong{overflow:hidden;font:500 .875rem/1.3 var(--sans);text-overflow:ellipsis;white-space:nowrap}.sessions-row-main code{color:var(--faint);font:400 .625rem/1.4 var(--mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sessions-counts{display:flex;grid-column:2;grid-row:1;gap:.75rem;color:var(--muted);font:400 .6875rem/1.3 var(--sans);white-space:nowrap}.sessions-counts strong{color:var(--ink);font-weight:500}.sessions-owner,.sessions-row time{color:var(--faint);font:400 .6875rem/1.4 var(--sans)}.sessions-owner{justify-self:start;overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}a.sessions-owner:hover{color:var(--ink);text-underline-offset:.18em}.sessions-row time{grid-column:2;white-space:nowrap}.sessions-state{width:min(100%,var(--wrap));margin:2rem auto;color:var(--muted);font:400 .8125rem/1.5 var(--mono)}.sessions-state button{margin-top:.75rem;border:1px solid var(--ink);border-radius:.3rem;background:var(--bg);padding:.5rem .75rem;color:var(--ink);font:600 .6875rem/1 var(--mono);cursor:pointer}.sessions-state button:hover{box-shadow:.15rem .15rem 0 var(--shadow)}.sessions-load-sentinel{height:1px}.sessions-loading-more{margin:1.5rem 0 0;color:var(--faint);font:400 .6875rem/1 var(--mono);text-align:center}@media(max-width:775px){.admin-sessions-link{width:1.875rem;height:1.875rem}.admin-sessions-link svg{width:1rem;height:1rem}.sessions-page{padding-top:2rem}.sessions-row{gap:.3rem .75rem}.sessions-counts{grid-column:1 / -1;grid-row:3}.sessions-owner{grid-column:1;grid-row:2}.sessions-row time{grid-column:2;grid-row:2}}@media(max-width:775px){.app-nav{grid-template-columns:auto minmax(0,1fr) auto;gap:.75rem;height:calc(var(--nav-height) + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);padding-right:max(1rem,env(safe-area-inset-right));padding-left:max(1rem,env(safe-area-inset-left))}.app-nav-active-session .step-github{color:var(--ink)}}.dev-panel{width:min(72rem,calc(100vw - 2rem));height:min(46rem,calc(100dvh - 2rem));max-width:none;max-height:none;margin:auto;padding:0;overflow:hidden;border:1.5px solid var(--ink);border-radius:.75rem;background:var(--bg);color:var(--ink);box-shadow:.375rem .375rem 0 var(--shadow);font-family:var(--mono)}.dev-panel::backdrop{background:#0000007a}.dev-panel-shell{display:flex;flex-direction:column;height:100%}.dev-panel-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.875rem 1rem;border-bottom:1px solid var(--rule)}.dev-panel-head h2{margin:.125rem 0 0;font:600 .9375rem/1.2 var(--sans)}.dev-panel-eyebrow{color:var(--faint);font-size:.625rem;letter-spacing:.12em;text-transform:uppercase}.dev-panel-head>button{border:1px solid var(--rule);border-radius:.25rem;background:none;padding:.3rem .55rem;color:var(--muted);font:500 .6875rem/1 var(--mono);cursor:pointer}.dev-panel-head>button:hover{border-color:var(--ink);color:var(--ink)}.dev-panel-head>button:focus-visible,.dev-panel-tabs>button:focus-visible,.dev-tree-node-toggle:focus-visible,.dev-tree-disclosure>button:focus-visible,.dev-prompt-runtime-toggle:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}.dev-panel-tabs{display:flex;gap:.25rem;padding:.5rem 1rem 0;border-bottom:1px solid var(--rule)}.dev-panel-tabs>button{border:0;border-bottom:2px solid transparent;background:none;padding:.4rem .5rem .5rem;color:var(--faint);font:500 .65625rem/1 var(--mono);cursor:pointer}.dev-panel-tabs>button:hover{color:var(--ink)}.dev-panel-tabs>button[aria-current=page]{border-bottom-color:var(--ink);color:var(--ink)}.dev-panel-body{flex:1;min-height:0;overflow:auto;padding:.75rem;font-size:.6875rem}.dev-tree-node+.dev-tree-node{margin-top:.25rem}.dev-tree-node-toggle,.dev-tree-disclosure>button{display:flex;align-items:center;gap:.45rem;width:100%;min-width:0;border:0;border-radius:.25rem;background:none;padding-block:.35rem;color:var(--ink);font:inherit;text-align:left;cursor:pointer}.dev-tree-node-toggle:hover,.dev-tree-disclosure>button:hover{background:var(--wash)}.dev-tree-sign{flex:0 0 .75rem;color:var(--faint);text-align:center}.dev-tree-kind,.dev-tree-id,.dev-tree-preview{color:var(--faint)}.dev-tree-name{overflow:hidden;color:var(--spec-b);text-overflow:ellipsis;white-space:nowrap}.dev-tree-runtime{color:var(--t-state)}.dev-tree-id{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dev-tree-count{flex-shrink:0;margin-left:auto;color:var(--faint)}.dev-tree-node-body{display:grid;gap:.6rem;margin-top:.25rem;padding:.625rem;border-left:1px solid var(--rule);background:color-mix(in srgb,var(--wash) 42%,transparent)}.dev-tree-section{display:grid;gap:.25rem}.dev-tree-section h3{margin:0;color:var(--faint);font:500 .59375rem/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase}.dev-tree-disclosure{overflow:hidden;border-radius:.25rem}.dev-tree-disclosure[data-expanded]{border:1px solid var(--rule);background:var(--bg)}.dev-tree-disclosure-title{min-width:0;flex:1}.dev-tree-preview{overflow:hidden;max-width:45%;text-overflow:ellipsis;white-space:nowrap}.dev-tree-disclosure-body{padding:.5rem;border-top:1px solid var(--rule)}.dev-tree-item-title{display:flex;min-width:0;align-items:center;gap:.5rem}.dev-tree-item-title>span{overflow:hidden;color:var(--faint);text-overflow:ellipsis;white-space:nowrap}.dev-tree-kv{display:grid;gap:.25rem;margin:0}.dev-tree-kv>div{display:grid;grid-template-columns:7rem minmax(0,1fr);gap:.5rem}.dev-tree-kv dt{color:var(--faint)}.dev-tree-kv dd{min-width:0;margin:0;overflow-wrap:anywhere}.dev-tree-json{max-height:16rem;margin:0;overflow:auto;color:var(--muted);font:.65625rem/1.55 var(--mono);white-space:pre-wrap}.dev-tree-description{margin:0 0 .5rem;color:var(--muted);line-height:1.5}.dev-tree-empty,.dev-tree-muted{margin:0;color:var(--faint);font-style:italic}.dev-prompt-view{display:grid;gap:.5rem}.dev-prompt-note{margin:0 0 .25rem;color:var(--faint);font-size:.625rem;letter-spacing:.08em;text-transform:uppercase}.dev-prompt-runtime{overflow:hidden;border:1px solid var(--rule);border-radius:.375rem;background:var(--bg)}.dev-prompt-runtime-toggle{display:flex;align-items:center;gap:.45rem;width:100%;min-width:0;border:0;background:none;padding:.55rem;color:var(--ink);font:inherit;text-align:left;cursor:pointer}.dev-prompt-runtime-toggle:hover{background:var(--wash)}.dev-prompt-provider{color:var(--t-tool)}.dev-prompt-runtime-body{display:grid;gap:.75rem;padding:.75rem;border-top:1px solid var(--rule);background:color-mix(in srgb,var(--wash) 30%,transparent)}.dev-prompt-section{display:grid;gap:.35rem;min-width:0}.dev-prompt-section>h3{margin:0;color:var(--faint);font:500 .59375rem/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase}.dev-prompt-text{max-height:24rem;margin:0;overflow:auto;color:var(--muted);font:.65625rem/1.55 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere}.dev-prompt-messages{display:grid;gap:.4rem}.dev-prompt-message{display:grid;grid-template-columns:5rem minmax(0,1fr);gap:.625rem;padding-top:.4rem;border-top:1px solid var(--rule)}.dev-prompt-message:first-child{padding-top:0;border-top:0}.dev-prompt-message>span{color:var(--spec-b)}@media(max-width:700px){.dev-panel{width:calc(100vw - 1rem);height:calc(100dvh - 1rem)}.dev-panel-body{padding:.5rem}.dev-tree-node-toggle{flex-wrap:wrap}.dev-tree-count{width:100%;margin-left:1.2rem}.dev-tree-preview{max-width:34%}.dev-prompt-runtime-toggle{flex-wrap:wrap}.dev-prompt-message{grid-template-columns:1fr;gap:.25rem}}.app-body{position:relative;display:flex;flex:1;min-height:0}.pane-toggle{position:absolute;top:.75rem;z-index:6}.pane-toggle-left{left:1rem}.pane-toggle-right{right:1rem}.pane-toggle-label{display:inline;white-space:nowrap}.msg-open-pane{align-self:flex-start;margin-top:.125rem;border:1px solid var(--rule);border-radius:1rem;background:none;padding:.375rem .75rem;font:500 .75rem var(--mono);color:var(--muted);cursor:pointer;transition:color .12s,border-color .12s}.msg-open-pane:hover{color:var(--ink);border-color:var(--ink)}.msg-open-pane:focus-visible{outline:2px solid var(--ink);outline-offset:.125rem}.app-chat{display:flex;flex-direction:column;flex:1;min-width:0}.app-scroll{flex:1;overflow-y:auto;overflow-anchor:none;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.app-scroll,.app-pane-body,.app-inspector-body,.past-list{scrollbar-gutter:auto}@supports not selector(::-webkit-scrollbar){.app-scroll,.app-pane-body,.app-inspector-body,.past-list{scrollbar-color:color-mix(in srgb,var(--ink) 24%,transparent) transparent;scrollbar-width:thin}}.app-scroll::-webkit-scrollbar,.app-pane-body::-webkit-scrollbar,.app-inspector-body::-webkit-scrollbar,.past-list::-webkit-scrollbar{width:.25rem;height:.25rem;background:transparent}.app-scroll::-webkit-scrollbar-track,.app-pane-body::-webkit-scrollbar-track,.app-inspector-body::-webkit-scrollbar-track,.past-list::-webkit-scrollbar-track{background:transparent}.app-scroll::-webkit-scrollbar-thumb,.app-pane-body::-webkit-scrollbar-thumb,.app-inspector-body::-webkit-scrollbar-thumb,.past-list::-webkit-scrollbar-thumb{border-radius:999px;background:color-mix(in srgb,var(--ink) 24%,transparent)}.app-scroll:hover::-webkit-scrollbar-thumb,.app-pane-body:hover::-webkit-scrollbar-thumb,.app-inspector-body:hover::-webkit-scrollbar-thumb,.past-list:hover::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--ink) 42%,transparent)}.app-thread{max-width:44rem;margin:0 auto;padding:2rem clamp(1rem,4vw,2rem) 0;display:flex;flex-direction:column;gap:1rem}.msg-turn{display:flex;flex:0 0 auto;min-width:0;flex-direction:column;gap:1rem}.msg-turn[data-latest-turn]{min-height:var(--app-turn-page-height, calc(100dvh - var(--nav-height) - 1.125rem));padding-bottom:var(--app-composer-height, 4.75rem)}.jump-latest{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:.5rem;padding:.375rem .875rem;border:1.5px solid var(--ink);border-radius:999px;background:var(--bg);box-shadow:.125rem .125rem 0 var(--shadow);color:var(--ink);font-family:var(--mono);font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;animation:jump-latest-in .18s ease-out}.jump-latest:hover{background:var(--wash)}.msg{display:flex;flex-direction:column;gap:.25rem}.msg-role{font-family:var(--mono);font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}.msg-user .msg-role{color:var(--accent)}.msg-role-github{align-self:flex-start;text-transform:none;text-decoration:none}.msg-role-github:hover{text-decoration:underline}.msg-body{margin:0;font-size:.9375rem;line-height:1.65;white-space:pre-wrap;overflow-wrap:break-word}.agent-response{min-width:0;white-space:normal}.agent-response>:first-child{margin-top:0}.agent-response>:last-child{margin-bottom:0}.agent-response p,.agent-response ul,.agent-response ol,.agent-response blockquote,.agent-response .agent-table-scroll,.agent-response .agent-code-block{margin:.75rem 0}.agent-response h1,.agent-response h2,.agent-response h3,.agent-response h4,.agent-response h5,.agent-response h6{margin:1.15rem 0 .5rem;line-height:1.3;letter-spacing:-.015em}.agent-response h1{font-size:1.35rem}.agent-response h2{font-size:1.2rem}.agent-response h3{font-size:1.075rem}.agent-response h4,.agent-response h5,.agent-response h6{font-size:1rem}.agent-response ul,.agent-response ol{padding-left:1.5rem}.agent-response li+li{margin-top:.2rem}.agent-response li>p{margin:.25rem 0}.agent-response .contains-task-list{padding-left:0;list-style:none}.agent-response .task-list-item{list-style:none}.agent-response .task-list-item input{width:.875rem;height:.875rem;margin:0 .45rem 0 0;accent-color:var(--accent);vertical-align:-.075rem}.agent-response blockquote{padding-left:.875rem;border-left:2px solid var(--rule);color:var(--muted)}.agent-response blockquote>:first-child{margin-top:0}.agent-response blockquote>:last-child{margin-bottom:0}.agent-response hr{height:1px;margin:1.25rem 0;border:0;background:var(--rule)}.agent-response a{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.16em}.agent-response a:hover{color:var(--ink)}.agent-response a:focus-visible,.agent-code-copy:focus-visible,.agent-code-block pre:focus-visible{outline:2px solid var(--accent);outline-offset:.125rem}.agent-response :not(pre)>code{border:1px solid var(--rule);border-radius:.25rem;background:color-mix(in srgb,var(--wash) 70%,transparent);padding:.08em .3em;font:.875em/1.4 var(--mono)}.agent-image-placeholder{color:var(--faint);font-family:var(--mono);font-size:.875em}.agent-table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}.agent-response table{width:max-content;min-width:100%;border-collapse:collapse;font-size:.875rem}.agent-response th,.agent-response td{padding:.45rem .625rem;border:1px solid var(--rule);text-align:left;vertical-align:top}.agent-response th{background:color-mix(in srgb,var(--wash) 72%,transparent);font-weight:650}.agent-code-block{max-width:100%;overflow:hidden;border:1px solid var(--rule);border-radius:.5rem;background:color-mix(in srgb,var(--wash) 55%,transparent)}.agent-code-head{display:flex;min-height:2rem;align-items:center;justify-content:space-between;gap:1rem;padding:.25rem .375rem .25rem .75rem;border-bottom:1px solid var(--rule);color:var(--faint);font:500 .6875rem/1 var(--mono);letter-spacing:.06em;text-transform:lowercase}.agent-code-copy{min-width:4rem;border:0;border-radius:.25rem;background:transparent;padding:.35rem .5rem;color:var(--muted);font:inherit;cursor:pointer}.agent-code-copy:hover{background:color-mix(in srgb,var(--ink) 7%,transparent);color:var(--ink)}.agent-code-block pre{max-width:100%;margin:0;overflow-x:auto;overscroll-behavior-inline:contain;padding:.875rem 1rem;background:transparent;color:var(--ink);font:.8125rem/1.6 var(--mono);tab-size:2;white-space:pre}.agent-code-block code{font:inherit;white-space:inherit}.agent-response .hljs-comment,.agent-response .hljs-quote{color:var(--faint)}.agent-response .hljs-keyword,.agent-response .hljs-selector-tag,.agent-response .hljs-literal,.agent-response .hljs-section,.agent-response .hljs-link{color:var(--spec-v)}.agent-response .hljs-string,.agent-response .hljs-title,.agent-response .hljs-name,.agent-response .hljs-type,.agent-response .hljs-attribute,.agent-response .hljs-symbol,.agent-response .hljs-bullet,.agent-response .hljs-addition{color:var(--spec-g)}.agent-response .hljs-number,.agent-response .hljs-meta,.agent-response .hljs-built_in,.agent-response .hljs-builtin-name{color:var(--spec-o)}.agent-response .hljs-variable,.agent-response .hljs-template-variable,.agent-response .hljs-selector-class,.agent-response .hljs-selector-id{color:var(--spec-b)}.agent-response .hljs-deletion{color:var(--spec-r)}.msg-user .msg-body{font-weight:500}.msg-pending .msg-body:after{content:"▋";color:var(--spec-v);animation:msg-blink 1s steps(2) infinite,msg-spectrum 7.2s linear infinite}@keyframes msg-blink{50%{opacity:0}}@keyframes msg-spectrum{0%,to{color:var(--spec-r)}16.667%{color:var(--spec-o)}33.333%{color:var(--spec-y)}50%{color:var(--spec-g)}66.667%{color:var(--spec-b)}83.333%{color:var(--spec-v)}}.xp{display:flex;flex-direction:column;gap:1rem;margin-top:.25rem;padding:1rem 1rem 1.125rem;border:1px solid var(--rule);border-radius:.5rem;background:color-mix(in srgb,var(--wash) 45%,transparent)}.xp-b1,.xp-c1,.xp-f1{--lane: var(--spec-b)}.xp-b2,.xp-c2,.xp-f2{--lane: var(--spec-g)}.xp-b3,.xp-c3,.xp-f3{--lane: var(--spec-v)}.xp-parent,.xp-fp{--lane: var(--ink)}.xp-diagram{display:block;width:100%;height:auto}.xp-node rect{fill:none;stroke:var(--ink);stroke-width:1.4}.xp-node text{fill:var(--ink);font:600 .6875rem var(--mono);letter-spacing:.06em;text-anchor:middle}.xp-child rect{stroke:var(--lane)}.xp-child text{fill:var(--lane)}.xp-beam{fill:none;stroke:var(--lane);stroke-width:1.6}.xp-drop{fill:none;stroke:var(--lane);stroke-width:1.1;stroke-dasharray:3 4;opacity:.5}.xp-log line{stroke:var(--muted);stroke-width:1.2}.xp-log-label{fill:var(--faint);font:500 .625rem var(--mono);letter-spacing:.1em}.xp-frames rect{fill:var(--lane)}@keyframes xp-in{0%{opacity:0}}@keyframes xp-pop{0%{opacity:0;transform:translateY(.25rem)}}.xp-node,.xp-beam,.xp-drop,.xp-log{animation:xp-in .45s ease-out both}.xp-beam,.xp-drop{animation-delay:.25s}.xp-child{animation-delay:.5s}.xp-drop{animation-delay:.7s}.xp-frames rect{animation:xp-pop .3s ease-out both}.xp-frames rect:nth-child(1){animation-delay:.85s}.xp-frames rect:nth-child(2){animation-delay:.97s}.xp-frames rect:nth-child(3){animation-delay:1.09s}.xp-frames rect:nth-child(4){animation-delay:1.21s}.xp-frames rect:nth-child(5){animation-delay:1.33s}.xp-frames rect:nth-child(6){animation-delay:1.45s}.xp-frames rect:nth-child(7){animation-delay:1.57s}.xp-frames rect:nth-child(8){animation-delay:1.69s}.xp-frames rect:nth-child(9){animation-delay:1.81s}.xp-points{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.75rem;margin:0}.xp-points div{display:flex;flex-direction:column;gap:.25rem}.xp-points dt{font:600 .6875rem var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}.xp-points dd{margin:0;font-size:.8125rem;line-height:1.5;color:var(--muted)}.xp-asks{display:flex;flex-wrap:wrap;gap:.5rem}.xp-asks button{border:1px solid var(--rule);border-radius:1rem;background:none;padding:.375rem .75rem;font:500 .75rem var(--mono);color:var(--muted);cursor:pointer;transition:color .12s,border-color .12s}.xp-asks button:hover{color:var(--ink);border-color:var(--ink)}.xp-asks button:focus-visible{outline:2px solid var(--ink);outline-offset:.125rem}@media(prefers-reduced-motion:reduce){.xp-node,.xp-beam,.xp-drop,.xp-log,.xp-frames rect{animation:none}}.app-composer{position:absolute;z-index:5;bottom:0;left:0;right:0;max-width:44rem;margin:0 auto;padding:.5rem clamp(1rem,4vw,2rem) 1.25rem}@media(max-width:900px){.app-composer{padding-right:max(1rem,env(safe-area-inset-right));padding-bottom:max(.5rem,var(--app-safe-bottom));padding-left:max(1rem,env(safe-area-inset-left))}}:root[data-app-keyboard]{--app-safe-bottom: 0px}.app-composer .talk-card{view-transition-name:composer}.app-composer .talk-card:before{display:none}.auth-gate{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem 1rem;width:100%;padding:.75rem .875rem;border:1.5px solid var(--ink);border-radius:.625rem;background:var(--bg);box-shadow:.1875rem .1875rem 0 var(--shadow)}.auth-gate-copy{display:flex;flex-direction:column;min-width:0}.auth-gate-copy strong{font:600 .8125rem/1.35 var(--sans)}.auth-gate-copy span,.auth-gate-public{font:400 .65rem/1.4 var(--sans)}.auth-gate-copy span,.auth-gate-public{color:var(--muted)}.auth-gate-github{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:2.25rem;padding:.45rem .75rem;border:0;border-radius:.5rem;background:var(--ink);color:var(--bg);font:600 .7rem/1 var(--sans);cursor:pointer}.auth-gate-github svg{width:1rem;height:1rem;fill:currentColor}.auth-gate-github:hover{transform:translate(.0625rem)}.auth-gate-github:disabled{opacity:.6;cursor:wait}.auth-gate-public{margin:0}.auth-gate-github:focus-visible{outline:2px solid var(--ink);outline-offset:.1875rem}@media(max-width:560px){.auth-gate{grid-template-columns:1fr}.auth-gate-github{width:100%}}.pane-btn{display:inline-grid;place-items:center;border:0;border-radius:.25rem;background:none;padding:.25rem;color:var(--muted);cursor:pointer}.pane-btn:hover,.pane-btn[aria-pressed=true]{color:var(--ink)}.pane-btn:focus-visible{outline:2px solid var(--ink);outline-offset:.125rem}.pane-btn svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}.pane-toggle{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;min-height:1.25rem;border:1px solid var(--rule);border-radius:.25rem;padding:.0625rem .5rem;background:var(--bg);color:var(--muted);font:500 .625rem/1 var(--mono);letter-spacing:.02em;transition:color .12s,border-color .12s,opacity .12s}.pane-toggle:hover{color:var(--ink);border-color:var(--ink)}.pane-toggle svg{display:block}.pane-toggle>svg:not(.pane-toggle-close){width:.625rem;height:.625rem}.pane-toggle .pane-toggle-close{display:block;width:.75rem;height:.75rem;stroke-linecap:round}.app-pane-spacer{flex:1}.pane-resize{position:absolute;top:0;bottom:0;width:.4375rem;cursor:col-resize;z-index:7}.pane-resize-app{right:-.21875rem}.pane-resize-inspector{left:-.21875rem}.pane-resize:hover{background:color-mix(in srgb,var(--ink) 16%,transparent)}:root[data-resizing]{cursor:col-resize;user-select:none;-webkit-user-select:none}:root[data-resizing] .pane-resize{background:color-mix(in srgb,var(--ink) 16%,transparent)}.app-pane{position:relative;border-right:1px solid var(--rule);display:flex;flex-direction:column;min-height:0;flex-shrink:0}.app-pane-head{display:flex;align-items:center;gap:.25rem;padding:.625rem 1rem .625rem 3.25rem;border-bottom:1px solid var(--rule)}.app-pane-title{font-family:var(--mono);font-size:.6875rem;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);padding:.25rem .5rem}.app-pane-body{flex:1;overflow-y:auto;padding:.75rem 1rem max(7rem,calc(5rem + env(safe-area-inset-bottom)));scroll-padding-bottom:max(7rem,calc(5rem + env(safe-area-inset-bottom)));font-family:var(--mono);font-size:.75rem;line-height:1.7}.app-inspector{position:relative;width:min(26rem,38vw);border-left:1px solid var(--rule);display:flex;flex-direction:column;min-height:0;flex-shrink:0}@media(max-width:900px){.pane-resize{display:none}.pane-toggle svg{display:none}.pane-toggle{top:0;z-index:7;transform:translateY(-50%)}.pane-toggle-left{left:max(1rem,env(safe-area-inset-left))}.pane-toggle-right{right:max(1rem,env(safe-area-inset-right))}.pane-toggle:hover{color:var(--muted);border-color:var(--rule)}.pane-toggle[data-mobile-hidden]{visibility:hidden;opacity:0;pointer-events:none}.app-pane,.app-inspector{position:absolute;inset:-1px 0 0;z-index:6;width:auto!important;border-left:0;border-right:0;background:var(--bg)}.app-pane>.app-pane-head,.app-inspector>.app-inspector-head{padding:.875rem 1rem .75rem}.app-pane{animation:layer-in-left .22s ease-out}.app-inspector{animation:layer-in-right .22s ease-out}.app-body[data-layer-closing=app] .app-pane{animation:layer-out-left .22s ease-in forwards;pointer-events:none}.app-body[data-layer-closing=inspector] .app-inspector{animation:layer-out-right .22s ease-in forwards;pointer-events:none}}@media(max-width:900px)and (hover:hover){.pane-toggle:hover{color:var(--ink);border-color:var(--ink)}}.pane-chat-return{position:absolute;right:1.25rem;bottom:max(1.25rem,var(--app-safe-bottom));z-index:8;display:grid;place-items:center;width:3rem;height:2.625rem;border:1.5px solid var(--ink);border-radius:.75rem .75rem .1875rem;background:var(--spectrum-wash);color:var(--ink);filter:drop-shadow(.125rem .125rem 0 var(--shadow));transition:border-color .12s,color .12s;cursor:pointer}.pane-chat-return-mark{display:flex;align-items:center}.pane-chat-return-mark svg{width:1.25rem;height:1.25rem}.pane-chat-return:focus-visible{outline:2px solid var(--ink);outline-offset:.1875rem}@media(hover:hover){.pane-chat-return:hover{color:var(--ink);border-color:var(--ink)}}.pane-notice-stack{position:absolute;z-index:8;right:auto;bottom:calc(var(--app-composer-height, 4.75rem) + .75rem);left:1rem;width:min(calc(100% - 2rem),24rem);pointer-events:none}@media(max-width:900px){.pane-notice-stack{bottom:max(1rem,var(--app-safe-bottom));width:min(calc(100% - 2rem),32rem)}}.pane-notice-slot{overflow:hidden;will-change:height;transition:height .28s cubic-bezier(.22,1,.36,1)}.pane-notice-slot:not([data-open]){pointer-events:none}.pane-notice-slot-content{padding:.5rem .25rem .25rem 0}.pane-notice-slot-content-stacked{padding-right:.5rem;padding-bottom:.5rem}.pane-notice{position:relative;display:flex;flex-direction:column;gap:.25rem;width:100%;margin:0;padding:.75rem .875rem;border:1.5px solid var(--ink);border-radius:.75rem .75rem .75rem .25rem;background:var(--spectrum-wash);box-shadow:.1875rem .1875rem 0 var(--shadow);color:var(--ink);font:inherit;text-align:left;pointer-events:auto;opacity:0;transform:translateY(.625rem);transition:opacity .18s ease-out,transform .28s cubic-bezier(.22,1,.36,1)}.pane-notice-slot[data-open] .pane-notice{opacity:1;transform:translateY(0)}.pane-agent-notice{cursor:pointer}.pane-agent-notice[data-pending]{align-items:center;width:3rem;min-height:2.625rem;padding:.6875rem}.pane-notice-cursor{display:block;width:.4375rem;height:1rem;background:var(--ink);animation:pane-notice-blink .9s steps(2,end) infinite}.pane-notice-role{color:var(--ink);font:600 .625rem/1.2 var(--mono);letter-spacing:.12em;text-transform:uppercase}.pane-notice-copy{display:-webkit-box;overflow:hidden;font-size:.8125rem;line-height:1.45;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:3}.pane-state-notice{padding-right:2.5rem;border-color:var(--spec-r);background:color-mix(in srgb,var(--spec-r) 9%,var(--bg))}.pane-state-notice .pane-notice-role{color:var(--spec-r)}.pane-state-notice-stack{box-shadow:.25rem .25rem 0 var(--bg),.3125rem .3125rem 0 var(--spec-r),.4375rem .4375rem 0 var(--shadow)}.pane-notice-count{display:inline-grid;min-width:1.125rem;height:1.125rem;margin-left:.375rem;place-items:center;border-radius:999px;background:var(--spec-r);color:var(--bg);font-size:.5625rem;letter-spacing:0;vertical-align:middle}.pane-state-notice>button{position:absolute;top:.375rem;right:.375rem;display:grid;width:1.75rem;height:1.75rem;place-items:center;border:0;border-radius:.25rem;background:none;padding:0;color:var(--muted);font:1rem/1 var(--sans);cursor:pointer}.pane-state-notice>button:hover{background:var(--wash);color:var(--ink)}.pane-state-notice>button:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}.pane-agent-notice:hover{border-color:var(--ink)}.pane-agent-notice:focus-visible{outline:2px solid var(--ink);outline-offset:.1875rem}@keyframes jump-latest-in{0%{opacity:0;transform:translateY(.75rem)}}@keyframes pane-notice-blink{50%{opacity:0}}@keyframes layer-in-left{0%{transform:translate(-2rem);opacity:0}}@keyframes layer-in-right{0%{transform:translate(2rem);opacity:0}}@keyframes layer-out-left{to{transform:translate(-2rem);opacity:0}}@keyframes layer-out-right{to{transform:translate(2rem);opacity:0}}@media(prefers-reduced-motion:reduce){.app-pane,.app-inspector,.jump-latest,.pane-notice-cursor{animation:none}.pane-notice-slot,.pane-notice{transition:none}.app-body[data-layer-closing=app] .app-pane,.app-body[data-layer-closing=inspector] .app-inspector{opacity:0}}.app-inspector-head{display:flex;gap:.25rem;padding:.625rem 3.25rem .625rem 1rem;border-bottom:1px solid var(--rule)}.app-inspector-head button{border:0;background:none;font-family:var(--mono);font-size:.6875rem;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);cursor:pointer;padding:.25rem .5rem;border-radius:.25rem}.app-inspector-head button[data-active]{color:var(--ink);background:var(--wash)}.app-inspector-body{flex:1;overflow-y:auto;padding:.75rem 1rem max(7rem,calc(5rem + env(safe-area-inset-bottom)));scroll-padding-bottom:max(7rem,calc(5rem + env(safe-area-inset-bottom)));font-family:var(--mono);font-size:.75rem;line-height:1.7}.frame-row{display:flex;gap:.625rem;align-items:baseline;padding:.125rem 0}.frame-row .l{color:var(--faint)}.frame-row .m{color:var(--t-actor)}.frame-row .b{color:var(--t-state)}.frame-row .g{color:var(--t-ok)}.frame-row .frame-detail{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.state-json{white-space:pre-wrap;overflow-wrap:break-word;color:var(--muted)}.state-json .k{color:var(--ink)}.state-tools{display:flex;justify-content:flex-end;margin-bottom:.25rem}.state-tools button{font:inherit;font-size:.6875rem;color:var(--faint);background:none;border:1px solid var(--rule);border-radius:999px;padding:0 .5rem;cursor:pointer}.state-tools button[data-active]{color:var(--ink);background:var(--wash)}.state-inst+.state-inst,.state-children{margin-top:.375rem}.state-inst-head{display:flex;gap:.5rem;align-items:baseline}.state-inst-key{color:var(--ink)}.state-inst-tag{color:var(--t-actor);font-size:.6875rem;border:1px solid var(--rule);border-radius:999px;padding:0 .375rem}.state-children{padding-left:.75rem;border-left:1px solid var(--rule)}.state-row{padding:.0625rem 0}.state-row-head{display:flex;gap:.625rem;align-items:baseline;border-radius:3px}.state-row-head[data-flash="0"]{animation:state-flash-a 1.4s ease-out}.state-row-head[data-flash="1"]{animation:state-flash-b 1.4s ease-out}@keyframes state-flash-a{0%{background:color-mix(in srgb,var(--t-state) 24%,transparent)}to{background:transparent}}@keyframes state-flash-b{0%{background:color-mix(in srgb,var(--t-state) 24%,transparent)}to{background:transparent}}.state-key{color:var(--t-state);flex-shrink:0}.state-inline{display:flex;gap:.375rem;align-items:baseline;flex-wrap:wrap;min-width:0}.state-scalar{color:var(--muted);overflow-wrap:anywhere;min-width:0}.state-faint{color:var(--faint)}.state-note{color:var(--faint);overflow-wrap:anywhere}.state-bad{color:var(--t-bad)}.state-chip{color:var(--faint);font-size:.6875rem;border:1px solid var(--rule);border-radius:999px;padding:0 .375rem;white-space:nowrap}.state-chip[data-on]{color:var(--t-ok)}.state-branch{min-width:0}.state-branch>summary{cursor:pointer;color:var(--faint);list-style-position:outside;overflow-wrap:anywhere}.state-branch>summary:hover{color:var(--muted)}.state-entries{padding-left:.875rem}.state-entry{display:flex;gap:.625rem;align-items:baseline}.state-entry-key{color:var(--ink);flex-shrink:0}.inspector-empty{color:var(--faint);padding:1rem .25rem}.inspector-overview{font-family:var(--sans);padding:.25rem}.inspector-overview-label{margin:0 0 1rem;color:var(--muted);font:600 .625rem/1.2 var(--mono);letter-spacing:.12em;text-transform:uppercase}.inspector-title-form label{display:block;margin-bottom:.375rem;color:var(--faint);font:500 .6875rem/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase}.inspector-title-control{display:flex;align-items:stretch;gap:.375rem}.inspector-title-control input{min-width:0;flex:1;border:1px solid var(--rule);border-radius:.375rem;background:var(--bg);color:var(--ink);padding:.5rem .625rem;font:400 .8125rem/1.35 var(--sans)}.inspector-title-control input:focus-visible{outline:2px solid var(--ink);outline-offset:.125rem}.inspector-title-control button{border:1px solid var(--ink);border-radius:.375rem;background:var(--ink);color:var(--bg);padding:.5rem .625rem;font:600 .625rem/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.inspector-title-control button:disabled{border-color:var(--rule);background:var(--wash);color:var(--faint);cursor:default}.inspector-title-control button:focus-visible{outline:2px solid var(--ink);outline-offset:.125rem}.inspector-title-status{margin:.5rem 0 0;color:var(--muted);font:400 .6875rem/1.4 var(--sans)}.app-pane-version{font-family:var(--mono);font-size:.625rem;color:var(--faint);margin-left:.5rem}.labs-history{margin-left:auto}.labs-trigger{display:grid;place-items:center;width:1.5rem;height:1.5rem;padding:0;border:0;border-radius:50%;background:none;cursor:pointer}.labs-trigger:hover{background:color-mix(in srgb,var(--ink) 6%,transparent)}.labs-trigger:focus-visible{outline:1.5px solid var(--ink);outline-offset:.125rem}.labs-dot{display:inline-block;width:.375rem;height:.375rem;border:1px solid color-mix(in srgb,var(--ink) 16%,transparent);border-radius:50%;background:conic-gradient(from -25deg,var(--spec-r),var(--spec-o),var(--spec-y),var(--spec-g),var(--spec-b),var(--spec-v),var(--spec-r));box-shadow:-.125rem -.0625rem .375rem color-mix(in srgb,var(--spec-r) 42%,transparent),0 -.125rem .3125rem color-mix(in srgb,var(--spec-y) 34%,transparent),.125rem 0 .375rem color-mix(in srgb,var(--spec-g) 40%,transparent),.0625rem .125rem .375rem color-mix(in srgb,var(--spec-b) 42%,transparent),-.125rem .0625rem .375rem color-mix(in srgb,var(--spec-v) 38%,transparent);filter:saturate(1.3)}.labs-dot-failed{margin-left:auto;opacity:.35}.labs-modal{width:min(28rem,calc(100vw - 2rem));max-width:none;max-height:min(36rem,calc(100dvh - 2rem));margin:auto;padding:0;overflow:hidden;border:1.5px solid var(--ink);border-radius:.75rem;background:var(--bg);color:var(--ink);box-shadow:.375rem .375rem 0 var(--shadow);font:400 .6875rem/1.45 var(--sans)}.labs-modal::backdrop{background:#0000007a}.labs-modal-shell{display:flex;flex-direction:column;max-height:min(36rem,calc(100dvh - 2rem))}.labs-modal-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.875rem 1rem;border-bottom:1px solid var(--rule)}.labs-history-eyebrow{display:block;color:var(--spec-b);font:600 .5625rem/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase}.labs-modal-head h2{margin-top:.125rem;margin-bottom:0;color:var(--ink);font:600 .75rem/1.4 var(--mono);text-transform:uppercase}.labs-modal-head>button{border:1px solid var(--rule);border-radius:.25rem;background:none;padding:.3rem .55rem;color:var(--muted);font:500 .6875rem/1 var(--mono);cursor:pointer}.labs-modal-head>button:hover{border-color:var(--ink);color:var(--ink)}.labs-modal-head>button:focus-visible,.labs-history-list button:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}.labs-modal-body{overflow:auto;padding:1rem}.labs-modal-body>p{margin:0 0 .75rem;color:var(--muted)}.labs-history-list{border-top:1px solid var(--rule)}.labs-history-list button{display:grid;grid-template-columns:2.25rem minmax(0,1fr) auto;gap:.5rem;align-items:center;width:100%;padding:.5rem .25rem;border:0;border-bottom:1px solid var(--rule);background:transparent;color:var(--ink);text-align:left;cursor:pointer}.labs-history-list button:not(:disabled):hover{background:color-mix(in srgb,var(--spec-b) 8%,transparent)}.labs-history-list button:disabled{cursor:default}.labs-history-list button>span:first-child{color:var(--spec-b);font-family:var(--mono)}.labs-history-list button>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.labs-history-list small{color:var(--spec-g);font:600 .5625rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}.labs-history-empty{display:block;padding:.75rem .25rem;color:var(--faint)}.labs-modal-body>.labs-history-error{margin-bottom:0;color:var(--t-bad)}.surface-host{min-height:100%}.surface-failure{font-family:var(--mono);font-size:.71875rem;color:var(--t-bad);white-space:pre-wrap;overflow-wrap:break-word;margin:0 0 .75rem}.surface-error{border:1.5px solid var(--t-bad);border-radius:.5rem;padding:.625rem .75rem;margin-bottom:.75rem;font-size:.75rem}.surface-error p{font-family:var(--mono);font-size:.6875rem;color:var(--t-bad);margin:0 0 .5rem;overflow-wrap:break-word}.surface-error button{font:inherit;font-family:var(--mono);font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase;border:1.5px solid var(--ink);border-radius:.375rem;background:var(--bg);color:var(--ink);padding:.25rem .5rem;cursor:pointer}.surface-error button:hover{background:var(--wash)}.msg-card{border:1px solid var(--rule);border-radius:.625rem;padding:.75rem;max-width:32rem}.msg-card-head{display:flex;align-items:baseline;gap:.75rem;margin-bottom:.625rem}.msg-card-title{font-family:var(--mono);font-size:.6875rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);flex:1}.msg-card .surface-host{min-height:0}