:root{--font:-apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--pad:18px;--rail:56px;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--mix:13%;--dl:-.075}:root,[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#000;--agent:#b39bff;--h24:#ffc64c;--p0:#6fa4ff;--p1:#ff7f67;--p2:#ff8ad6;--p3:#5fe3a1;--p4:#ceef36;--p5:#ff9f43;--p6:#4dd8e6;--p7:#ff5c8a}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#fff;--agent:#5522b5;--h24:#744900;--p0:#1b40bb;--p1:#9c204a;--p2:#861a73;--p3:#0b6b4a;--p4:#4f6a00;--p5:#9a3d0a;--p6:#00687a;--p7:#a3123f;--mix:11%;--dl:.07}*{box-sizing:border-box}html{background:linear-gradient(var(--agent) 50%, var(--h24) 50%);color:var(--ink);font-family:var(--font);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}body{min-height:100dvh;margin:0}button,input,textarea{font:inherit;color:inherit;appearance:none;background:0 0;border:0;border-radius:0;outline:none;margin:0;padding:0}button{cursor:pointer;text-align:left;touch-action:manipulation}button:disabled{cursor:default}::placeholder{color:inherit;opacity:.62}:focus-visible{outline-offset:-3px;outline:3px solid}.band{background:var(--c);color:var(--ink);position:relative}.tone{background:color-mix(in oklab, var(--c) calc(100% - var(--mix)), var(--ink));background:oklch(from var(--c) calc(l + var(--dl)) calc(c * 1.06) h)}.invert{background:var(--ink);color:var(--c)}.in{max-width:760px;padding-inline:var(--pad);margin:0 auto}.stack{flex-direction:column;min-height:100dvh;display:flex}.clip{overflow:hidden}.name{letter-spacing:-.02em;font-size:2.125rem;font-weight:700;line-height:1.05}.h2{letter-spacing:-.015em;font-size:1.5rem;font-weight:700;line-height:1.15}.meta{font-size:.875rem;line-height:1.35}.small{font-size:.8125rem;line-height:1.35}.strong{font-weight:650}.tab{font-variant-numeric:tabular-nums}.head{flex-wrap:wrap;align-items:center;column-gap:6px;min-height:64px;padding-top:8px;display:flex}.head-name{flex:auto;align-items:baseline;gap:10px;min-height:48px;padding:6px 0;display:flex}.chars{align-items:center;margin-left:auto;display:flex}.ch{place-items:center;min-width:44px;height:46px;padding-inline:6px;font-size:1.625rem;font-weight:500;line-height:1;display:inline-grid}.ch sup{vertical-align:top;margin-left:1px;font-size:.875rem;font-weight:700;position:relative;top:-.35em}.ch.off{opacity:.45}.summary{padding-bottom:14px}.row{width:100%;display:block}.row>.in{align-items:center;gap:10px;min-height:52px;padding-block:8px;display:flex}.row .st{text-align:center;flex:none;width:22px;font-size:1.375rem;font-weight:700;line-height:1}.row .dur{font-variant-numeric:tabular-nums;flex:none;width:3.1em;font-size:.9375rem}.row .tool{flex:none;font-size:.9375rem;font-weight:650}.row .tag{margin-left:5px;font-size:.75rem;font-weight:650}.row .title{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:1.0625rem;overflow:hidden}.row .go{flex:none;font-size:1.25rem;font-weight:500}.row .stack-text{flex:1;min-width:0}.row .stack-text>*{display:block}.ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.label{letter-spacing:.02em;padding-top:14px;padding-bottom:4px;font-size:.8125rem;font-weight:650}.spin{animation:2.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spin{animation:none}}.empty{padding-block:12px 18px}.agent{padding-top:var(--safe-t)}.composer>.in{align-items:center;gap:8px;min-height:56px;display:flex}.composer .prompt{flex:none;width:22px;font-size:1.5rem;font-weight:700}.composer input,.composer textarea{resize:none;flex:1;min-width:0;padding-block:14px;font-size:1.0625rem}.composer .send{place-items:center;min-width:44px;height:44px;font-size:1.5rem;font-weight:700;display:grid}.composer .send:disabled{opacity:.35}.msg>.in{padding-block:10px}.msg .who{margin-bottom:2px;font-size:.8125rem;font-weight:650;display:block}.msg .text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:1.0625rem;line-height:1.4}.msg.event .text{font-size:.9375rem;font-style:italic}.link{text-underline-offset:3px;align-items:center;min-height:44px;font-weight:650;text-decoration:underline;text-decoration-thickness:2px;display:inline-flex}.inline-actions{flex-wrap:wrap;column-gap:18px;display:flex}.page{left:0;right:0;top:var(--vvt,0px);height:var(--vvh,100dvh);z-index:30;background:var(--c);color:var(--ink);will-change:transform;flex-direction:column;display:flex;position:fixed}.page-head{padding-top:var(--safe-t);flex:none}.page-head .in{padding-bottom:12px}.back{align-items:center;gap:8px;min-width:44px;height:48px;margin-left:-10px;padding-inline:10px;font-size:1.75rem;font-weight:500;display:inline-flex}.back .meta{font-weight:650}.page-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;display:flex;overflow-y:auto}.page-body>.fill{flex:1}.page-foot{padding-bottom:var(--safe-b);flex:none}.code{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.9375rem;line-height:1.5;font-family:var(--font);margin:0;padding-block:16px 32px}.h24{z-index:20;--c:var(--h24);touch-action:none;flex-direction:column;height:min(86dvh,720px);display:flex;position:fixed;bottom:0;left:0;right:0}.h24-head{touch-action:none;cursor:grab;flex:none;width:100%}.h24-head>.in{height:var(--rail);align-items:center;gap:10px;display:flex}.h24-grip{letter-spacing:.2em;opacity:.6;font-size:.75rem;font-weight:700;position:absolute;top:6px;left:50%;translate:-50%}.h24-body{overscroll-behavior:contain;touch-action:pan-y;padding-bottom:calc(var(--safe-b) + 24px);flex:1;overflow-y:auto}.h24-probe{visibility:hidden;pointer-events:none;height:calc(var(--rail) + var(--safe-b));width:1px;position:absolute}.catcher{z-index:19;position:fixed;inset:0}.demo{padding-bottom:calc(var(--rail) + var(--safe-b) + 28px);flex:1}@media (width>=700px){:root{--pad:28px}.name{font-size:2.5rem}}h1[tabindex="-1"]:focus,input:focus-visible{outline:none}.screen,.code.mono{font-family:ui-monospace,SF Mono,Menlo,monospace}.screen{padding:10px var(--pad) 12px;white-space:pre;max-height:55vh;margin:0;font-size:.6875rem;line-height:1.35;overflow:auto}.code.mono{white-space:pre;overflow-wrap:normal;font-size:.8125rem;overflow-x:auto}.keys{flex-wrap:wrap;gap:2px;display:flex}.key{background:color-mix(in oklab, currentColor 14%, transparent);place-items:center;min-width:48px;height:46px;padding-inline:10px;font-size:1.0625rem;font-weight:650;display:inline-grid}.key:active{background:color-mix(in oklab, currentColor 30%, transparent)}