:root{--paper: #f3f2ee;--ink: #161613;--accent: #e5532d;--mute: rgba(22, 22, 19, .6);--line: rgba(22, 22, 19, .14);--ease: cubic-bezier(.16, 1, .3, 1)}@media (prefers-color-scheme: dark){:root{--paper: #121210;--ink: #ecebe6;--accent: #ff6a3d;--mute: rgba(236, 235, 230, .6);--line: rgba(236, 235, 230, .14)}}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--paper)}body{min-width:320px;padding:72px 24px 64px;color:var(--ink);font-family:Geist Mono,ui-monospace,SFMono-Regular,monospace;font-size:14px;line-height:24px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:var(--accent);color:var(--paper)}a{color:inherit;text-decoration:none;transition:color .15s ease}a:hover{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}main{max-width:672px;margin:0 auto;animation:appear .7s var(--ease) both}header{display:flex;align-items:center;justify-content:space-between}.mark{display:flex;align-items:flex-end;gap:3px}.mark b{font-size:20px;line-height:18px;font-weight:600;letter-spacing:-.05em}.mark i{width:8px;height:16px;background:var(--accent);animation:blink 1.1s steps(1) infinite}nav{display:flex;gap:24px;font-size:13px;line-height:18px;color:var(--mute)}nav a:last-child{color:var(--ink)}nav a:hover{color:var(--accent)}.hero{padding-top:144px}h1{font-size:28px;line-height:36px;font-weight:400;letter-spacing:-.03em;text-wrap:balance}h1 strong{font-weight:400;color:var(--accent)}.sub{padding-top:16px;color:var(--mute);text-wrap:pretty}.prompt{margin-top:40px;padding-left:16px;border-left:2px solid var(--accent);overflow-wrap:anywhere}.prompt span{color:var(--mute)}.prompt code{font:inherit}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px 24px;padding-top:24px;font-size:13px;line-height:16px}.actions span{color:var(--mute)}.button{padding:12px 18px;background:var(--ink);color:var(--paper);font-weight:600;transition:background .15s ease}.button:hover{background:var(--accent);color:var(--paper)}.linkbtn{padding:0;border:0;background:none;color:var(--ink);font:inherit;cursor:pointer;transition:color .15s ease}.linkbtn:hover{color:var(--accent)}section{padding-top:96px}section:first-of-type{padding-top:120px}h2{padding-bottom:16px;font-size:14px;font-weight:600}.row{display:grid;border-top:1px solid var(--line);overflow-wrap:anywhere}.steps .row{grid-template-columns:40px 88px 1fr;padding:14px 0;line-height:22px}.steps .row span:first-child,.steps .row span:last-child{color:var(--mute)}.steps .row span:nth-child(2){font-weight:600}h2 em{padding-left:8px;font-style:normal;font-weight:400;font-size:13px;color:var(--accent)}.lede{padding-bottom:16px;color:var(--mute);text-wrap:pretty}kbd{padding:0 5px;border:1px solid var(--line);font:inherit;font-size:13px;color:var(--ink);white-space:nowrap}.sample{margin:8px 0 16px;padding:12px 16px;border-left:2px solid var(--accent);background:var(--line);font:inherit;font-size:13px;line-height:22px;overflow-x:auto}.table{overflow-x:auto}.models{min-width:600px}.models .row{grid-template-columns:176px 128px 96px 96px 1fr;padding:10px 0;line-height:22px}.models .row span:first-child{font-weight:600}.models .head{font-size:13px;color:var(--mute)}.models em{font-style:normal;font-size:13px;text-align:right;color:var(--accent)}.note{padding-top:14px;border-top:1px solid var(--line);font-size:13px;line-height:20px;color:var(--mute)}.list .row{grid-template-columns:128px 1fr;padding:10px 0;line-height:22px}.list .row span:first-child{font-weight:600}.list .row span:last-child{color:var(--mute)}.list .row a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:4px}.list .row a:hover{color:var(--accent);text-decoration-color:currentColor}footer{display:flex;justify-content:space-between;margin-top:120px;padding-top:16px;border-top:1px solid var(--line);font-size:12px;line-height:16px;color:var(--mute)}footer nav{gap:20px;font-size:12px;line-height:16px}footer nav a:last-child{color:var(--mute)}@keyframes appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes blink{50%{opacity:0}}@media (max-width: 560px){body{padding-top:40px}.hero{padding-top:96px}h1{font-size:24px;line-height:32px}header nav{gap:16px}header nav a[href="#how"],header nav a[href="#models"]{display:none}.steps .row{grid-template-columns:32px 1fr}.steps .row span:last-child{grid-column:2}.list .row{grid-template-columns:1fr;gap:2px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}}
