:root{color-scheme:light dark;--bg:light-dark(#fff,#141414);--ink:light-dark(#171717,#ededed);--ink-2:light-dark(#3f3f3f,#cfcfcf);--muted:light-dark(#6b6b6b,#a3a3a3);--line:light-dark(#ececec,#262626);--soft:light-dark(#f4f4f4,#222);--hover:light-dark(#f2f2f2,#222);--press:color-mix(in oklab, var(--ink) 8%, var(--bg));--ink-hover:color-mix(in oklab, var(--ink) 85%, var(--bg));--page:light-dark(#f0f0f0,#0f0f0f);--panel:light-dark(#fafafa,#181818);--bubble:light-dark(#f2f2f2,#262626);--live:light-dark(#1f9d55,#3fbf74);--attention:light-dark(#a14a06,#f5b83d);--danger:light-dark(#b42318,#f97066);--ring:light-dark(#0000,oklch(100% 0 0/.08));--edge:light-dark(oklch(0% 0 0/.1),oklch(100% 0 0/.1));--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;font:14px/1.5 var(--font)}*{box-sizing:border-box}html{-webkit-tap-highlight-color:transparent;-moz-text-size-adjust:100%;text-size-adjust:100%}html,body{block-size:100%}body{background:var(--page);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-underline-offset:3px;-webkit-text-decoration-color:var(--muted);text-decoration-color:var(--muted)}@media (hover:hover) and (pointer:fine){a:hover{text-decoration-color:currentColor}}button,input{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.sr{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;inset-block-start:0;inset-inline-start:0;overflow:hidden}.chat{background:var(--bg);min-block-size:0;min-inline-size:0;color:var(--ink);grid-template-rows:auto minmax(0,1fr) auto;display:grid}.col{inline-size:min(100%,720px);margin-inline:auto;padding-inline:24px}.scroll{overscroll-behavior:contain;scrollbar-gutter:stable both-edges;scrollbar-width:thin;grid-row:2;overflow-y:auto}.scroll[data-following]{overflow-anchor:none}.slot:not(:has(co-presence)){display:none}.slot co-presence{--copresence-surface:var(--bg)}.trace{flex-direction:column;gap:20px;padding-block:24px;display:flex}.face{--s:28px;inline-size:var(--s);block-size:var(--s);background:var(--soft);color:var(--muted);font-size:calc(var(--s) * .36);border-radius:50%;flex:none;place-items:center;font-weight:500;line-height:1;display:inline-grid;position:relative}.face.sm{--s:20px;font-size:10px;font-weight:600}.face[data-kind=agent]{border-radius:calc(var(--s) * .3)}.face img{border-radius:inherit;object-fit:cover;block-size:100%;inline-size:100%;display:block}.face img,.face>.av{outline:1px solid var(--edge);outline-offset:-1px}.face[style*=--h]{background:light-dark(oklch(.93 .045 var(--h)),oklch(.34 .06 var(--h)));color:light-dark(oklch(.42 .12 var(--h)),oklch(.89 .06 var(--h)))}.face>.av{border-radius:inherit;block-size:100%;inline-size:100%;display:block;overflow:hidden}.av *{transform-box:fill-box;transform-origin:50%}.av .blink{animation:4s infinite av-blink}.av .look{animation:5s ease-in-out infinite av-look}.av .bob{animation:2.4s ease-in-out infinite av-bob}.av .pulse{animation:1.6s ease-in-out infinite av-pulse}.av .sweep{animation:2.2s ease-in-out infinite av-sweep}.av .eq{transform-origin:bottom;animation:.9s ease-in-out infinite av-eq}.av .orbit{transform-box:view-box;transform-origin:32px 32px;animation:6s linear infinite av-spin}.face:not([data-live]) .av *{animation:none}@keyframes av-blink{0%,90%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes av-look{0%,to{transform:translate(0)}30%{transform:translate(-3px)}65%{transform:translate(3px)}}@keyframes av-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes av-pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes av-sweep{0%,to{transform:translate(0)}50%{transform:translate(18px)}}@keyframes av-eq{0%,to{transform:scaleY(1)}50%{transform:scaleY(.35)}}@keyframes av-spin{to{transform:rotate(360deg)}}.face .mark{background:var(--live);block-size:8px;inline-size:8px;box-shadow:0 0 0 2px var(--cut,var(--bg));border-radius:50%;position:absolute;inset-block-end:-2px;inset-inline-end:-2px}.face .mark[data-tone=attention]{background:var(--attention)}.face .mark[data-tone=danger]{background:var(--danger);border-radius:2px}.face .mark[data-tone=none]{display:none}:where(.msg,.step,.lines li){animation:arrive .22s var(--ease-out)}@keyframes arrive{0%{opacity:0;translate:0 4px}}.msg{grid-template-columns:28px minmax(0,1fr);column-gap:12px;font-size:15px;display:grid}.msg .face{grid-row:span 2;margin-block-start:2px}.msg header{flex-wrap:wrap;align-items:baseline;gap:8px;font-size:14px;line-height:1.5;display:flex}.msg header b{overflow-wrap:anywhere;min-inline-size:0;font-weight:600}.msg time{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.msg p{max-inline-size:37.5em;color:var(--ink-2);overflow-wrap:anywhere;text-wrap:pretty;margin:0;line-height:1.6}.msg[data-self]{flex-direction:column;align-items:flex-end;display:flex}.msg[data-self] p{background:var(--bubble);max-inline-size:min(80%,37.5em);color:var(--ink);border-radius:20px;padding:10px 16px}.msg[data-pending] p{opacity:.6}.msg .sending{color:var(--muted);margin-block-start:4px;font-size:13px}.mention{background:var(--soft);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;border-radius:4px;max-inline-size:100%;margin-inline:-1px;padding:1px 3px;font-weight:500;line-height:1.3;display:inline-block;overflow:clip}.mention[data-self]{color:var(--attention);background:color-mix(in oklab, var(--attention) 14%, transparent)}.step{border-radius:12px;margin-block-start:-8px;margin-inline-start:40px}.msg+.step{margin-block-start:-6px}.step .head{all:unset;box-sizing:border-box;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:10px;align-items:center;gap:8px;min-block-size:32px;inline-size:100%;margin-inline-start:-8px;padding:4px 8px;font-size:14px;transition:background-color .12s;display:flex}@media (hover:hover) and (pointer:fine){.step .head:hover{background:var(--hover);--cut:var(--hover)}}.step .head:active:not(:focus-visible){--cut:var(--press);background:var(--press)}.step .head:focus-visible{outline:2px solid var(--ink);outline-offset:0}.step .head b{white-space:nowrap;text-overflow:ellipsis;flex:0 auto;min-inline-size:0;max-inline-size:60%;font-weight:500;overflow:hidden}.step .status{min-inline-size:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.step[data-state=live] .status{background:linear-gradient(90deg, var(--muted) 0%, var(--muted) 40%, var(--ink) 50%, var(--muted) 60%, var(--muted) 100%) 0 0 / 250% 100%;color:#0000;background-clip:text;animation:2.2s linear infinite shimmer}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-150% 0}}.step[data-state=waiting] .status{color:var(--attention);font-weight:500}.step:is([data-state=waiting],[data-state=failed]) .status{white-space:normal;text-overflow:clip;flex:auto;min-inline-size:min-content}.step[data-state=failed] .status{color:var(--danger);font-weight:500}.step .chev{color:var(--muted);transition:rotate .2s var(--ease-in-out);flex:none;display:grid}.step .head[aria-expanded=true] .chev{rotate:90deg}.step .head[data-kbd] .chev{transition:none}.body{border-inline-start:1px solid var(--line);transition:grid-template-rows .2s var(--ease-out), opacity .15s var(--ease-out), visibility .2s;grid-template-rows:1fr;margin-inline-start:2px;padding-inline-start:25px;display:grid}.body>div{overflow-clip-margin:4px;min-block-size:0;overflow:clip}.step[data-folded] .body{opacity:0;visibility:hidden;grid-template-rows:0fr}.step:has(>.head[data-kbd]) .body{transition:none}.lines{color:var(--muted);gap:2px;margin:0;padding:2px 0 6px;font-size:14px;list-style:none;display:grid}.lines li{overflow-wrap:anywhere;text-wrap:pretty}.typing:after{content:"";background:var(--ink);vertical-align:1px;border-radius:50%;block-size:7px;inline-size:7px;margin-inline-start:4px;animation:1s ease-in-out infinite blink;display:inline-block}@keyframes blink{50%{opacity:.2}}.ask{background:color-mix(in oklab, var(--attention) 8%, var(--bg));transition:opacity .2s var(--ease-out), translate .2s var(--ease-out);border-radius:16px;gap:12px;margin-block:6px 10px;padding:14px 16px;font-size:14px;display:grid}@starting-style{.ask{opacity:0;translate:0 6px}}.ask p{gap:2px;margin:0;display:grid}.ask strong{color:var(--attention);font-size:13px;font-weight:600}.ask span{color:var(--ink);text-wrap:pretty;font-size:15px}.ask .row{gap:8px;display:flex}.ask button{background:color-mix(in oklab, var(--ink) 7%, transparent);min-block-size:34px;transition:background-color .12s ease, scale .16s var(--ease-out);border:1px solid #0000;border-radius:999px;padding:0 15px;font-size:14px;font-weight:500}.ask .primary{background:var(--ink);color:var(--bg)}@media (hover:hover) and (pointer:fine){.ask button:not(.primary):hover{background:color-mix(in oklab, var(--ink) 12%, transparent)}.ask .primary:hover{background:var(--ink-hover)}}.answered{color:var(--muted);animation:fresh .15s var(--ease-out);margin:2px 0 8px;font-size:13px}.flash{border-radius:12px;animation:1.2s flash}@keyframes flash{0%,30%{background:color-mix(in oklab, var(--ink) 8%, transparent);box-shadow:0 0 0 6px color-mix(in oklab, var(--ink) 8%, transparent)}to{background:0 0;box-shadow:0 0 0 6px #0000}}.dock{background:linear-gradient(to bottom, transparent, var(--bg) 18px);grid-row:3;padding-block:4px 16px;position:relative}.dock .col{gap:6px;display:grid}.jump{z-index:1;border:1px solid var(--line);background:var(--bg);block-size:32px;inline-size:32px;color:var(--ink);box-shadow:0 4px 12px #00000014, 0 0 0 1px var(--ring);opacity:0;visibility:hidden;transition:opacity .15s var(--ease-out), scale .15s var(--ease-out), visibility .15s, background-color .12s ease;border-radius:50%;place-items:center;display:grid;position:absolute;inset-block-end:calc(100% + 4px);inset-inline-start:50%;translate:-50%;scale:.97}.jump[data-show]{opacity:1;visibility:visible;scale:1}.jump:before{content:"";position:absolute;inset:-6px}@media (hover:hover) and (pointer:fine){.jump:hover{background:var(--hover)}}.composer{border:1px solid var(--line);background:var(--bg);border-radius:24px;align-items:center;gap:8px;padding:6px 6px 6px 18px;transition:border-color .12s;display:flex}.composer:focus-within{border-color:var(--muted)}.composer input{background:0 0;border:0;outline:0;flex:1;min-block-size:36px;min-inline-size:0;font-size:15px}.composer input::placeholder{color:var(--muted)}.composer button{background:var(--ink);block-size:36px;inline-size:36px;color:var(--bg);transition:background-color .12s ease, scale .16s var(--ease-out), opacity .12s ease;border:1px solid #0000;border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.composer button:before{content:"";position:absolute;inset:-4px}.composer:has(input:placeholder-shown) button{opacity:.3;cursor:default}@media (hover:hover) and (pointer:fine){.composer button:not([aria-disabled=true]):hover{background:var(--ink-hover)}}:is(.composer button,.ask button):active:not(:focus-visible){scale:.96}.doc h2{text-wrap:balance;margin:0;font-size:15px;font-weight:600}.doc .sub{color:var(--muted);margin:2px 0 16px;font-size:13px}.doc section{border-block-start:1px solid var(--line);padding-block:12px}.sec-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 8px;min-block-size:22px;display:flex}.sec-head h3{overflow-wrap:anywhere;flex:0 auto;min-inline-size:0;margin:0;font-size:14px;font-weight:500}.who{min-inline-size:0;max-inline-size:100%;color:var(--muted);white-space:nowrap;flex:none;align-items:center;gap:6px;font-size:13px;display:inline-flex}.who>span:last-child:not(.face){text-overflow:ellipsis;min-inline-size:0;overflow:hidden}.who .face+.face{margin-inline-start:-8px}.doc section p{color:var(--ink-2);text-wrap:pretty;overflow-wrap:anywhere;margin:4px 0 0;font-size:13px;line-height:1.55}.doc section p:empty{background:var(--soft);border-radius:3px;block-size:6px;inline-size:70%;margin-block:10px 4px}.doc section[data-busy] p:empty{background:linear-gradient(90deg, var(--soft) 0%, var(--line) 50%, var(--soft) 100%) 0 0 / 200% 100%;animation:1.6s linear infinite shimmer}.doc section p.fresh{animation:fresh .2s var(--ease-out)}@keyframes fresh{0%{opacity:0;filter:blur(2px)}}@keyframes fade-in{0%{opacity:0}}@media (pointer:coarse){.composer input{font-size:16px}.ask button{min-block-size:44px}}[data-paused] :is(.av *,.step .status){animation:none}[data-paused] .typing:after,[data-paused] .doc p:empty{animation-play-state:paused}[data-paused] :is(.step:not([data-opened]) .body,.ask){transition:none}[data-switching] *,[data-switching] :before,[data-switching] :after{transition:none!important}@media (forced-colors:active){.face{forced-color-adjust:none}.mention[data-self]{text-decoration:underline}.composer:focus-within{outline-offset:2px;outline:2px solid highlight}}@media (prefers-reduced-motion:reduce){.av *{animation:none!important}.step[data-state=live] .status{color:var(--muted);background:0 0;animation:none}.doc section[data-busy] p:empty,.typing:after{animation:none}.doc section p.fresh{animation:.1s fade-in}.ask button,.composer button,.step .chev{transition:none}.body{transition:opacity .15s,visibility .15s}.ask{transition:opacity .2s}.answered{animation:.1s fade-in}:where(.msg,.step,.lines li){animation:.15s fade-in}.jump{scale:none}:is(.composer button,.ask button):active:not(:focus-visible){scale:1}}