@font-face{font-family:Geist;font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/geist-latin-wght-normal.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist;font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/geist-latin-ext-wght-normal.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo;font-style:normal;font-display:optional;font-weight:100 900;src:url(/fonts/archivo-latin-wght-normal.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo;font-style:normal;font-display:optional;font-weight:100 900;src:url(/fonts/archivo-latin-ext-wght-normal.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:var(--lightningcss-light,#fcfcfa)var(--lightningcss-dark,#090f0c);--surface:var(--lightningcss-light,#f4f5f1)var(--lightningcss-dark,#121a16);--surface-2:var(--lightningcss-light,#eceee8)var(--lightningcss-dark,#1a241f);--line:var(--lightningcss-light,#e3e6e0)var(--lightningcss-dark,#ffffff17);--line-strong:var(--lightningcss-light,#cdd2ca)var(--lightningcss-dark,#ffffff2e);--text:var(--lightningcss-light,#0c1310)var(--lightningcss-dark,#f2f5f1);--text-2:var(--lightningcss-light,#59635e)var(--lightningcss-dark,#97a19b);--text-3:var(--lightningcss-light,#66706b)var(--lightningcss-dark,#7c8681);--accent:var(--lightningcss-light,#0b7c3e)var(--lightningcss-dark,#22b863);--accent-text:var(--lightningcss-light,#0b7c3e)var(--lightningcss-dark,#3fcb7a);--on-accent:var(--lightningcss-light,#fff)var(--lightningcss-dark,#04150a);--accent-soft:var(--lightningcss-light,#e9f5ed)var(--lightningcss-dark,#22b8631f);--focus:var(--accent);--font:"Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:"Archivo", var(--font);--fs-meta:.75rem;--fs-sm:.875rem;--fs-body:1rem;--fs-lg:1.0625rem;--fs-h3:1.125rem;--fs-h2:clamp(1.5rem, 1.25rem + 1vw, 1.875rem);--fs-h1:clamp(1.75rem, 1.4rem + 1.6vw, 2.5rem);--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--r-sm:8px;--r-md:10px;--r-lg:14px;--r-xl:26px;--r-full:999px;--shadow-1:none;--shadow-2:0 16px 48px -16px #0006;--dur-1:.12s;--dur-2:.2s;--dur-3:.32s;--dur-4:.45s;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:linear(0, .006, .025 2.8%, .101 6.1%, .539 18.9%, .721 25.3%, .849 31.5%, .937 38.1%, .968 41.8%, .991 45.7%, 1.006 50.1%, 1.015 55%, 1.017 63.9%, 1.001 85.9%, 1);--tap:44px;--column:768px;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{overscroll-behavior:none;height:100%;margin:0;overflow:hidden}body{background:var(--bg);color:var(--text);font:400 var(--fs-body) / 1.55 var(--font);font-feature-settings:"ss01", "cv11";-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;text-rendering:optimizelegibility}h1,h2,h3,h4,p,ul,ol,dl,dd,figure{margin:0}ul,ol{padding:0;list-style:none}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit}img{max-width:100%;display:block}::selection{background:var(--accent-soft)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--r-sm)}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.meta{font-size:var(--fs-meta);color:var(--text-3);letter-spacing:.02em;font-variant-numeric:tabular-nums}.eyebrow{font-size:var(--fs-sm);color:var(--text-3);font-weight:500}::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}::view-transition-group(*){animation-duration:var(--dur-3);animation-timing-function:var(--ease-spring)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}::view-transition-group(*){scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}::view-transition-old(*){scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}::view-transition-new(*){scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}:root{interpolate-size:allow-keywords}.chat:focus{outline:none}.app{height:var(--app-h,100dvh);grid-template-columns:minmax(0,1fr);display:grid}.app:has(>.canvas){grid-template-columns:minmax(0,1fr) clamp(360px,32vw,440px)}.chat{height:var(--app-h,100dvh);min-width:0;padding-left:var(--safe-l);padding-right:var(--safe-r);grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);display:grid}.thread__list,.welcome,.dock>*{width:100%;max-width:var(--column);margin-inline:auto}.btn{justify-content:center;align-items:center;gap:var(--s-2);min-height:var(--tap);padding:0 var(--s-3);border-radius:var(--r-sm);font-size:var(--fs-sm);white-space:nowrap;color:var(--text-2);transition:background var(--dur-1), border-color var(--dur-1), color var(--dur-1), opacity var(--dur-1);background:0 0;border:1px solid #0000;font-weight:500;display:inline-flex}.btn:hover:not(:disabled){color:var(--text)}.btn:disabled{opacity:.3;cursor:default}.btn--primary{background:var(--accent);color:var(--on-accent)}.btn--primary:hover:not(:disabled){color:var(--on-accent)}.btn--ghost{border-color:var(--line-strong)}.btn--ghost:hover,.btn--quiet:hover{background:var(--surface-2)}.btn--icon{width:var(--tap);flex:none;padding:0}.chip{min-height:36px;padding:0 var(--s-3);border-radius:var(--r-full);border:1px solid var(--line-strong);color:var(--text-2);font-size:var(--fs-sm);white-space:nowrap;transition:border-color var(--dur-1), color var(--dur-1), background var(--dur-1);background:0 0}.chip:hover{color:var(--text);background:var(--surface)}@media (pointer:coarse){.chip{min-height:var(--tap)}}.tag{border:1px solid var(--line);color:var(--text-2);font-size:var(--fs-meta);border-radius:6px;align-items:center;padding:2px 8px;line-height:1.6;display:inline-flex}@keyframes rise{0%{opacity:0;translate:0 6px}}.header{align-items:center;gap:var(--s-1);min-height:calc(56px + var(--safe-t));padding:var(--safe-t) var(--s-2) 0 var(--s-4);border-bottom:1px solid var(--line);display:flex}.header h1{min-width:0;font:700 1.0625rem/1.2 var(--font-display);letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.ob{height:var(--app-h,100dvh);padding:var(--safe-t) var(--safe-r) var(--safe-b) var(--safe-l);grid-template-rows:auto minmax(0,1fr) auto;display:grid}.ob__top,.ob__nav,.ob__step{width:100%;max-width:640px;margin-inline:auto}.ob__top{min-height:56px;padding:0 var(--s-2) 0 var(--s-4);justify-content:space-between;align-items:center;display:flex}.ob__name{font:700 1.0625rem/1.2 var(--font-display);letter-spacing:-.02em}.ob__step{justify-content:center;gap:var(--s-5);padding:var(--s-5) var(--s-4);touch-action:pan-y;animation:rise var(--dur-3) var(--ease-out) both;flex-direction:column;display:flex;overflow-y:auto}.ob__step h2{font:700 var(--fs-h1)/1.08 var(--font-display);letter-spacing:-.035em;text-wrap:balance;outline:none}.ob__lede{font-size:var(--fs-lg);color:var(--text-2);text-wrap:pretty;max-width:44ch}.ob__facts{display:grid}.ob__facts>div{padding:var(--s-3) 0;border-top:1px solid var(--line);gap:2px;display:grid}.ob__facts dt{font-size:var(--fs-sm);color:var(--text-3)}.ob__facts dd{margin:0}.ob__list{display:grid}.ob__row{justify-content:space-between;align-items:center;gap:var(--s-3);width:100%;min-height:64px;padding:var(--s-3) 0;border:0;border-top:1px solid var(--line);text-align:left;color:var(--text);background:0 0;text-decoration:none;display:flex}.ob__row>span{gap:2px;display:grid}.ob__row>span>span{color:var(--text-2);font-size:var(--fs-sm)}.ob__row svg{color:var(--text-3);transition:translate var(--dur-1);flex:none}.ob__row:hover svg{color:var(--accent-text);translate:2px}.ob__muted{padding:var(--s-3) 0;border-top:1px solid var(--line);color:var(--text-3);font-size:var(--fs-sm)}.ob__starters{gap:var(--s-2);flex-wrap:wrap;display:flex}.ob .composer input{background:0 0;border:0;outline:none;flex:1;min-width:0;padding:9px 0;font-size:16px}.ob .composer input::placeholder{color:var(--text-3)}.ob__nav{align-items:center;gap:var(--s-2);padding:var(--s-3) var(--s-4) var(--s-4);display:flex}.ob__count{color:var(--text-3);font-size:var(--fs-sm);font-variant-numeric:tabular-nums;flex:1}.thread{overscroll-behavior:contain;padding:var(--s-6) var(--s-4) var(--s-5);scroll-padding-block:var(--s-5);outline:none;overflow-y:auto}.thread__list{gap:var(--s-6);flex-direction:column;display:flex}.turn{min-width:0;display:flex}.turn--user{justify-content:flex-end}.turn__body{gap:var(--s-3);flex-direction:column;flex:1;min-width:0;display:flex}.msg{overflow-wrap:anywhere;white-space:pre-line;animation:rise var(--dur-3) var(--ease-out) both;line-height:1.65}.msg a{color:var(--accent-text);text-underline-offset:2px;text-decoration:underline}.msg--user{background:var(--surface-2);white-space:pre-wrap;border-radius:20px;max-width:min(80%,34rem);padding:10px 16px;line-height:1.5}.turn--thinking{align-items:center;gap:var(--s-3);animation:rise var(--dur-2) var(--ease-out) .2s both;flex-wrap:wrap}.turn__cancel{min-height:var(--tap);padding:0 var(--s-3);border:1px solid var(--line-strong);border-radius:var(--r-sm);color:var(--text);font-size:var(--fs-sm);background:0 0}.turn__cancel:hover{background:var(--surface)}.welcome{justify-content:center;gap:var(--s-3);min-height:100%;padding-block:var(--s-5);flex-direction:column;display:flex}.welcome__title{font:700 var(--fs-h2)/1.15 var(--font-display);letter-spacing:-.03em;text-wrap:balance;max-width:24ch}.welcome__sub{color:var(--text-2);text-wrap:pretty;max-width:52ch}.welcome__cards{margin-top:var(--s-4);display:grid}.welcome__card{justify-content:space-between;align-items:center;gap:var(--s-3);width:100%;min-height:52px;padding:var(--s-3) 0;border:0;border-top:1px solid var(--line);color:var(--text);text-align:left;background:0 0;display:flex}.welcome__cards li:last-child .welcome__card{border-bottom:1px solid var(--line)}.welcome__card svg{color:var(--text-3);transition:translate var(--dur-1);flex:none}.welcome__card:hover svg{color:var(--accent-text);translate:2px -2px}.dock{gap:var(--s-2);padding:var(--s-2) var(--s-3) calc(var(--s-2) + var(--safe-b));background:var(--bg);display:grid}.suggestions{gap:var(--s-2);scrollbar-width:none;overscroll-behavior-x:contain;scroll-snap-type:x proximity;min-height:36px;display:flex;overflow-x:auto}.suggestions::-webkit-scrollbar{display:none}.suggestions li{scroll-snap-align:start;animation:rise var(--dur-3) var(--ease-out) both;animation-delay:calc(var(--i,0) * 50ms);flex:none}@media (pointer:coarse){.suggestions{min-height:var(--tap)}}@media (width>=768px){.suggestions{flex-wrap:wrap}}.composer{align-items:flex-end;gap:var(--s-2);border-radius:var(--r-xl);background:var(--surface);border:1px solid var(--line-strong);transition:border-color var(--dur-2);padding:8px 8px 8px 20px;display:flex}.composer:focus-within{border-color:var(--accent)}.composer textarea{resize:none;background:0 0;border:0;outline:none;flex:1;min-width:0;max-height:200px;padding:9px 0;font-size:16px;line-height:1.5}.composer textarea::placeholder{color:var(--text-3)}.composer .btn--primary{border-radius:var(--r-full);width:40px;min-height:40px}@media (pointer:coarse){.composer .btn--primary{width:var(--tap);min-height:var(--tap)}}.drawer{border:1px solid var(--line);background:var(--bg);width:100%;max-width:100%;max-height:85dvh;color:var(--text);border-radius:var(--r-lg) var(--r-lg) 0 0;box-shadow:var(--shadow-2);transition:translate var(--dur-3) var(--ease-out), display var(--dur-3) allow-discrete, overlay var(--dur-3) allow-discrete;margin:0;padding:0;inset:auto 0 0;translate:0 100%}.drawer[open]{translate:0}@starting-style{.drawer[open]{translate:0 100%}}.drawer::backdrop{opacity:0;transition:opacity var(--dur-2), display var(--dur-2) allow-discrete, overlay var(--dur-2) allow-discrete;background:#00000073}.drawer[open]::backdrop{opacity:1}@starting-style{.drawer[open]::backdrop{opacity:0}}@media (width>=1024px){.drawer{border-radius:0;width:360px;height:100dvh;max-height:none;inset:0 0 0 auto;translate:100%}@starting-style{.drawer[open]{translate:100%}}}.drawer__inner{gap:var(--s-3);padding:var(--s-3) var(--s-3) calc(var(--s-5) + var(--safe-b)) var(--s-4);display:grid}.drawer__head{justify-content:space-between;align-items:center;display:flex}.drawer__head h2{font:700 var(--fs-h3) var(--font-display);letter-spacing:-.02em}.drawer__list{margin-top:var(--s-1);gap:2px;display:grid}.drawer__item{align-items:center;gap:var(--s-4);width:100%;min-height:56px;padding:var(--s-2) var(--s-3);border-radius:var(--r-sm);text-align:left;color:var(--text);background:0 0;border:0;display:flex}.drawer__item:hover{background:var(--surface)}.drawer__item svg{color:var(--accent-text);flex:none}.drawer__item strong{font-weight:500;display:block}.drawer__replay{justify-self:start;align-items:center;gap:var(--s-2);min-height:var(--tap);padding:0 var(--s-3);border-radius:var(--r-sm);color:var(--text-2);font-size:var(--fs-sm);background:0 0;border:0;display:inline-flex}.drawer__replay:hover{color:var(--text)}