:root{--ink: #16181d;--dim: #6b7280;--line: #e3e6ea;--paper: #fff;--sunk: #f6f7f9;--tool: #0e7490;--activity: #a16207;--bad: #b91c1c;--accent: #0e7490;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--ink: #e6e8ec;--dim: #8b94a3;--line: #2a2e37;--paper: #14161a;--sunk: #1b1e24;--tool: #67e8f9;--activity: #fcd34d;--bad: #fca5a5;--accent: #67e8f9}}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.55 ui-sans-serif,system-ui,sans-serif}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}main{display:grid;grid-template-columns:minmax(0,1fr) 20rem;height:100vh;height:100dvh;overflow:hidden}main.opened{grid-template-columns:minmax(0,1fr) 20rem minmax(0,26rem)}main.folded{grid-template-columns:minmax(0,1fr) 20rem 2.25rem}main.shut{grid-template-columns:minmax(0,1fr) 2.5rem}main.shut.opened{grid-template-columns:minmax(0,1fr) 2.5rem minmax(0,26rem)}main.shut.folded{grid-template-columns:minmax(0,1fr) 2.5rem 2.25rem}@media(max-width:50rem){main,main.opened,main.folded,main.shut,main.shut.opened,main.shut.folded{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(0,35dvh) minmax(0,35dvh)}main.shut{grid-template-rows:minmax(0,1fr) 2.5rem}main.shut.opened{grid-template-rows:minmax(0,1fr) 2.5rem minmax(0,35dvh)}main.shut.folded{grid-template-rows:minmax(0,1fr) 2.5rem 2.5rem}}.chat{display:flex;flex-direction:column;min-width:0;min-height:0}header{display:flex;align-items:baseline;gap:.4rem;padding:.75rem 1.25rem;border-bottom:1px solid var(--line)}.thread{flex:none;font-size:12px;white-space:nowrap}.log{flex:1;overflow-y:auto;position:relative;padding:1.25rem;display:flex;flex-direction:column;gap:.6rem}.dim{color:var(--dim)}.said{margin:0;max-width:44rem}.said.shown-view,.said.shown-result{max-width:60rem}.said.shown-result{border-left:2px solid var(--tool);padding-left:.7rem;font-size:13px}.said.shown-result>summary{color:var(--dim);font-size:12px}.said.shown-result pre{max-height:18rem;overflow:auto;resize:vertical;margin-left:0}.said.shown-result.lit{background:var(--sunk);border-left-width:3px}.said.user{align-self:flex-end;background:var(--sunk);border-radius:.9rem;padding:.4rem .8rem}.caret{display:inline-block;width:.5rem;height:1rem;margin-left:2px;vertical-align:text-bottom;background:currentColor;animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:0}}.tool,.activity{border-left:2px solid var(--tool);padding-left:.7rem;overflow-wrap:anywhere;font-size:13px}.activity{border-left-color:var(--activity)}summary{cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}summary::-webkit-details-marker{display:none}summary:before{content:"▸";display:inline-block;width:1em;color:var(--dim);transition:transform .12s}details[open]>summary:before{transform:rotate(90deg)}.tool code{color:var(--tool)}.activity em{color:var(--activity);font-style:normal;font-weight:600}.activity code{color:var(--tool)}details>*:not(summary){display:block;margin:.4rem 0 0 1em}details pre{max-height:18rem;overflow:auto;font-size:12px}.view{width:100%;min-height:2.75rem;resize:vertical;overflow:auto;border:1px solid var(--line);border-radius:.5rem;background:var(--paper)}.legend{margin-left:auto;display:flex;align-items:center;flex-wrap:nowrap;white-space:nowrap;gap:.35rem;font-size:12px;color:var(--dim)}.said>div>:first-child{margin-top:0}.said>div>:last-child{margin-bottom:0}.said ul,.said ol{padding-left:1.2rem}.said pre{background:var(--sunk);border:1px solid var(--line);border-radius:.5rem;padding:.7rem;overflow-x:auto}.said table{border-collapse:collapse;display:block;width:max-content;max-width:100%;overflow-x:auto}.said th,.said td{border:1px solid var(--line);padding:.2rem .5rem;text-align:left}.error{margin:.6rem .75rem;color:var(--bad);font-size:13px}form{display:flex;gap:.5rem;padding:.9rem 1.25rem;border-top:1px solid var(--line)}input{flex:1;padding:.55rem .8rem;border:1px solid var(--line);border-radius:.5rem;background:var(--paper);color:inherit;font:inherit}button{padding:.55rem 1rem;border:1px solid var(--line);border-radius:.5rem;background:var(--sunk);color:inherit;font:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:default}aside{border-left:1px solid var(--line);padding:1.25rem;overflow-y:auto;min-height:0;background:var(--sunk)}aside h2{margin:0 0 .5rem;font-size:13px;text-transform:uppercase;letter-spacing:.06em}aside p{font-size:13px}.card{border:1px solid var(--line);border-radius:.5rem;background:var(--paper);padding:.5rem .7rem;overflow:hidden}.key{display:flex;flex-direction:column;gap:.15rem;width:100%;padding:0;border:0;border-radius:0;background:none;text-align:left;overflow-wrap:break-word}.turns{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:.4rem}.turn{min-width:1.9rem;padding:.15rem .4rem;font-size:12px;line-height:1.3}.turn.on{background:var(--activity);border-color:var(--activity);color:var(--paper);font-weight:600}.asked{margin:0 0 .75rem;font-size:12px;font-style:italic;overflow-wrap:anywhere}.slot{margin-bottom:.5rem;border-left:2px solid transparent;padding-left:.4rem;transition:border-color .1s}.slot.lit{border-left-color:var(--activity)}.tool.lit,.activity.lit{background:var(--sunk);border-left-width:3px}.inputs-label{margin:.45rem 0 .25rem;padding:.4rem 0 0;border-top:1px solid var(--line);font-size:10px;letter-spacing:.04em;color:var(--dim)}.inputs-label code{font-size:10px;color:var(--ink)}.inputs{margin:0;padding:0;list-style:none;font-size:11px;line-height:1.45;color:var(--dim)}.inputs li+li{margin-top:.25rem}.rel{color:var(--dim)}.inputs li{overflow-wrap:normal;word-break:normal}.inputs code{font-size:11px;overflow-wrap:break-word}.param{color:var(--ink)}.wrote{padding:0 .25rem;border-radius:.2rem;background:var(--sunk);font-size:11px;color:var(--activity);overflow-wrap:break-word}.folded{display:inline}.folded summary{display:inline;cursor:pointer;list-style:none}.folded summary::-webkit-details-marker{display:none}.folded summary:before{content:"▸ ";color:var(--dim)}.folded[open] summary:before{content:"▾ "}.folded pre{margin:.3rem 0 0;padding:.4rem .5rem;max-height:14rem;overflow:auto;border-radius:.3rem;background:var(--sunk);font-size:10px;line-height:1.4;white-space:pre-wrap;overflow-wrap:break-word}.origins{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 .6rem;font-size:11px}.sourced{font-size:11px;color:var(--tool)}.from{display:inline;padding:0;border:0;border-radius:0;background:none;color:var(--tool);cursor:pointer;font:inherit;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-align:left;overflow-wrap:break-word}.from:hover{text-decoration:underline}.chips{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.35rem}.chip{padding:0 .3rem;border:1px solid var(--line);border-radius:.2rem;background:var(--sunk);font-size:10px;font-weight:400;letter-spacing:.04em;text-transform:uppercase;color:var(--dim);white-space:nowrap}.chip.fresh{border-color:var(--dim);color:var(--ink);font-weight:700}.chip.again{color:var(--ink);font-weight:600}.value{display:flex;flex-direction:column;min-width:0;min-height:0;border-left:1px solid var(--line);background:var(--paper);overflow:hidden}.value header{gap:.5rem;padding:.75rem}.value header code{flex:1;overflow-wrap:anywhere}.value p{margin:0 .75rem;font-size:12px}.value pre{flex:1;margin:.6rem .75rem .75rem;overflow:auto;font-size:12px;white-space:pre}.fold{padding:.1rem .45rem;line-height:1.2}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--paper);border:1px solid var(--line);border-radius:.5rem;padding:.7rem}header .name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link{padding:0;border:0;background:none;color:var(--accent);font:inherit;text-decoration:underline;cursor:pointer}.panel{display:flex;flex-direction:column;gap:.6rem;padding:.9rem 1.25rem;border-bottom:1px solid var(--line);background:var(--sunk)}.panel p{margin:0;font-size:13px}.panel label{display:flex;flex-direction:column;gap:.25rem;font-size:13px}.panel button{align-self:flex-start}.opening{display:flex;flex-direction:column;gap:.75rem;align-items:flex-start}.opening p{margin:0}.warn{color:var(--activity)}.examples{display:flex;flex-wrap:wrap;gap:.5rem}.example{padding:.4rem .75rem;border-radius:999px;font-size:13px;text-align:left}.example:hover{border-color:var(--accent);color:var(--accent)}form button{position:relative;border-color:var(--accent);background:var(--accent);color:var(--paper);font-weight:600}form button:disabled:not(.busy){border-color:var(--line);background:var(--sunk);color:inherit;font-weight:inherit}button.busy:disabled{opacity:1;cursor:progress}button.busy .label{visibility:hidden}button.busy .spinner{position:absolute;inset:0;margin:auto}.spinner{display:inline-block;width:.9em;height:.9em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;vertical-align:-.1em;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner,.caret{animation:fade 1.6s ease-in-out infinite}@keyframes fade{50%{opacity:.25}}}.question{border-left:2px solid var(--accent);padding-left:.7rem;margin:.4rem 0}.question p{margin:0 0 .4rem}.choices{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.4rem}.choice{padding:.4rem .75rem;border-radius:999px;font-size:13px}.choice:not(:disabled):hover,.choice.on{border-color:var(--accent);color:var(--accent)}main.shut aside{padding:.5rem 0;overflow:hidden}main.shut aside>*:not(h2){display:none}main.shut aside h2{height:100%;margin:0}.shutter{display:flex;align-items:center;gap:.35rem;width:100%;margin:0 0 0 -.35rem;padding:.25rem .35rem;font:inherit;text-transform:inherit;letter-spacing:inherit;color:var(--dim);background:transparent;border:0;border-radius:.25rem;cursor:pointer}.shutter:hover{color:var(--ink);background:var(--paper)}main.shut .shutter{flex-direction:column;justify-content:flex-start;height:100%;margin:0;padding-top:.5rem}main.shut .shutter .edge{writing-mode:vertical-rl}@media(max-width:50rem){main.shut .shutter{flex-direction:row;height:auto}main.shut .shutter .edge{writing-mode:horizontal-tb}}.toggle{padding:.15rem .5rem;font:inherit;font-size:11px;letter-spacing:.04em;color:var(--dim);background:transparent;border:1px solid var(--line);border-radius:.25rem;cursor:pointer}.toggle:hover:not(:disabled){color:var(--ink)}.toggle:disabled{opacity:.4;cursor:not-allowed}.toggle.warn{color:var(--bad);border-color:var(--bad)}.elsewhere{display:flex;align-items:center;gap:.6em;color:var(--dim);font-style:italic}.dots{display:flex;align-items:flex-end;gap:4px;height:1.1rem;padding:0 0 .2rem calc(.7rem + 2px + 1em)}.dots.thinking{padding-left:0}.dots.thinking b{background:var(--dim)}.dots b{width:5px;height:5px;border-radius:50%;background:var(--tool);animation:hop 1.2s ease-in-out infinite}.dots b:nth-child(2){animation-delay:.15s}.dots b:nth-child(3){animation-delay:.3s}@keyframes hop{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}@media(prefers-reduced-motion:reduce){.dots b{animation-name:fade;animation-duration:1.6s}}