:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#111;--mute:#666;--line:#e6e6e6;--soft:#f4f4f4;--r:999px;--ease:cubic-bezier(.2,0,0,1)}*{box-sizing:border-box}html{scroll-padding-block-start:72px}body{color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;margin:0;font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}.page{flex-direction:column;max-width:720px;min-height:100dvh;margin:0 auto;padding:0 20px 48px;display:flex}main{flex:1;gap:40px;padding-top:56px;display:grid}.skip{inset-inline-start:12px;background:var(--ink);color:#fff;border-radius:var(--r);z-index:2;padding:8px 14px;font-size:13px;text-decoration:none;position:absolute;top:-60px}.skip:focus{top:12px}.bar{justify-content:flex-end;align-items:center;padding:20px 0;display:flex}.logo{letter-spacing:-.01em;color:var(--ink);letter-spacing:-.03em;align-items:center;gap:1px;padding:6px 0;font-size:20px;font-weight:700;text-decoration:none;display:inline-flex}.logo:after{content:"";width:7px;height:7px;transition:scale .3s var(--ease);background:#fca020;border-radius:50%;margin-top:10px}@media (hover:hover){.logo:hover:after{scale:1.5}}.logo img{display:block}.nav{align-items:center;gap:8px;display:flex}.navlink{border-radius:var(--r);color:var(--mute);padding:8px 12px;font-size:13px;text-decoration:none;transition:color .15s ease-out,background-color .15s ease-out}.navlink[aria-current]{color:var(--ink)}.gh{border:1px solid var(--line);border-radius:var(--r);color:var(--ink);align-items:center;gap:8px;padding:8px 14px;font-size:13px;text-decoration:none;transition:background-color .15s ease-out,scale .15s ease-out;display:inline-flex}.gh:active{scale:.96}.hero{justify-items:start;gap:16px;display:grid;position:relative}.mascot{background:0 0;border:0;border-radius:24px;width:132px;height:114px;padding:0}.mchar{pointer-events:none;width:100%;height:100%;display:block;overflow:visible}.mchar *{transform-box:fill-box}.m-hop,.m-bodyg,.m-shadow,.m-eye,.m-dings,.m-dust{transform-origin:50% 100%}.m-eye{transform-origin:50%;translate:var(--ex,0) var(--ey,0);transition:translate .18s ease-out}.m-bell{transform-origin:55% 90%}@media (width>=640px){.mascot{inset-inline-end:0;top:0;width:230px;height:199px;position:absolute;inset-block-start:-12px}.hero>:not(.mascot){max-width:calc(100% - 250px)}.hero>:not(.mascot):is(.install,.actions){max-width:none}}h1{letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(28px,5.5vw,38px);font-weight:700;line-height:1.1}.tag{max-width:40ch;color:var(--mute);text-wrap:balance;margin:0;font-size:15px;line-height:1.55}.hero h1+.tag{margin-top:-4px}.hero{gap:20px}.hero .actions{margin-top:4px}.actions,.install{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.cmd{border:1px solid var(--line);border-radius:var(--r);align-items:center;gap:12px;padding:4px 4px 4px 16px;font:13px ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.codes{display:grid}.codes code{opacity:0;filter:blur(3px);transition:opacity .25s ease-out,translate .25s var(--ease),filter .25s ease-out;pointer-events:none;grid-area:1/1;translate:0 4px}.codes code.on{opacity:1;filter:none;pointer-events:auto;translate:0}.copy{transition:background-color .2s ease-out,scale .15s ease-out}.primary{background:var(--ink);border-color:var(--ink);color:#fff;padding:10px 22px;font-weight:600}.copy{background:var(--ink);border-color:var(--ink);color:#fff;min-width:68px;padding:6px 14px;font-size:12px;font-weight:600}.quiet{color:var(--mute);text-underline-offset:3px;background:0 0;border:0;padding:4px 0;font-size:13px}.seg{background:var(--soft);border-radius:var(--r);padding:3px;display:inline-flex;position:relative}.seg .ind{width:var(--w,0);translate:var(--x,0) 0;border-radius:var(--r);box-shadow:0 0 0 1px var(--line),0 1px 2px #0000000f;background:#fff;position:absolute;top:3px;bottom:3px;left:0}.seg.ready .ind{transition:translate .32s var(--ease),width .32s var(--ease),background-color .2s ease-out}.seg button{color:var(--mute);background:0 0;border:0;padding:5px 12px;font-size:13px;transition:color .2s ease-out,scale .15s ease-out;position:relative}.seg button[aria-pressed=true]{color:var(--ink)}.settings{background:var(--soft);border-radius:16px;flex-wrap:wrap;align-items:center;gap:16px 28px;padding:14px 16px;display:flex}.settings .seg{box-shadow:0 0 0 1px var(--line);background:#fff}.settings .seg .ind{background:var(--ink);box-shadow:none}.settings .seg button[aria-pressed=true]{color:#fff}.field{align-items:center;gap:10px;display:flex}.lbl{color:var(--mute);font-size:13px}.picker{box-shadow:0 0 0 1px var(--line);background:#fff;border-radius:10px;grid-template-columns:repeat(3,22px);gap:4px;padding:5px;display:grid}.dot{background:var(--soft);border:0;border-radius:5px;width:22px;height:22px;padding:0}.dot[aria-pressed=true]{background:var(--ink)}.settings .quiet{margin-inline-start:auto}.group{grid-template-columns:88px 1fr;align-items:start;gap:12px;display:grid}h2{color:var(--mute);margin:0;padding-top:8px;font-size:13px;font-weight:600}.row{flex-wrap:wrap;gap:8px;display:flex}button{font:inherit;border-radius:var(--r);border:1px solid var(--line);color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;padding:7px 14px;font-size:14px;transition:scale .15s ease-out,background-color .15s ease-out,color .15s ease-out,border-color .15s ease-out}button:active{scale:.96}button:focus-visible,a:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.dot{transition:scale .15s ease-out,background-color .15s ease-out}.row button.fired{animation:.45s ease-out fired}@keyframes fired{0%{background:var(--ink);color:#fff;border-color:var(--ink)}}a{color:var(--mute)}footer{color:var(--mute);padding-top:40px;font-size:13px}footer a{color:var(--ink);text-underline-offset:3px}@media (hover:hover){button:hover{background:var(--soft)}.row button:hover{border-color:#cfcfcf}.seg button:hover,.seg button[aria-pressed=true]:hover{background:0 0}.seg button:not([aria-pressed=true]):hover{color:var(--ink)}.copy:hover,.primary:hover{background:#333}.dot[aria-pressed=true]:hover{background:var(--ink)}.dot:not([aria-pressed=true]):hover{scale:1.12}.quiet:hover{color:var(--ink);background:0 0}.gh:hover{background:var(--soft)}}@media (pointer:coarse){.row button,.seg button,.gh,.primary{min-height:40px}.copy{min-height:36px}.dot{width:30px;height:30px}.picker{grid-template-columns:repeat(3,30px)}}@media (prefers-reduced-motion:reduce){.codes code{filter:none;transition:opacity .2s;translate:0}}@media (prefers-reduced-motion:no-preference){.hero,.settings,.group{animation:rise .5s var(--ease) backwards}.settings{animation-delay:60ms}.group:first-of-type{animation-delay:.1s}.group:nth-of-type(2){animation-delay:.14s}.group:nth-of-type(3){animation-delay:.18s}.group:nth-of-type(4){animation-delay:.22s}.group:nth-of-type(5){animation-delay:.26s}@keyframes rise{0%{opacity:0;translate:0 10px}}}@media (width<=520px){main{gap:32px;padding-top:32px}.group{grid-template-columns:1fr;gap:6px}h2{padding-top:0}.settings{padding:12px}.settings .quiet{margin-inline-start:0}}@media (prefers-reduced-motion:no-preference){.m-hop{animation:m-in .9s var(--ease) .15s backwards}.m-shadow{animation:m-shadow-in .9s var(--ease) .15s backwards}.m-bodyg{animation:3.6s ease-in-out 1.2s infinite m-breathe}.m-shadow{animation-name:m-shadow-in,m-shadow-breathe;animation-duration:.9s,3.6s;animation-iteration-count:1,infinite;animation-delay:.15s,1.2s;animation-timing-function:var(--ease),ease-in-out}.m-eye{animation:6.5s ease-in-out 2s infinite m-blink}.m-bell{animation:3.6s ease-in-out 1.2s infinite m-sway}@media (hover:hover){.mascot:hover .m-bell{animation:m-wiggle .7s var(--ease)}}.mascot.ring .m-hop{animation:m-hop .8s var(--ease)}.mascot.ring .m-shadow{animation:m-shadow-hop .8s var(--ease)}.mascot.ring .m-bell{animation:1.2s cubic-bezier(.3,0,.2,1) 80ms m-swing}.mascot.ring .m-dings{animation:m-dings .9s var(--ease) .12s}.mascot.ring .m-dust{animation:.5s ease-out .5s m-dust}}@keyframes m-in{0%{opacity:0;translate:0 -60px}55%{opacity:1;translate:0;scale:1.05 .92}75%{scale:.98 1.03}to{scale:1}}@keyframes m-shadow-in{0%{opacity:0;scale:.4}55%{opacity:1;scale:1.04}to{scale:1}}@keyframes m-breathe{50%{scale:1.015 1.035}}@keyframes m-shadow-breathe{50%{scale:.97 1}}@keyframes m-blink{0%,60%,68%,to{scale:1}63%{scale:1 .1}91%,95%{scale:1}93%,97%{scale:1 .1}}@keyframes m-sway{50%{rotate:-2.5deg}}@keyframes m-wiggle{25%{rotate:-9deg}50%{rotate:7deg}75%{rotate:-3deg}}@keyframes m-hop{0%{scale:1}14%{scale:1.07 .9}38%{translate:0 -30px;scale:.95 1.07}62%{translate:0;scale:1.07 .9}80%{scale:.98 1.03}to{scale:1}}@keyframes m-shadow-hop{14%{scale:1.04}38%{opacity:.6;scale:.7}62%{scale:1.06}to{scale:1}}@keyframes m-swing{0%{rotate:0}18%{rotate:-18deg}38%{rotate:14deg}56%{rotate:-9deg}74%{rotate:5deg}90%{rotate:-2deg}to{rotate:0}}@keyframes m-dings{0%{opacity:0;translate:-8px 8px;scale:.5}30%{opacity:1;translate:3px -3px;scale:1.15}to{opacity:1;translate:0;scale:1}}@keyframes m-dust{0%{opacity:0;scale:.4}40%{opacity:1;scale:1.2}to{opacity:1;scale:1}}