:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--paper:#fbf8f4;--paper-raised:#fffdfa;--paper-sunk:#f3ede5;--ink:#1c1917;--ink-soft:#57504a;--ink-faint:#8a817a;--rule:#e6ded4;--red:#c8102e;--red-ink:#a50d26;--red-wash:#c8102e14;--on-red:#fffaf7;--shadow:0 1px 0 #1c19170a, 0 18px 40px -18px #1c191747;--display:"Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--sans:"Instrument Sans", ui-sans-serif, system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--paper:#151110;--paper-raised:#1d1816;--paper-sunk:#110e0d;--ink:#efe9e3;--ink-soft:#b4aba4;--ink-faint:#82786f;--rule:#2f2825;--red:#ee3b4e;--red-ink:#ff6170;--red-wash:#ee3b4e1f;--on-red:#1a0b0d;--shadow:0 1px 0 #0000004d, 0 24px 48px -20px #000000b3}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font:400 17px/1.55 var(--sans);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit}img,svg{display:block}code,kbd{font-family:var(--mono)}:focus-visible{outline:2px solid var(--red);outline-offset:3px;border-radius:4px}.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:10;background:var(--ink);color:var(--paper);border-radius:6px;padding:8px 12px;position:absolute;top:-48px;left:16px}.skip:focus{top:12px}.wrap{width:100%;max-width:1140px;margin-inline:auto;padding-inline:20px}.site-head{justify-content:space-between;align-items:center;gap:16px;padding-block:18px;display:flex}.brand{font-family:var(--display);letter-spacing:-.02em;white-space:nowrap;align-items:center;gap:10px;font-size:19px;font-weight:800;text-decoration:none;display:inline-flex}.brand-mark{width:32px;height:32px}.site-nav{align-items:center;gap:22px;font-size:15px;display:flex}.site-nav a{white-space:nowrap}.site-nav a:not(.btn){color:var(--ink-soft);text-decoration:none}.site-nav a:not(.btn):hover,.site-nav a[aria-current]{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--red);text-decoration-color:var(--red);text-underline-offset:5px;text-decoration-thickness:2px}.site-foot{border-top:1px solid var(--rule);color:var(--ink-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 32px;margin-top:96px;padding-block:28px 40px;font-size:14px;display:flex}.foot-brand{align-items:center;gap:10px;display:flex}.foot-brand p{margin:0}.foot-mark{width:24px;height:24px}.site-foot nav{flex-wrap:wrap;gap:8px 20px;display:flex}.site-foot nav a{text-decoration:none}.site-foot nav a:hover{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--red);text-decoration-color:var(--red);text-underline-offset:4px}.btn{background:var(--red);min-height:44px;color:var(--on-red);border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;padding:0 18px;font-size:16px;font-weight:600;text-decoration:none;transition:background-color .12s,transform .12s,box-shadow .12s;display:inline-flex}.btn:hover{background:var(--red-ink)}.btn:active{transform:translateY(1px)}.btn-small{border-radius:7px;min-height:36px;padding:0 14px;font-size:14px}.btn-quiet{color:var(--ink);border-color:var(--rule);background:0 0}.btn-quiet:hover{background:var(--paper-sunk)}kbd{border:1px solid var(--rule);background:var(--paper-raised);min-width:1.7em;height:1.7em;color:var(--ink);vertical-align:.08em;border-bottom-width:2px;border-radius:5px;justify-content:center;align-items:center;padding:0 .4em;font-size:.78em;font-weight:600;line-height:1;display:inline-flex}.hero{align-items:center;gap:48px;padding-top:56px;display:grid}@media (width>=960px){.hero{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:64px;padding-top:88px}}.hero h1{font-family:var(--display);letter-spacing:-.035em;text-wrap:balance;max-width:12ch;margin:0;font-size:clamp(40px,6.4vw,72px);font-weight:800;line-height:.98}.lede{max-width:34rem;color:var(--ink-soft);margin:24px 0 0;font-size:clamp(18px,2vw,21px);line-height:1.5}.actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.fineprint{color:var(--ink-faint);margin:20px 0 0;font-size:14px}.demo{min-width:0;margin:0}.demo-window{border:1px solid var(--rule);background:var(--paper-raised);box-shadow:var(--shadow);border-radius:12px;font-size:14px;position:relative;overflow:hidden}.demo-bar{border-bottom:1px solid var(--rule);background:var(--paper-sunk);align-items:center;gap:12px;padding:10px 14px;display:flex}.demo-dots{gap:6px;display:inline-flex}.demo-dots i{background:var(--rule);border-radius:50%;width:9px;height:9px}.demo-view{font-weight:600}.demo-count{font-family:var(--mono);color:var(--ink-faint);margin-left:auto;font-size:12px}.demo-input{border:1px solid var(--rule);background:var(--paper);height:44px;font-family:var(--mono);white-space:nowrap;border-radius:8px;align-items:center;gap:10px;margin:14px 14px 0;padding:0 12px;font-size:13.5px;display:flex;overflow:hidden}.demo-window.is-typing .demo-input{border-color:var(--red);box-shadow:0 0 0 3px var(--red-wash)}.demo-prompt{color:var(--red);font-weight:600}.demo-typed{text-overflow:clip;direction:ltr;overflow:hidden}.demo-placeholder{color:var(--ink-faint)}.demo-caret{background:var(--red);opacity:0;flex:none;width:2px;height:18px;margin-left:-8px}.demo-window.is-typing .demo-caret{opacity:1}.demo-chips{flex-wrap:nowrap;align-items:center;gap:6px;height:40px;padding:10px 14px 6px;display:flex;overflow:hidden}.demo-chips .chip,.demo-chips .demo-hint{flex:none}.demo-parsed{min-width:0;color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;flex:0 auto;margin-right:4px;font-size:13px;overflow:hidden}.demo-hint{font-family:var(--mono);color:var(--ink-faint);white-space:nowrap;font-size:11.5px}.demo-hint kbd{font-size:10.5px}.demo-list{margin:0;padding:0;list-style:none}.demo-row{border-top:1px solid var(--rule);align-items:center;gap:12px;padding:9px 14px;display:flex;position:relative;overflow:hidden}.demo-row.is-selected{background:var(--red-wash)}.demo-row.is-selected:before{content:"";background:var(--red);border-radius:2px;width:2px;position:absolute;top:6px;bottom:6px;left:0}.demo-check{border:1.5px solid var(--ink-faint);border-radius:4px;flex:none;width:16px;height:16px;position:relative}.demo-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.demo-meta{flex:none;gap:6px;display:flex}.demo-status{border-top:1px solid var(--rule);background:var(--paper-sunk);font-family:var(--mono);color:var(--ink-faint);flex-wrap:wrap;gap:6px 16px;padding:8px 14px;font-size:11.5px;display:flex}.demo-status span{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.demo-status kbd{min-width:1.6em;height:1.6em;font-size:10.5px}.chip{background:var(--paper-sunk);border:1px solid var(--rule);height:22px;font-family:var(--mono);color:var(--ink-soft);white-space:nowrap;border-radius:5px;align-items:center;gap:5px;padding:0 7px;font-size:11.5px;display:inline-flex}.chip-list:before{content:"#";color:var(--ink-faint);margin-right:-4px}.chip-raw:before{content:none}.chip-priority{color:var(--red);border-color:color-mix(in srgb, var(--red) 35%, var(--rule))}.chip-link:before{content:"";background:currentColor;width:10px;height:10px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 9.5l3-3M7 4.5l1.2-1.2a2.8 2.8 0 014 4L11 8.5M9 11.5l-1.2 1.2a2.8 2.8 0 01-4-4L5 7.5' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 9.5l3-3M7 4.5l1.2-1.2a2.8 2.8 0 014 4L11 8.5M9 11.5l-1.2 1.2a2.8 2.8 0 01-4-4L5 7.5' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") 50%/contain no-repeat}.demo-check:after{content:"";border:solid var(--on-red);border-width:0 2px 2px 0;width:4px;height:8px;position:absolute;top:1px;left:4.5px;transform:rotate(45deg)scale(0)}.demo-row.is-done .demo-check{background:var(--red);border-color:var(--red)}.demo-row.is-done .demo-check:after{transform:rotate(45deg)scale(1)}.demo-row.is-done .demo-title{color:var(--ink-faint);text-decoration:line-through;-webkit-text-decoration-color:var(--red);text-decoration-color:var(--red)}@media (prefers-reduced-motion:no-preference){.demo-check{transition:background-color .16s,border-color .16s}.demo-check:after{transition:transform .2s cubic-bezier(.3,1.6,.5,1) 80ms}.demo-row.is-done .demo-title{transition:color .16s .12s}.demo-row.is-leaving{animation:.42s cubic-bezier(.5,0,.75,0) .42s forwards row-out}.demo-row.is-new{animation:.32s ease-out both row-in}.demo-chips .chip,.demo-chips .demo-hint{animation:.18s ease-out both chip-in}.demo-caret{animation:1s step-end infinite caret}}@keyframes row-out{to{opacity:0;border-top-color:#0000;height:0;padding-block:0;transform:translate(28px)}}@keyframes row-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@keyframes chip-in{0%{opacity:0;transform:translateY(3px)}}@keyframes caret{50%{opacity:0}}.demo-caption{color:var(--ink-faint);margin-top:14px;font-size:14px}.demo-caption code{color:var(--ink-soft);overflow-wrap:anywhere;font-size:12.5px}.band{gap:28px;margin-top:112px;display:grid}@media (width>=960px){.band{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px}.band.band-stack{grid-template-columns:minmax(0,1fr);gap:36px}.band-stack .band-intro{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:end;gap:64px;display:grid}.band-stack .band-intro p{margin:0}}.band h2,.closer h2{font-family:var(--display);letter-spacing:-.025em;margin:0;font-size:clamp(28px,3.4vw,38px);font-weight:800;line-height:1.05}.band-intro p{color:var(--ink-soft);max-width:30rem;margin:14px 0 0}.syntax{border-collapse:collapse;width:100%;font-size:15.5px}.syntax th,.syntax td{border-top:1px solid var(--rule);text-align:left;vertical-align:middle;padding:12px 0}.syntax tr:last-child th,.syntax tr:last-child td{border-bottom:1px solid var(--rule)}.syntax th{white-space:nowrap;width:1%;padding-right:28px;font-weight:400}.syntax td{color:var(--ink-soft)}.syntax .chip{height:28px;color:var(--ink);padding:0 10px;font-size:13.5px;font-weight:600}.syntax .chip-priority{color:var(--red)}.kbd-figure{margin:0}.kbd-art{width:100%;max-width:820px;height:auto;margin-inline:auto}.kbd-key rect{fill:var(--paper-raised);stroke:var(--rule);stroke-width:1.5px}.kbd-key text{font-family:var(--mono);fill:var(--ink-faint);font-size:13px}.kbd-key.is-bound rect{fill:var(--red-wash);stroke:color-mix(in srgb, var(--red) 55%, var(--rule))}.kbd-key.is-bound text{fill:var(--red);font-weight:600}.kbd-caption{text-align:center;color:var(--ink-faint);margin:14px 0 0;font-size:14px}.kbd-caption kbd{font-size:12px}@media (prefers-reduced-motion:no-preference){.kbd-art.is-live .kbd-key.is-bound{transform-box:fill-box;transform-origin:50%;animation:.46s ease-out both key-press;animation-delay:calc(var(--i,0) * 95ms + .15s)}.kbd-art.is-live .kbd-key.is-bound rect{animation:.46s ease-out both key-flash;animation-delay:calc(var(--i,0) * 95ms + .15s)}.kbd-art.is-live .kbd-key.is-bound text{animation:.46s ease-out both key-flash-text;animation-delay:calc(var(--i,0) * 95ms + .15s)}}@keyframes key-press{0%{transform:none}35%{transform:translateY(2px)scale(.96)}to{transform:none}}@keyframes key-flash{0%{fill:var(--red-wash)}35%{fill:var(--red);stroke:var(--red)}to{fill:var(--red-wash)}}@keyframes key-flash-text{0%{fill:var(--red)}35%{fill:var(--on-red)}to{fill:var(--red)}}.ct-keys{gap:28px;display:grid}@media (width>=640px){.ct-keys{grid-template-columns:repeat(3,minmax(0,1fr))}}.ct-keys-heading{color:var(--ink-soft);margin:0 0 10px;font-size:14px;font-weight:600}.ct-keys-list{margin:0}.ct-keys-row{border-top:1px solid var(--rule);align-items:center;gap:12px;padding:7px 0;font-size:15px;display:flex}.ct-keys-row dt{flex:none;align-items:center;gap:4px;min-width:4.6em;display:flex}.ct-keys-row dd{color:var(--ink-soft);margin:0}.ct-then{font-family:var(--mono);color:var(--ink-faint);font-size:11px}.closer{align-items:center;gap:20px;margin-top:112px;display:grid}.closer-mark{width:64px;height:64px}.closer p{color:var(--ink-soft);margin:8px 0 0}@media (width>=760px){.closer{grid-template-columns:auto 1fr auto;gap:28px}}.prose{max-width:680px;padding-top:56px;font-size:18.5px;line-height:1.65}.prose-mark{width:56px;height:56px;margin-bottom:28px}.prose h1{font-family:var(--display);letter-spacing:-.03em;text-wrap:balance;margin:0 0 32px;font-size:clamp(34px,5vw,52px);font-weight:800;line-height:1.02}.prose p{margin:0 0 22px}.prose code{color:var(--red);font-size:.85em;font-weight:600}.prose a:not(.btn){-webkit-text-decoration-color:var(--red);text-decoration-color:var(--red);text-underline-offset:3px}.signoff{font-family:var(--mono);color:var(--ink-soft);font-size:15px}.error-body{flex-direction:column;min-height:100svh;display:flex}.error{flex:1;padding-top:clamp(32px,7vw,80px);padding-bottom:80px}.error-mark{width:clamp(80px,11vw,120px);height:auto}.error-code{font-family:var(--mono);color:var(--red);margin:22px 0 6px;font-size:14px;font-weight:600}.error h1{font-family:var(--display);letter-spacing:-.035em;margin:0;font-size:clamp(44px,7.5vw,84px);font-weight:800;line-height:.96}.error .lede{max-width:30rem;margin-top:20px}.error .actions{margin:32px 0 0}@media (width<=560px){.site-nav{gap:18px}.site-nav .btn{display:none}.brand-name{font-size:17px}.demo-meta .chip:nth-child(n+2),.demo-status span:nth-child(n+4){display:none}.band,.closer{margin-top:80px}.kbd-key text{font-size:15px}}
