*,*:before,*:after{box-sizing:border-box;background-repeat:no-repeat}:before,:after{text-decoration:inherit;vertical-align:inherit}:where(:root){-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;text-size-adjust:100%;text-rendering:optimizeLegibility;overflow-wrap:break-word;cursor:default;tab-size:4}ul:is(.grid,.no-bullet),menu{list-style:none;padding:0;margin:0}ul,ol{padding:0;margin-inline-start:1rem;display:flex;flex-direction:column;gap:.5rem}ul:has(input[type=checkbox]){list-style:none;margin:0}ul:has(input[type=checkbox]) ul{margin-left:1.75rem}ul:has(input[type=checkbox]) li{display:grid;grid-template-columns:1.25rem max-content;gap:.5rem;align-items:center}main{display:block}body{display:flex;flex-direction:column;width:100%;min-height:100dvh;margin:0}body>div{display:contents}body>div>header,body>div>main,body>div>footer{padding:max(1.5rem,1.5dvw) max(1.5rem,3dvw);width:100%;margin-inline:auto}body>div>main{--radius: 3rem;padding:0 min(2rem,3dvw);flex:1;width:min(var(--narrow-page),100%);justify-self:center;border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius)}body>div>main:has(+footer){padding-bottom:6rem}body:has(main.full-height){height:100dvh;display:grid;grid-template-rows:min-content 1fr}@media (max-width: 600px){body>div>main{padding:0 1rem}}.grid{--min-width: 15rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--min-width),1fr));gap:1rem}.grow{flex-grow:1}:root{--grey-0: hsl(0, 0%, 100%);--grey-50: hsl(0, 0%, 98%);--grey-100: hsl(0, 0%, 92%);--grey-200: hsl(0, 0%, 80%);--grey-300: hsl(0, 0%, 70%);--grey-400: hsl(0, 0%, 60%);--grey-500: hsl(0, 0%, 50%);--grey-600: hsl(0, 0%, 40%);--grey-700: hsl(0, 0%, 30%);--grey-800: hsl(0, 0%, 20%);--grey-900: hsl(0, 0%, 10%);--grey-950: hsl(0, 0%, 0%);color-scheme:light dark;--purple: #a855f7;--fuchsia: #d946ef;--pink: #ec4899;--violet: #8b5cf6;--blue: #3b82f6;--yellow: #f5a623;--orange: #f35535;--cyan: #06b6d4;--teal: #14b8a6;--red: #f43f5e;--green: #4ac41e}@media (prefers-color-scheme: dark){:root{--grey-0: #000;--grey-50: hsl(0, 0%, 4%);--grey-100: hsl(0, 0%, 8%);--grey-200: hsl(0, 0%, 15%);--grey-300: hsl(0, 0%, 30%);--grey-400: hsl(0, 0%, 40%);--grey-500: hsl(0, 0%, 50%);--grey-600: hsl(0, 0%, 60%);--grey-700: hsl(0, 0%, 70%);--grey-800: hsl(0, 0%, 80%);--grey-900: hsl(0, 0%, 90%);--grey-950: hsl(0, 0%, 100%);--yellow: #ffc710}}html{hanging-punctuation:first last;font-size:clamp(14px,2dvw,18px);font-family:Bricolage Grotesque,sans-serif;font-weight:400;font-style:normal;font-variation-settings:"wdth" 100;font-optical-sizing:auto;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-feature-settings:"liga" 1,"calt" 1,"ss08" 1,"calt" 1,"ss03" 1,"cv01" 1,"cv04" 1}:not(header,nav) h1,:not(header,nav) h2,:not(header,nav) h3,:not(header,nav) h4,:not(header,nav) h5,:not(header,nav) h6{margin-top:0;line-height:1.2;color:var(--grey-800)}:not(header,nav) h1{font-size:3.5rem;line-height:1.1;font-weight:500;letter-spacing:-.03em}:not(header,nav) h2,:not(header,nav) h3{font-size:2rem;line-height:1.05;font-weight:500;letter-spacing:-.0125em}:not(header,nav) h4{font-size:2rem;line-height:1.2;font-weight:500;letter-spacing:.015em}:is(header,nav) h1,:is(header,nav) h2,:is(header,nav) h3,:is(header,nav) h4{font-size:1rem;font-weight:400;letter-spacing:-.02em;padding:0;margin:0;line-height:1.5em;text-wrap:balance;display:flex;align-items:center;gap:.5em}:is(:is(header,nav) h1,:is(header,nav) h2,:is(header,nav) h3,:is(header,nav) h4)>a{color:inherit;font-size:inherit;font-weight:inherit}p,.p{max-width:85ch;line-height:1.4211}.message p{margin-block:.5rem}hr{height:1px;border:0;background-color:var(--grey-100);margin:1.5rem 0}a,[role=link],.link{outline:none;appearance:none;background:transparent;border:none;box-shadow:none;cursor:pointer;padding:0;background-color:transparent;color:var(--grey-700);text-decoration:none;font-size:1rem;font-weight:400;letter-spacing:-.02em;transition:background-color var(--transition),color var(--transition),text-decoration var(--transition),box-shadow var(--transition)}:is(a,[role=link],.link).active{color:var(--grey-950);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.25em}:is(a,[role=link],.link):is([aria-current],:hover,:active,:focus){color:var(--brand);--text-decoration: underline}:is(a,[role=link],.link):focus{background:color-mix(in oklab,var(--brand) 10%,transparent)}:is(a,[role=link],.link).secondary{color:var(--secondary)}:is(a,[role=link],.link).secondary:is([aria-current],:hover,:active,:focus){color:var(--secondary-700)}:is(a,[role=link],.link).secondary:focus{background:var(--secondary-700)}:is(a,[role=link],.link).contrast{color:var(--contrast)}:is(a,[role=link],.link).contrast:is([aria-current],:hover,:active,:focus){color:var(--contrast-700)}:is(a,[role=link],.link).contrast:focus{background:var(--contrast-700)}strong{font-weight:600}form{display:flex;flex-direction:column;align-items:start;gap:1rem}[aria-disabled=true],[disabled]{pointer-events:none;opacity:.4}label,.label{word-wrap:break-word;color:inherit;opacity:.3}:is(label,.label):has(input,select,textarea){display:grid;gap:.25rem}:is(label,.label):has(input[type=checkbox],input[type=radio]){display:flex;align-items:center;gap:.5rem}input[type=search],input[type=password],input[type=email],input[type=text],input[type=number],input[type=url],input[type=tel],input[type=date],input[type=datetime-local],input::file-selector-button,select,textarea{height:2rem;padding:0 1.5rem;align-items:center;gap:.5rem;align-self:stretch;box-sizing:border-box;background-color:transparent;font:inherit;font-size:1rem;font-weight:400;letter-spacing:-.02em;font-style:normal;line-height:1.25rem;border-radius:2rem;border:1.5px solid var(--grey-200);color:inherit}:is(input[type=search],input[type=password],input[type=email],input[type=text],input[type=number],input[type=url],input[type=tel],input[type=date],input[type=datetime-local],select,textarea).big{font-size:min(1.25rem,3dvw);min-height:min(4rem,8dvh)}:is(input[type=search],input[type=password],input[type=email],input[type=text],input[type=number],input[type=url],input[type=tel],input[type=date],input[type=datetime-local],select,textarea):focus{border:1.5px solid color-mix(in oklab,var(--brand) 50%,transparent);outline:.5px solid color-mix(in oklab,var(--brand) 50%,transparent)}:is(input[type=search],input[type=password],input[type=email],input[type=text],input[type=number],input[type=url],input[type=tel],input[type=date],input[type=datetime-local],select,textarea).color{color:color-mix(in oklab,var(--color) 100%,var(--grey-0) 0%);border:solid 1.5px color-mix(in oklab,var(--color) 10%,var(--grey-0) 90%)}:is(input[type=search],input[type=password],input[type=email],input[type=text],input[type=number],input[type=url],input[type=tel],input[type=date],input[type=datetime-local],select,textarea).small{height:24px;border-radius:8px;padding:2px .375rem}:is(input[type=search],input[type=password],input[type=email],input[type=text],input[type=number],input[type=url],input[type=tel],input[type=date],input[type=datetime-local],select,textarea)::placeholder{font-weight:400;letter-spacing:.01em;color:var(--grey-300)}:is(input[type=search],input[type=password],input[type=email],input[type=text],input[type=number],input[type=url],input[type=tel],input[type=date],input[type=datetime-local],select,textarea):user-invalid{border:1.5px solid var(--red)}textarea{height:unset;font-size:min(1.25rem,4dvw);line-height:1.25em;min-height:min(3rem,6dvh);max-height:50dvh;width:100%;padding:1rem 1.5rem;border-radius:1rem;resize:vertical;font-family:inherit;field-sizing:content}input[type=file]{display:grid;grid-template-columns:1fr;line-height:1.25rem;word-wrap:break-word;color:var(--grey-700)}input.small::file-selector-button{height:24px;border-radius:8px;padding:2px .375rem}input[type=search]{background-size:1rem 1rem;background-position:.75rem center;background-repeat:no-repeat;padding-left:2rem;font-size:1rem;font-weight:400;letter-spacing:-.01em;line-height:2.5rem;max-width:100%}input[type=checkbox]:not([switch]),input[type=radio],input[type=range]{accent-color:color-mix(in oklab,var(--brand) 50%,transparent);width:1.25rem;height:1.25rem;margin:0}input[type=checkbox]:not([switch]){margin:0;border-radius:6px;width:1.25rem;height:1.25rem;cursor:pointer;background-color:var(--grey-0);background:var(--grey-0);box-shadow:var(--shadow-1)}input[type=checkbox]:not([switch]):checked{background-size:16px 16px;background-position:2px 2px;background-repeat:no-repeat}input[type=checkbox][switch]{accent-color:color-mix(in oklab,var(--brand) 50%,transparent)}input[type=radio].color{appearance:none;background-color:var(--color);width:1.25rem;aspect-ratio:1;accent-color:var(--color);border-radius:50%;cursor:pointer;border:3px solid #fff}input[type=radio].color:checked{outline:1.5px solid var(--color)}legend{display:inline;box-sizing:border-box;display:table;float:left;margin:0;padding:0}fieldset{display:grid;border:solid 1.5px var(--grey-100);padding:0;margin:0;min-width:0;border-radius:0}fieldset>legend{height:min-content;padding:.5em .75em;border-bottom:solid 1.5px var(--grey-100);width:100%}fieldset>*{padding:.75rem}.form-group{display:grid;grid-template-columns:1fr;gap:.25rem}.span-all{grid-column:1 / -1}:is(button:not(.link),[role=button],input[type=submit],.button,label,.label){align-items:center;color:var(--grey-700);background-color:transparent;font-size:1rem;font-weight:400;font-family:inherit;letter-spacing:-.02em;appearance:none;background:transparent;border:none;box-shadow:none;cursor:pointer;display:inline-grid;gap:.5rem;text-decoration:none;white-space:nowrap;text-overflow:ellipsis;outline-color:color-mix(in oklab,var(--brand) 90%,transparent)}:is(button:not(.link),[role=button],input[type=submit],.button,label,.label):not(label,.label){min-height:2rem;font-size:1rem;padding-inline:1.5rem;border-radius:1rem;overflow:hidden}:is(button:not(.link),[role=button],input[type=submit],.button,label,.label):not(label,.label).big{font-size:min(1.5rem,5dvw);min-height:min(4rem,8dvh);border-radius:2rem}:is(button:not(.link),[role=button],input[type=submit],.button,label,.label).medium{padding:6px .75rem}:is(button:not(.link),[role=button],input[type=submit],.button,label,.label).small{padding:5px 8px;font-size:.75rem;height:1.75rem}:is(button:not(.link),[role=button],input[type=submit],.button,label,.label)[aria-disabled=true],:is(button:not(.link),[role=button],input[type=submit],.button,label,.label)[disabled]{color:var(--grey-500);box-shadow:none}:is(:is(button:not(.link),[role=button],input[type=submit],.button,label,.label)[aria-disabled=true],:is(button:not(.link),[role=button],input[type=submit],.button,label,.label)[disabled])>svg>path{fill:var(--grey-500)}:is(button:not(.link),[role=button],input[type=submit],.button,label,.label):is([aria-disabled=true],[disabled]):not(.tertiary){border:1px solid var(--grey-100)}:is(button:not(.link),[role=button],input[type=submit],.button,label,.label).primary{background:var(--brand);color:var(--brand-contrast)}:is(button:not(.link),[role=button],input[type=submit],.button,label,.label).primary:is(:hover,.active){background:color-mix(in oklab,var(--brand) 90%,transparent);color:var(--brand-contrast)}:is(button:not(.link),[role=button],input[type=submit],.button,label,.label).primary:is([aria-disabled=true],[disabled]){background:var(--brand)}:is(button:not(.link),[role=button],input[type=submit],.button,label,.label).primary>svg>path{fill:var(--grey-0)}:is(button:not(.link),[role=button],input[type=submit],.button,label,.label).secondary{color:var(--grey-700);background:var(--grey-0);transition:all .1s ease}:is(button:not(.link),[role=button],input[type=submit],.button,label,.label).secondary:is(:hover,.active){background:var(--grey-0)}:is(button:not(.link),[role=button],input[type=submit],.button,label,.label).tertiary{color:var(--grey-700);background:var(--grey-50)}:is(button:not(.link),[role=button],input[type=submit],.button,label,.label).contrast{color:var(--grey-0);background:var(--grey-900)}:is(button:not(.link),[role=button],input[type=submit],.button,label,.label).contrast:is(:hover,.active){color:var(--grey-0);background:var(--grey-700)!important}:is(button:not(.link),[role=button],input[type=submit],.button,label,.label).danger{color:var(--red)}:is(button:not(.link),[role=button],input[type=submit],.button,label,.label).icon{aspect-ratio:1;justify-content:center;border-radius:50%;padding:unset}:is(button:not(.link),[role=button],input[type=submit],.button,label,.label).active{color:var(--brand);background-color:color-mix(in oklab,var(--brand) 5%,transparent)}:is(button:not(.link),[role=button],input[type=submit],.button,label,.label).active:is(:hover,:focus){background-color:color-mix(in oklab,var(--brand) 10%,transparent)}:is(button:not(.link),[role=button],input[type=submit],.button,label,.label).active:is(:hover,:focus):focus{border:solid 1px var(--brand)}.pill{border:solid 1px currentColor;border-radius:9999px;padding:.125rem .33rem;font-size:.75rem}#messages{display:flex;flex-flow:column wrap;align-items:start;gap:1rem;list-style:none;scroll-behavior:smooth;scroll-snap-type:y mandatory;padding:0;margin:0}#messages .message{max-width:min(60ch,85%);font-size:1.2em;scroll-snap-align:start;scroll-snap-stop:always;letter-spacing:-.02em;text-wrap:pretty}#messages .message.assistant{align-self:start}#messages .message.user{align-self:end;color:var(--grey-600)}menu.modelpicker{display:grid;grid-template-columns:1fr;font-size:min(1.05em,3.5vw);gap:.5rem}menu.modelpicker li{display:contents}@media (min-width: 350px){menu.modelpicker{grid-template-columns:repeat(2,1fr)}}@media (min-width: 700px){menu.modelpicker{grid-template-columns:repeat(4,1fr)}}:root{--brand: #ff66c8;--brand-contrast: #fff;--narrow-page: 80ch;--background-color: var(--grey-0);--yellow: #ffd600;--pink: #ff66c8;--blue: #33caff;background-color:var(--background-color);color:var(--grey-800);color-scheme:light dark}:root:has(main#leaderboard){--background-color: var(--yellow)}:is(:root:has(main#leaderboard) header,:root:has(main#leaderboard) main) *{color:#000}:root:has(main#pricing){--background-color: var(--pink)}:is(:root:has(main#pricing) header,:root:has(main#pricing) main) *{color:#fff}:root:has(main#chat) header{position:sticky;top:0;background-color:var(--grey-0)}@media (width < 600px){:root:has(main#chat) header:has(a[href="/play"]){display:none}}html{overscroll-behavior-y:none}body>div>main h1.hero{font-weight:800;letter-spacing:-.02em;font-size:5rem;margin-block:4rem;text-align:center}body>div>main h2.hero{font-weight:700;letter-spacing:-.02em;font-size:3rem;margin-block:2rem;text-align:center}pre{white-space:pre-wrap}article[role=document]{max-width:var(--narrow-page);margin-inline:auto;padding-block:2rem}article[role=document] img{max-width:100%;height:auto}.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%}img[src$="amazon.svg"],img[src$="google.svg"],img[src$="meta.svg"],img[src$="mistral.svg"],img[src$="moonshotai.svg"],img[src$="morph.svg"],img[src$="vercel.svg"],img[src$="voyage.svg"],img[src$="zai.svg"]{object-fit:contain;padding:20%;aspect-ratio:1;background-color:#fff}img[src$="alibaba.svg"],img[src$="cohere.svg"]{object-fit:contain;padding:10%;aspect-ratio:1}img[src$="vercel.svg"]{background-color:unset}@media (prefers-color-scheme: dark){img[src$="vercel.svg"]{filter:invert(1)}}footer.svelte-jz8lnl{--icon-size: 1.75rem;--background-color: color-mix(in oklab, var(--grey-100) 75%, var(--grey-0));align-items:start;justify-content:space-evenly;gap:1rem;position:relative;background-color:var(--background-color)}footer.svelte-jz8lnl>div.grid:where(.svelte-jz8lnl){display:grid;grid-template-columns:1fr 1fr;margin:0 auto;width:100%;max-width:var(--narrow-page);justify-self:center}footer.svelte-jz8lnl>div.grid:where(.svelte-jz8lnl)>div:where(.svelte-jz8lnl)>:where(.svelte-jz8lnl){display:grid;align-items:center;height:2rem;font-size:.85rem}footer.svelte-jz8lnl a:where(.svelte-jz8lnl):has(img:where(.svelte-jz8lnl)){display:grid;grid-template-columns:var(--icon-size) 1fr;gap:.25rem;align-items:center;font-size:1em}footer.svelte-jz8lnl a:where(.svelte-jz8lnl):has(img:where(.svelte-jz8lnl)) img:where(.svelte-jz8lnl){width:100%;aspect-ratio:1;object-fit:contain;justify-self:center}footer.svelte-jz8lnl a:where(.svelte-jz8lnl):has(img:where(.svelte-jz8lnl))[href*=github] img:where(.svelte-jz8lnl){scale:.8}footer.svelte-jz8lnl a:where(.svelte-jz8lnl):has(img:where(.svelte-jz8lnl))[href*=firecrawl] img:where(.svelte-jz8lnl){height:1.5rem;scale:.8}@media (prefers-color-scheme: dark){footer.svelte-jz8lnl a:where(.svelte-jz8lnl):has(img:where(.svelte-jz8lnl)):is([href*=better-auth]:where(.svelte-jz8lnl),[href*=github]:where(.svelte-jz8lnl),[href*=openai]:where(.svelte-jz8lnl),[href*=resend]:where(.svelte-jz8lnl)) img:where(.svelte-jz8lnl){filter:invert(1)}}footer.svelte-jz8lnl:before,footer.svelte-jz8lnl:after{--radius: 3rem;content:"";position:absolute;left:0;right:0;bottom:100%;width:100%;height:var(--radius);background-color:var(--background-color);z-index:-1}footer.svelte-jz8lnl:after{border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius);background-color:var(--grey-0)}.copyright.svelte-jz8lnl{margin-top:auto}#message.svelte-12qhfyh{display:grid;grid-template-columns:1fr auto;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem 2rem;background-color:var(--grey-900);color:var(--grey-0)}#message.svelte-12qhfyh button:where(.svelte-12qhfyh){color:var(--grey-0)}header.svelte-12qhfyh{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}header.svelte-12qhfyh a[href="/"]:where(.svelte-12qhfyh){font-weight:900;font-size:1.25rem}header.svelte-12qhfyh a[href="/"]:where(.svelte-12qhfyh):hover{color:var(--blue)}header.svelte-12qhfyh a[href="/leaderboard"]:where(.svelte-12qhfyh):hover{color:var(--yellow)}header.svelte-12qhfyh a[href="/pricing"]:where(.svelte-12qhfyh):hover{color:var(--pink)}header.svelte-12qhfyh nav:where(.svelte-12qhfyh){display:grid;align-items:center;gap:.5rem 1rem}header.svelte-12qhfyh nav:where(.svelte-12qhfyh):last-child{justify-self:end;grid-template-columns:auto 1fr;justify-items:end}header.svelte-12qhfyh nav:where(.svelte-12qhfyh):last-child button:where(.svelte-12qhfyh):has(img:where(.svelte-12qhfyh)){grid-row:1 / span 2;grid-column:2}@media (min-width: 600px){header.svelte-12qhfyh nav:where(.svelte-12qhfyh){display:flex;align-items:center;gap:.5rem}}header.svelte-12qhfyh .auth:where(.svelte-12qhfyh){display:flex;align-items:center;gap:.25rem}header.svelte-12qhfyh .auth:where(.svelte-12qhfyh) img:where(.svelte-12qhfyh){width:1.5rem;height:1.5rem;object-fit:cover;border-radius:50%}#play.svelte-12qhfyh{display:grid;place-items:center;transition:all .1s ease}#play.svelte-12qhfyh:hover{scale:1.05}#user-menu-button.svelte-12qhfyh{anchor-name:--user-menu-button}menu#user-menu.svelte-12qhfyh{position:absolute;position-anchor:--user-menu-button;position-area:bottom span-left;margin:0;inset:auto;padding:1rem;border:none;margin-top:.5rem;background-color:var(--grey-50);animation:svelte-12qhfyh-slide-in .1s ease-out}menu#user-menu.svelte-12qhfyh:popover-open{display:grid;gap:.5rem}@keyframes svelte-12qhfyh-slide-in{0%{transform:translateY(-50%);opacity:0}to{transform:translateY(0);opacity:1}}