.bg-art{z-index:-1;pointer-events:none;opacity:0;transition:opacity 1.2s;position:fixed;top:0;left:0}#main{min-block-size:100dvh;display:flow-root}#main:focus-visible{outline:none}app-window{--r:.625rem;--gutter:calc(clamp(1.25rem, 5vw, 2.25rem) * var(--pad-x-k));--gx:clamp(var(--gutter), calc(6cqw * var(--pad-x-k)), calc(6rem * var(--pad-x-k)));--m:clamp(.5rem, 2.5vh, 1.25rem);--bar-h:2.5rem;--measure:72ch;width:calc(100% - 2 * var(--m) * var(--mar-x-k));height:calc(100vh - 2 * var(--m) * var(--mar-y-k));height:calc(100dvh - 2 * var(--m) * var(--mar-y-k));margin:calc(var(--m) * var(--mar-y-k)) auto;border:1px solid var(--color-hairline);border-radius:var(--r);background:linear-gradient(155deg, var(--color-highlight), transparent 36%), color-mix(in srgb, var(--panel-tint) var(--panel-alpha), transparent);box-shadow:inset 0 1px 0 var(--color-highlight), 0 2.5rem 6rem -2rem var(--color-shadow);-webkit-backdrop-filter:blur(var(--blur)) saturate(1.2);backdrop-filter:blur(var(--blur)) saturate(1.2);flex-direction:column;display:flex;overflow:clip}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){app-window{background:var(--color-surface)}}@media (prefers-reduced-transparency:reduce){app-window{background:var(--color-surface);-webkit-backdrop-filter:none;backdrop-filter:none}}app-window[data-size=max]{--m:0px;--r:0px}app-window[data-state=minimized]{visibility:hidden;opacity:0;transform:scale(.97)}@media (prefers-reduced-motion:no-preference){app-window:defined{transition:opacity .18s,transform .18s,visibility,background-color 1.2s,-webkit-backdrop-filter 1.2s,backdrop-filter 1.2s}app-window:defined[data-state=minimized]{transition-delay:0s,0s,.18s,0s,0s}.titlebar,.bar:before{transition:background-color 1.2s}}app-window:not(:defined)[data-state=minimized]{animation:0s 3s forwards window-reveal}@keyframes window-reveal{to{visibility:visible;opacity:1;transform:none}}.panel{overscroll-behavior:contain;flex-direction:column;flex:1;min-block-size:0;scroll-padding-bottom:9.5rem;display:flex;overflow-y:auto;container-type:inline-size}.titlebar{align-items:center;gap:calc(1.25rem * var(--mar-y-k)) calc(1.25rem * var(--mar-x-k));block-size:var(--bar-h);padding-inline:calc(clamp(.6rem, 2vw, 1.1rem) * var(--pad-x-k)) calc(clamp(1rem, 3vw, 1.5rem) * var(--pad-x-k));border-bottom:1px solid var(--color-hairline);background:color-mix(in srgb, var(--panel-tint) var(--bar-alpha), transparent);font:calc(.8rem * var(--fs-ui-k)) / 1 var(--font-mono);flex:none;display:flex}.titlebar .title,.titlebar-action{padding:calc(.45rem * var(--pad-y-k)) calc(.6rem * var(--pad-x-k));border-radius:calc(.4rem * var(--r-k));color:var(--color-muted);align-items:center;text-decoration:none;display:inline-flex}.titlebar-action:hover{color:var(--color-text)}.titlebar .title{background:var(--color-highlight);color:var(--color-text)}.titlebar .brand{color:var(--color-muted);font-size:calc(.75rem * var(--fs-ui-k))}.titlebar-action{border:1px solid var(--color-hairline);font:inherit;background:0 0;margin-inline-start:auto}.titlebar-action:before{content:"›";color:var(--color-accent);margin-inline-end:calc(.5ch * var(--mar-x-k))}.controls{display:flex}.control{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;block-size:1.5rem;inline-size:1.5rem;padding:0;display:grid}.control:disabled{cursor:default}.control:before{content:"";background:var(--color-dot-close);border-radius:50%;block-size:.7rem;inline-size:.7rem}.control[data-control=minimize]:before{background:var(--color-dot-min)}.control[data-control=maximize]:before{background:var(--color-dot-max)}.control:enabled:hover:before{box-shadow:inset 0 0 0 .35rem color-mix(in srgb, var(--color-shadow) 30%, transparent)}.control:focus-visible{outline-offset:-2px}@media (width<=30rem){.titlebar .title{display:none}}.intro{padding:calc(clamp(1.5rem, 5vw, 2.5rem) * var(--pad-y-k)) var(--gx) calc(1.5rem * var(--pad-y-k))}.intro h1{font:400 calc(clamp(2.4rem, 8.5vw, 3.6rem) * var(--fs-title-k)) / 1.02 var(--font-display);letter-spacing:-.025em;text-wrap:balance;margin:0}.lede{margin:calc(.85rem * var(--mar-y-k)) 0 0;color:var(--color-muted);font:calc(clamp(.875rem, 4cqw, 1.0625rem) * var(--fs-text-k)) / 1.5 var(--font-text);max-inline-size:var(--measure)}.cta{align-items:center;gap:calc(.6rem * var(--mar-y-k)) calc(.6rem * var(--mar-x-k));margin-top:calc(1.1rem * var(--mar-y-k));color:var(--color-text);font:calc(1rem * var(--fs-text-k)) / 1 var(--font-text);text-decoration:underline;-webkit-text-decoration-color:var(--color-hairline-strong);text-decoration-color:var(--color-hairline-strong);text-underline-offset:.3em;text-decoration-thickness:1px;display:inline-flex}.cta:hover{-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent)}.cta-mark{border:1px solid var(--color-hairline-strong);block-size:1.45rem;inline-size:1.45rem;color:var(--color-accent);font:calc(.8rem * var(--fs-ui-k)) / 1 var(--font-mono);border-radius:50%;place-items:center;transition:transform .2s;display:grid}.cta:hover .cta-mark{transform:translateY(2px)}[data-cleared] .turns>.turn{display:none}[data-cleared] .where{visibility:hidden}.log{padding:calc(1.5rem * var(--pad-y-k)) var(--gx) calc(1rem * var(--pad-y-k));border-top:1px solid var(--color-hairline);flex:1 0 auto}.turns{margin:0;padding:0;list-style:none}.turn{margin:0 0 calc(1.6rem * var(--mar-y-k))}.you{gap:calc(.9ch * var(--mar-y-k)) calc(.9ch * var(--mar-x-k));margin:0 0 calc(.4rem * var(--mar-y-k));font:500 calc(.9rem * var(--fs-ui-k)) / 1.5 var(--font-mono);overflow-wrap:anywhere;display:flex}.you .prompt{color:var(--color-accent)}.trace{margin:0 0 calc(.65rem * var(--mar-y-k));color:var(--color-muted);font:calc(.78rem * var(--fs-ui-k)) / 1.6 var(--font-mono)}.trace summary{align-items:baseline;gap:calc(.7ch * var(--mar-y-k)) calc(.7ch * var(--mar-x-k));border-radius:calc(.25rem * var(--r-k));cursor:pointer;list-style:none;display:inline-flex}.trace summary::-webkit-details-marker{display:none}.trace summary:hover{color:var(--color-text)}.caret{inline-size:1ch;transition:transform .15s;display:inline-block}.trace[open] .caret{transform:rotate(90deg)}.steps{margin:calc(.4rem * var(--mar-y-k)) 0 0 calc(.35ch * var(--mar-x-k));padding:0 0 0 calc(1.4ch * var(--pad-x-k));border-left:1px solid var(--color-hairline);max-inline-size:calc(var(--measure) + 4ch);list-style:none}.call .mark{color:var(--color-step)}.call .name{color:var(--color-text)}.result{padding-left:calc(2ch * var(--pad-x-k))}.result.error{color:var(--color-error)}.thought{margin:calc(.15rem * var(--mar-y-k)) 0;font:italic calc(.9rem * var(--fs-text-k)) / 1.5 var(--font-text)}.spin{color:var(--color-step);animation:1.1s ease-in-out infinite pulse;display:inline-block}@keyframes pulse{50%{opacity:.3}}.mark,.spin{font-family:var(--font-text)}.mark{margin-right:calc(.3ch * var(--mar-x-k))}.answer{gap:calc(.85rem * var(--mar-y-k)) calc(.85rem * var(--mar-x-k));display:flex}.answer>.mark{color:var(--color-accent);font:calc(.8rem * var(--fs-ui-k)) / 2.1 var(--font-text);flex:none;margin:0}.answer .text{min-width:0;max-inline-size:var(--measure);font:calc(1.0625rem * var(--fs-text-k)) / 1.58 var(--font-text);overflow-wrap:break-word;text-wrap:pretty}.answer p{margin:0 0 calc(.55em * var(--mar-y-k))}.answer p:last-child{margin-bottom:0}.answer a{text-underline-offset:.2em;text-decoration-thickness:1px}.cmd{padding:calc(.1em * var(--pad-y-k)) calc(.4em * var(--pad-x-k));border:1px solid var(--color-hairline);border-radius:calc(.3rem * var(--r-k));color:var(--color-text);font:.82em / 1 var(--font-mono);white-space:nowrap;cursor:pointer;background:0 0;transition:border-color .15s ease-out,color .15s ease-out}@media (hover:hover){.cmd:hover{border-color:var(--color-hairline-strong);color:var(--color-accent)}}[data-busy] [data-run]{cursor:progress;opacity:.55}@media (scripting:none){.cmd{cursor:auto;pointer-events:none}}@media (width>=30rem){.text:has(>.row){gap:calc(.55em * var(--mar-y-k)) calc(.75rem * var(--mar-x-k));grid-template-columns:max-content 1fr;align-items:baseline;display:grid}.text:has(>.row)>:not(.row,.sr-only){grid-column:1/-1;margin:0}.row{display:contents}.row .cmd{justify-self:start}}.panel>*{flex-shrink:0}.bar{isolation:isolate;padding:calc(1.6rem * var(--pad-y-k)) var(--gx) 0;border-radius:0 0 calc(var(--r) - 1px) calc(var(--r) - 1px);margin-top:auto;position:sticky;bottom:0}.bar:before{content:"";z-index:-1;border-radius:inherit;background:color-mix(in srgb, var(--panel-tint) var(--scrim-alpha), transparent);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 1.6rem);mask-image:linear-gradient(#0000,#000 1.6rem)}.turnstile{bottom:100%;right:var(--gx);z-index:1;position:absolute}.chips{gap:calc(.5rem * var(--mar-y-k)) calc(.5rem * var(--mar-x-k));padding-bottom:calc(.8rem * var(--pad-y-k));scrollbar-width:none;display:flex;position:relative;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 2.5rem),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 2.5rem),#0000)}.chips::-webkit-scrollbar{display:none}@media (width>=40rem){.chips{flex-wrap:wrap;overflow:visible;-webkit-mask-image:none;mask-image:none}}.chip{padding:calc(.5rem * var(--pad-y-k)) calc(.75rem * var(--pad-x-k));border:1px solid var(--color-hairline);border-radius:calc(.55rem * var(--r-k));background:var(--color-highlight);color:var(--color-muted);font:calc(.78rem * var(--fs-ui-k)) / 1 var(--font-mono);cursor:pointer;flex:none}.chip:hover{border-color:var(--color-hairline-strong);color:var(--color-text)}.chip[data-next]{border-color:var(--color-accent);color:var(--color-text)}.chip.leaving{pointer-events:none;position:absolute}.chip:focus-visible{outline-offset:-2px}.entry{align-items:center;gap:calc(.9ch * var(--mar-y-k)) calc(.9ch * var(--mar-x-k));margin-inline:calc(var(--gx) * -1);padding:0 var(--gx);border-block:1px solid var(--color-hairline);display:flex}.entry:focus-within{border-color:var(--color-accent)}.entry .label{color:var(--color-accent);font:500 calc(.9rem * var(--fs-ui-k)) / 1 var(--font-mono);white-space:nowrap}.entry input{min-width:0;padding:calc(.8rem * var(--pad-y-k)) 0;color:var(--color-text);caret-color:var(--color-accent);font:max(1rem, calc(1rem * var(--fs-ui-k))) / 1.4 var(--font-mono);background:0 0;border:0;flex:1}.entry input:focus-visible{outline:none}.entry input::placeholder{color:var(--color-muted);opacity:1}.send{padding:calc(.6rem * var(--pad-y-k)) 0 calc(.6rem * var(--pad-y-k)) calc(.5rem * var(--pad-x-k));color:var(--color-accent);font:500 calc(.85rem * var(--fs-ui-k)) / 1 var(--font-mono);cursor:pointer;background:0 0;border:0}.status{justify-content:space-between;gap:calc(1rem * var(--mar-y-k)) calc(1rem * var(--mar-x-k));padding:calc(.6rem * var(--pad-y-k)) 0 calc(.85rem * var(--pad-y-k));color:var(--color-muted);font:calc(.75rem * var(--fs-ui-k)) / 1.4 var(--font-mono);margin:0;display:flex}.where{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.phase{color:var(--color-accent)}.subject{color:var(--color-text)}.keys{gap:calc(1.1rem * var(--mar-y-k)) calc(1.1rem * var(--mar-x-k));display:flex}kbd{padding:0 calc(.4em * var(--pad-x-k));border:1px solid var(--color-hairline);border-radius:calc(.3rem * var(--r-k));color:var(--color-text);font:inherit}@media (hover:none),(width<=34rem){.keys{display:none}}@media (height<=36rem){.bar{padding-top:calc(.9rem * var(--pad-y-k))}.chips{display:none}}
