@font-face{font-family:Schibsted Grotesk;font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/SchibstedGrotesk-Variable.woff2)format("woff2")}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/GeistMono-Variable.woff2)format("woff2")}:root,[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--violet-bg:#5b2df0;--violet-fg:#fff;--violet-fg2:#e6e0ff;--violet-line:#ffffff61;--violet-btn-fg:#4c1fe0;--paper-bg:#f2f0ea;--paper-fg:#121016;--paper-fg2:#4b4854;--paper-line:#12101633;--paper-accent:#5226e3;--paper-edge:#12101629;--ink-bg:#121016;--ink-fg:#f2f0ea;--ink-fg2:#aca8b6;--ink-line:#f2f0ea33;--ink-accent:#b9a6ff;--ink-edge:#f2f0ea00;--red:#d3221a;--code-bg:#121016;--code-fg:#f2f0ea;--bg-0:#f2f0ea;--bg-1:#ebe8e1;--bg-2:#e4e1d9;--bg-3:#d9d5cc;--fg-0:#121016;--fg-1:#2b2832;--fg-2:#4b4854;--fg-3:#5f5b68;--fg-4:#8c8895;--line-0:#dcd8cf;--line-1:#c9c5bb;--accent:#5226e3;--accent-2:#4318d4;--accent-3:#3a12bd;--accent-soft:#5b2df014;--accent-ring:#5b2df047;--level-ok:oklch(52% .14 152);--level-fatal:oklch(55% .22 22);--level-error:oklch(55% .18 18);--level-warn:oklch(65% .18 78);--level-info:var(--accent);--level-db:oklch(52% .14 152);--level-http:oklch(55% .15 235);--level-task:oklch(65% .18 78);--level-tpl:oklch(55% .18 295);--shadow-product:none;--shadow-soft:none;--bg-glow:none;--nav-bg:var(--paper-bg)}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--violet-bg:#4e23dc;--violet-fg:#fff;--violet-fg2:#ddd5ff;--violet-line:#ffffff57;--violet-btn-fg:#4318d4;--paper-bg:#0e0d12;--paper-fg:#efece5;--paper-fg2:#a7a3b0;--paper-line:#efece529;--paper-accent:#b6a2ff;--paper-edge:#efece524;--ink-bg:#221f2b;--ink-fg:#efece5;--ink-fg2:#aaa6b3;--ink-line:#efece529;--ink-accent:#b6a2ff;--ink-edge:#efece524;--red:#ff5a4f;--code-bg:#000;--code-fg:#efece5;--bg-0:#0e0d12;--bg-1:#15141a;--bg-2:#1c1a22;--bg-3:#25232c;--fg-0:#efece5;--fg-1:#d8d5ce;--fg-2:#a7a3b0;--fg-3:#8d8996;--fg-4:#5f5b68;--line-0:#26242d;--line-1:#36333e;--accent:#b6a2ff;--accent-2:#c9baff;--accent-3:#9d85ff;--accent-soft:#b6a2ff1a;--accent-ring:#b6a2ff4d;--level-ok:oklch(72% .13 152);--level-fatal:oklch(66% .22 22);--level-error:oklch(62% .18 18);--level-warn:oklch(80% .16 78);--level-db:oklch(72% .13 152);--level-http:oklch(72% .13 235);--level-task:oklch(80% .16 78);--level-tpl:oklch(72% .14 295)}body,.f-paper{--bg:var(--paper-bg);--fg:var(--paper-fg);--fg-2:var(--paper-fg2);--line:var(--paper-line);--accent:var(--paper-accent);--btn-bg:var(--violet-bg);--btn-fg:#fff;--btn-hover-bg:var(--paper-fg);--btn-hover-fg:var(--paper-bg);--focus:var(--paper-accent);--sel-bg:var(--violet-bg);--sel-fg:#fff;--edge:var(--paper-edge);background:var(--bg);color:var(--fg)}.f-violet{--bg:var(--violet-bg);--fg:var(--violet-fg);--fg-2:var(--violet-fg2);--line:var(--violet-line);--accent:var(--violet-fg);--btn-bg:#fff;--btn-fg:var(--violet-btn-fg);--btn-hover-bg:#121016;--btn-hover-fg:#fff;--focus:#fff;--sel-bg:#121016;--sel-fg:#fff;--edge:#12101600;background:var(--bg);color:var(--fg)}.f-ink{--bg:var(--ink-bg);--fg:var(--ink-fg);--fg-2:var(--ink-fg2);--line:var(--ink-line);--accent:var(--ink-accent);--btn-bg:var(--violet-bg);--btn-fg:#fff;--btn-hover-bg:var(--ink-fg);--btn-hover-fg:var(--ink-bg);--focus:var(--ink-accent);--sel-bg:var(--violet-bg);--sel-fg:#fff;--edge:var(--ink-edge);background:var(--bg);color:var(--fg)}.f-paper,.f-violet,.f-ink{--bg-0:var(--bg);--fg-0:var(--fg);--fg-1:var(--fg);--fg-3:var(--fg-2);--line-0:var(--line);--line-1:var(--line)}:root{--cols:12;--col-gap:clamp(16px, 1.7vw, 24px);--gutter:clamp(20px, 4.4vw, 64px);--max-w:1440px;--nav-h:64px;--bleed:clamp(96px, 20vw, 300px);--expo:cubic-bezier(.16, 1, .3, 1);--font:"Schibsted Grotesk", ui-sans-serif, system-ui, sans-serif;--mono:"Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--font-sans:var(--font);--font-mono:var(--mono)}@media (width<=1023px){:root{--cols:6}}@media (width<=639px){:root{--cols:4}}.wrap{width:100%;max-width:var(--max-w);padding-inline:var(--gutter);margin-inline:auto}.g{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));column-gap:var(--col-gap);display:grid}.g>*{grid-column:1/-1;min-width:0}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;background:var(--ink-bg);font-size:100%}body{font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-optical-sizing:auto;margin:0;font-size:1.0625rem;font-weight:400;line-height:1.55;overflow-x:clip}@layer site-reset{img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}}code,kbd,.mono{font-family:var(--mono)}b,strong{font-weight:700}::selection{background:var(--sel-bg,var(--violet-bg));color:var(--sel-fg,#fff)}:focus-visible{outline:2px solid var(--focus,var(--accent));outline-offset:3px}::-webkit-scrollbar{width:12px;height:10px}::-webkit-scrollbar-track{background:var(--bg,var(--paper-bg))}::-webkit-scrollbar-thumb{background:var(--violet-bg);border:3px solid var(--bg,var(--paper-bg))}::-webkit-scrollbar-corner{background:var(--bg,var(--paper-bg))}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip{z-index:60;color:#fff;background:#121016;padding:10px 16px;font-weight:700;position:absolute;top:-60px;left:12px}.skip:focus{top:12px}[data-theme=light] .screenshot-dark,[data-theme=dark] .screenshot-light{display:none!important}.h-big{letter-spacing:-.035em;text-wrap:balance;font-size:clamp(2.375rem,5.4vw,5.25rem);font-weight:800;line-height:.94}.h-med{letter-spacing:-.03em;text-wrap:balance;font-size:clamp(1.75rem,2.6vw,2.5rem);font-weight:800;line-height:1}.h-small{letter-spacing:-.025em;font-size:clamp(1.5rem,2.2vw,2rem);font-weight:800;line-height:1.05}.link{color:var(--accent);text-underline-offset:.24em;font-weight:650;text-decoration:underline;text-decoration-thickness:1.5px;transition:text-decoration-thickness .2s,text-underline-offset .2s}.link:hover{text-underline-offset:.18em;text-decoration-thickness:3px}.btn{letter-spacing:-.005em;white-space:nowrap;cursor:pointer;min-height:52px;transition:background-color .22s var(--expo), color .22s var(--expo), box-shadow .22s var(--expo);border:0;border-radius:0;justify-content:center;align-items:center;gap:.6em;padding:0 24px;font-size:1rem;font-weight:750;line-height:1.2;text-decoration:none;display:inline-flex}.btn-sm{min-height:44px;padding:0 16px;font-size:.9375rem}.btn-solid,.btn-primary{background:var(--btn-bg);color:var(--btn-fg)}.btn-solid:hover,.btn-primary:hover{background:var(--btn-hover-bg);color:var(--btn-hover-fg)}.btn-line,.btn-ghost{color:var(--fg);background:0 0;box-shadow:inset 0 0 0 1.5px}.btn-line:hover,.btn-ghost:hover{background:var(--fg);color:var(--bg);box-shadow:inset 0 0 0 1.5px var(--fg)}.btn-accent{color:var(--accent);background:0 0;box-shadow:inset 0 0 0 1.5px}.btn-accent:hover{background:var(--accent);color:var(--bg)}.i-arrow{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:square;width:18px;height:18px;transition:transform .3s var(--expo)}.btn:hover .i-arrow{transform:translate(4px)}.chip{max-width:100%;box-shadow:inset 0 0 0 1.5px var(--line);align-items:stretch;display:inline-flex}.chip code{white-space:nowrap;align-items:center;gap:.6em;min-width:0;min-height:52px;padding:0 16px;font-size:.9375rem;display:flex;overflow-x:auto}@media (width<=639px){.chip code{white-space:normal;overflow-wrap:break-word;padding-block:14px;font-size:.8125rem;line-height:1.45;display:block}}.prompt{color:var(--fg-2);-webkit-user-select:none;user-select:none}.copy{border-left:1px solid var(--line);min-height:44px;color:var(--fg);flex-shrink:0;align-items:center;gap:8px;padding:0 16px;font-size:.8125rem;font-weight:700;transition:background-color .2s,color .2s;display:inline-flex}.copy svg{fill:none;stroke:currentColor;stroke-width:1.6px;width:16px;height:16px}.copy:hover,.copy.is-done{background:var(--fg);color:var(--bg)}.copy:focus-visible{outline-offset:-4px}.site-nav{z-index:30;border-bottom:1px solid var(--line);position:sticky;top:0}.site-nav--home{border-bottom:0;position:relative}.site-nav-row{min-height:var(--nav-h);align-items:center;gap:clamp(16px,2.4vw,36px);display:flex}.site-nav--home .site-nav-row{min-height:84px}.site-brand{flex-shrink:0;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.site-brand-mark{flex-shrink:0;width:32px;height:32px}.site-brand-word{letter-spacing:-.035em;font-size:1.4rem;font-weight:800;line-height:1}.site-nav-links{gap:clamp(18px,2vw,30px);margin-left:clamp(8px,2vw,32px);display:flex}.site-nav-links a,.site-nav-text{text-underline-offset:7px;font-size:.9375rem;font-weight:650;text-decoration:none;text-decoration-thickness:2px}.site-nav-links a:hover,.site-nav-text:hover,.site-nav-links a[aria-current=page]{text-decoration-line:underline}.site-nav-actions{align-items:center;gap:16px;margin-left:auto;display:flex}.site-icon-btn{width:44px;height:44px;box-shadow:inset 0 0 0 1.5px var(--line);flex-shrink:0;place-items:center;transition:background-color .2s,color .2s;display:inline-grid}.site-icon-btn:hover{background:var(--fg);color:var(--bg)}.site-icon-btn svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:square;width:18px;height:18px}[data-theme=light] .site-theme-toggle .i-sun,[data-theme=dark] .site-theme-toggle .i-moon,.site-menu-btn{display:none}.site-nav-user{position:relative}.site-nav-user-btn{min-height:44px;box-shadow:inset 0 0 0 1.5px var(--line);align-items:center;gap:10px;padding:0 12px 0 4px;font-size:.9375rem;font-weight:650;transition:background-color .2s,color .2s;display:inline-flex}.site-nav-user-btn:hover,.site-nav-user-btn[aria-expanded=true]{background:var(--fg);color:var(--bg)}.site-nav-user-btn svg{fill:none;stroke:currentColor;stroke-width:1.6px;width:12px;height:12px}.site-nav-user-avatar{background:var(--btn-bg);width:32px;height:32px;color:var(--btn-fg);font:600 .75rem/1 var(--mono);place-items:center;display:inline-grid}.site-nav-user-name{text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}.site-nav-user-menu{z-index:50;min-width:240px;box-shadow:inset 0 0 0 1px var(--line);padding:6px 0;position:absolute;top:calc(100% + 8px);right:0}.site-nav-user-menu[hidden]{display:none}.site-nav-user-menu-head{border-bottom:1px solid var(--line);padding:10px 16px 12px}.site-nav-user-menu-name{font-size:.9375rem;font-weight:700}.site-nav-user-menu-email{color:var(--fg-2);text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;overflow:hidden}.site-nav-user-menu a,.site-nav-user-menu button{text-align:left;align-items:center;width:100%;min-height:44px;padding:0 16px;font-size:.9375rem;font-weight:600;transition:background-color .15s,color .15s;display:flex}.site-nav-user-menu a:hover,.site-nav-user-menu button:hover{background:var(--fg);color:var(--bg)}.site-nav-user-menu a:focus-visible,.site-nav-user-menu button:focus-visible{outline-offset:-3px}.site-nav-user-menu form{border-top:1px solid var(--line);margin:0}.site-nav-panel{border-top:1px solid var(--line);padding:8px 0 28px}.site-nav-panel[hidden]{display:none}.site-nav-panel nav{display:grid}.site-nav-panel a:not(.btn){letter-spacing:-.02em;border-bottom:1px solid var(--line);padding:14px 0;font-size:1.5rem;font-weight:750;text-decoration:none}.site-nav-panel-actions{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.site-nav-panel-actions>*{flex:200px}.site-nav-panel-actions form{margin:0;display:flex}.site-nav-panel-actions form .btn{flex:1}@media (width<=1023px){.site-nav-links,.site-nav-hide-md{display:none!important}.site-menu-btn{display:inline-grid}}@media (width<=519px){.site-nav-hide-sm{display:none!important}.site-nav-actions{gap:10px}}.poster{position:relative}[data-reveal]{clip-path:inset(-.3em -1em -.35em);transition:transform 1.25s var(--expo) calc(var(--i,0) * 90ms), clip-path 1.25s var(--expo) calc(var(--i,0) * 90ms)}[data-reveal=slide].is-pre{clip-path:inset(-.3em -1em -.35em 1em);transition:none;transform:translate(-1em)}[data-reveal=rise].is-pre{clip-path:inset(-.3em -1em .42em);transition:none;transform:translateY(.42em)}.site-footer{padding:clamp(80px,9vw,128px) 0 40px;overflow:hidden}.site-foot-brand{align-content:start;gap:16px;display:grid}.site-foot-brand p{color:var(--fg-2);max-width:36ch;font-size:.9375rem;line-height:1.5}.site-foot-col{grid-column:span 2;align-content:start;gap:8px;margin-top:40px;display:grid}.site-foot-col h2{letter-spacing:0;color:var(--fg-2);margin:0 0 6px;font-size:.8125rem;font-weight:650;line-height:1.4}.site-foot-col a{text-underline-offset:.22em;width:fit-content;font-size:.9875rem;font-weight:600;text-decoration:none}.site-foot-col a:hover{text-decoration:underline}.site-foot-word{letter-spacing:-.04em;color:var(--violet-bg);white-space:nowrap;-webkit-user-select:none;user-select:none;margin-top:clamp(56px,8vw,120px);font-size:min(24vw,21.5rem);font-weight:800;line-height:.74}.site-foot-legal{border-top:1px solid var(--line);gap:6px;margin-top:40px;padding-top:18px;font-size:.8125rem;line-height:1.5;display:grid}.site-foot-legal p{color:var(--fg-2)}.site-foot-end{flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:20px;display:flex}.site-foot-built{color:var(--fg-2);align-items:center;gap:8px;font-size:.8125rem;transition:color .15s;display:inline-flex}.site-foot-built:hover{color:var(--fg)}.site-foot-built img{filter:brightness(0)invert();opacity:.7;width:auto;height:18px;transition:opacity .15s}.site-foot-built:hover img{opacity:1}kbd{place-items:center;min-width:22px;height:22px;font-size:.75rem;display:inline-grid;box-shadow:inset 0 0 0 1px}@media (width>=640px){.site-foot-brand{grid-column:1/span 6}}@media (width>=1024px){.site-foot-brand{grid-column:1/span 5}.site-foot-col{margin-top:0}.site-foot-col:first-of-type{grid-column:7/span 2}.site-foot-col:nth-of-type(2){grid-column:9/span 2}.site-foot-col:nth-of-type(3){grid-column:11/span 2}.site-foot-legal{grid-column:1/span 9}.site-foot-end{flex-direction:column;grid-column:10/span 3;justify-content:flex-end;align-self:end;align-items:flex-end}}@media (width<=1023px){.site-foot-col:first-of-type{grid-column:1/span 2}}.screenshot-link{cursor:zoom-in;display:block;position:relative}.screenshot-link:focus-visible{outline:2px solid var(--focus,var(--accent));outline-offset:4px}.screenshot-link:not(.shot-text-link):after{content:"";opacity:0;width:40px;height:40px;transition:opacity .25s var(--expo);pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='square'%3E%3Cpath d='M12 4h4v4M8 16H4v-4M16 4l-5 5M4 16l5-5'/%3E%3C/svg%3E") 50%/18px no-repeat,#121016;position:absolute;bottom:10px;right:10px}.screenshot-link:hover:after,.screenshot-link:focus-visible:after{opacity:1}@media (hover:none){.screenshot-link:not(.shot-text-link):after{opacity:1}}.screenshot-lightbox-open{overflow:hidden}.screenshot-lightbox{width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--ink-fg);background:0 0;border:0;margin:0;padding:clamp(12px,3vw,40px)}.screenshot-lightbox[open]{justify-content:center;align-items:center;display:flex}.screenshot-lightbox::backdrop{background:#121016e6}.screenshot-lightbox__panel{background:var(--ink-bg);max-width:100%;min-height:0;max-height:100%;box-shadow:inset 0 0 0 1px var(--ink-line);--fg:var(--ink-fg);--bg:var(--ink-bg);--fg-2:var(--ink-fg2);--line:var(--ink-line);--focus:var(--ink-accent);flex-direction:column;display:flex;overflow:hidden}.screenshot-lightbox__toolbar,.screenshot-lightbox__navigation{flex-shrink:0;align-items:center;gap:12px;padding:8px 12px;display:flex}.screenshot-lightbox__toolbar{border-bottom:1px solid var(--line)}.screenshot-lightbox__toolbar p{flex:1;min-width:0;margin:0;font-size:.875rem;font-weight:600;line-height:1.4}.screenshot-lightbox__navigation{border-top:1px solid var(--line);justify-content:space-between}.screenshot-lightbox__navigation[hidden]{display:none}.screenshot-lightbox button{min-height:44px;color:var(--fg);box-shadow:inset 0 0 0 1px var(--line);flex-shrink:0;padding:8px 14px;font-size:.8125rem;font-weight:700;transition:background-color .15s,color .15s}.screenshot-lightbox button:hover{background:var(--fg);color:var(--bg)}.screenshot-lightbox :focus-visible{outline:2px solid var(--focus);outline-offset:-3px}.screenshot-lightbox__viewport{overscroll-behavior:contain;min-height:0;overflow:auto}.screenshot-lightbox__viewport img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 220px);margin:auto;display:block}.screenshot-lightbox--tall .screenshot-lightbox__viewport img{max-height:none}.screenshot-lightbox--zoomed .screenshot-lightbox__viewport img{max-width:none;max-height:none}.screenshot-lightbox__count{color:var(--fg-2);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.8125rem}@media (width<=600px){.screenshot-lightbox__toolbar{flex-wrap:wrap;gap:8px}.screenshot-lightbox__toolbar p{flex-basis:100%}.screenshot-lightbox__viewport img{max-height:calc(100dvh - 230px)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation:none!important}[data-reveal],[data-reveal].is-pre{clip-path:none!important;transform:none!important}}