:root{color-scheme:light;--radius:.5rem;--background:oklch(100% 0 0);--foreground:oklch(14.1% .005 285.823);--card:oklch(100% 0 0);--card-foreground:oklch(14.1% .005 285.823);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.1% .005 285.823);--primary:oklch(54.6% .245 262.881);--primary-foreground:oklch(98.5% 0 0);--secondary:oklch(96.7% .001 286.375);--secondary-foreground:oklch(21% .006 285.885);--muted:oklch(96.7% .001 286.375);--muted-foreground:oklch(55.2% .016 285.938);--accent:oklch(96.7% .001 286.375);--accent-foreground:oklch(21% .006 285.885);--destructive:oklch(57.7% .245 27.325);--border:oklch(92% .004 286.32);--input:oklch(92% .004 286.32);--ring:oklch(54.6% .245 262.881);--shadow:0 1px 2px oklch(0% 0 0/.06), 0 12px 32px -8px oklch(0% 0 0/.18);--font-sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--header-height:3.75rem;--content-width:72rem}.dark{color-scheme:dark;--background:oklch(14.1% .005 285.823);--foreground:oklch(98.5% 0 0);--card:oklch(21% .006 285.885);--card-foreground:oklch(98.5% 0 0);--popover:oklch(21% .006 285.885);--popover-foreground:oklch(98.5% 0 0);--primary:oklch(62.3% .214 259.815);--primary-foreground:oklch(14.1% .005 285.823);--secondary:oklch(27.4% .006 286.033);--secondary-foreground:oklch(98.5% 0 0);--muted:oklch(27.4% .006 286.033);--muted-foreground:oklch(70.5% .015 286.067);--accent:oklch(27.4% .006 286.033);--accent-foreground:oklch(98.5% 0 0);--destructive:oklch(70.4% .191 22.216);--border:oklch(100% 0 0/.1);--input:oklch(100% 0 0/.15);--ring:oklch(62.3% .214 259.815);--shadow:0 1px 2px oklch(0% 0 0/.4), 0 16px 40px -8px oklch(0% 0 0/.6)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--background);color:var(--foreground);font-family:var(--font-sans);margin:0;font-size:1rem;line-height:1.6}h1,h2,h3,h4,p,ul,ol,figure,blockquote,dl,dd{margin:0}ul,ol{padding:0;list-style:none}img,video,svg{max-width:100%}button{font:inherit;color:inherit}a{color:inherit}a:not([class]){color:var(--primary);text-underline-offset:.18em;text-decoration:underline}a:not([class]):hover{text-decoration-thickness:2px}code{font-family:var(--font-mono);background:var(--muted);color:var(--foreground);overflow-wrap:anywhere;border-radius:.3rem;padding:.1em .35em;font-size:.9em}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:.25rem}.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-link{z-index:100;border-radius:var(--radius);background:var(--primary);color:var(--primary-foreground);padding:.5rem 1rem;font-weight:600;text-decoration:none;position:absolute;top:-4rem;left:.75rem}.skip-link:focus{top:.75rem}.container{width:100%;max-width:var(--content-width);margin-inline:auto;padding-inline:1.5rem}.muted{color:var(--muted-foreground)}.button{border-radius:var(--radius);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.55rem 1.1rem;font-weight:600;line-height:1.2;text-decoration:none;transition:background-color .15s,border-color .15s;display:inline-flex}.button-primary{background:var(--primary);color:var(--primary-foreground)}.button-primary:hover{background:color-mix(in oklab, var(--primary) 88%, var(--foreground))}.button-secondary{background:var(--secondary);color:var(--secondary-foreground);border-color:var(--border)}.button-secondary:hover{background:color-mix(in oklab, var(--secondary) 85%, var(--foreground))}.button-small{padding:.4rem .85rem;font-size:.9rem}.button-large{padding:.8rem 1.5rem;font-size:1.05rem}.button-row{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.icon-button{border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;background:0 0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;padding:0;display:inline-flex}.icon-button:hover{background:var(--accent)}.theme-icon-sun{display:none}.dark .theme-icon-sun{display:block}.dark .theme-icon-moon{display:none}.site-header{z-index:50;border-bottom:1px solid var(--border);background:color-mix(in oklab, var(--background) 88%, transparent);backdrop-filter:blur(10px);position:sticky;top:0}.site-header-inner{min-height:var(--header-height);max-width:var(--content-width);flex-wrap:wrap;align-items:center;gap:1rem;margin-inline:auto;padding:.5rem 1.5rem;display:flex}.brand{letter-spacing:-.01em;align-items:center;gap:.5rem;font-size:1.15rem;font-weight:700;text-decoration:none;display:inline-flex}.site-nav{align-items:center;gap:.25rem;margin-inline-end:auto;display:flex}.site-nav a{border-radius:var(--radius);color:var(--muted-foreground);align-items:center;gap:.4rem;padding:.4rem .7rem;font-weight:500;text-decoration:none;display:inline-flex}.site-nav a:hover{background:var(--accent);color:var(--accent-foreground)}.site-nav a[aria-current=page]{color:var(--foreground);background:var(--accent)}.site-actions{align-items:center;gap:.5rem;display:flex}@media (width<=40rem){.github-link span{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.site-header-inner{gap:.5rem}}.site-footer{border-top:1px solid var(--border);background:var(--muted);margin-top:6rem}.site-footer-inner{max-width:var(--content-width);flex-wrap:wrap;justify-content:space-between;gap:2rem;margin-inline:auto;padding:2.5rem 1.5rem 1.5rem;display:flex}.footer-brand{gap:.75rem;max-width:22rem;display:grid}.footer-brand p{color:var(--muted-foreground)}.footer-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem 2.5rem;display:grid}.footer-links a{color:var(--foreground);text-decoration:none}.footer-links a:hover{text-decoration:underline}.footer-copy{max-width:var(--content-width);color:var(--muted-foreground);margin-inline:auto;padding:0 1.5rem 2rem;font-size:.875rem}.hero{background:radial-gradient(60rem 28rem at 50% -10%, color-mix(in oklab, var(--primary) 18%, transparent), transparent 70%);padding:5rem 0 3rem}.hero-inner{text-align:center;justify-items:center;gap:1.5rem;display:grid}.eyebrow{border:1px solid var(--border);background:var(--card);color:var(--muted-foreground);border-radius:999px;padding:.2rem .8rem;font-size:.85rem;font-weight:500}.hero h1{letter-spacing:-.03em;max-width:22ch;font-size:clamp(2.2rem,6vw,4rem);line-height:1.08}.hero-accent{color:var(--primary)}.hero-lead{max-width:44rem;color:var(--muted-foreground);font-size:1.15rem}.hero-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:.5rem;display:flex}.hero-media{border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);background:var(--card);width:min(100%,60rem);box-shadow:var(--shadow);margin:.5rem 0 0;overflow:hidden}.hero-media img{width:100%;height:auto;display:block}.section-title{letter-spacing:-.02em;text-align:center;font-size:clamp(1.7rem,4vw,2.5rem);line-height:1.15}.section-lead{text-align:center;color:var(--muted-foreground);margin-top:.75rem;font-size:1.1rem}.steps{padding-top:3rem}.step-list{margin-top:2.5rem}.step{padding-block:2.5rem;overflow:hidden}.step:nth-child(2n){background:var(--muted)}.step-grid{grid-template-columns:minmax(0,1fr);align-items:center;gap:2rem;display:grid}@media (width>=60rem){.step-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:3.5rem}.step:nth-child(2n) .step-text{order:2}}.step-number{background:var(--primary);width:2.25rem;height:2.25rem;color:var(--primary-foreground);border-radius:999px;justify-content:center;align-items:center;margin-bottom:.9rem;font-weight:700;display:inline-flex}.step-text h3{letter-spacing:-.02em;font-size:clamp(1.5rem,3vw,2rem);line-height:1.2}.step-text p:last-child{color:var(--muted-foreground);margin-top:.75rem;font-size:1.1rem}.step-view{border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);background:var(--card);box-shadow:var(--shadow);position:relative;overflow:hidden}.step-view img{width:100%;height:auto;display:block}.happening{pointer-events:none;max-width:min(21rem,78%);position:absolute;bottom:6%;right:4%}.happening-card{border:1px solid color-mix(in oklab, var(--foreground) 22%, transparent);border-radius:var(--radius);background:var(--card);color:var(--card-foreground);box-shadow:var(--shadow);padding:.8rem 1rem;font-size:.9rem;line-height:1.4}.happening-card>*+*{margin-top:.35rem}.happening-label{color:var(--muted-foreground);letter-spacing:.05em;text-transform:uppercase;font-size:.72rem;font-weight:700}.happening-label-alert{color:var(--destructive)}.happening-small{font-size:.85rem}.happening-arrived{background:var(--primary);color:var(--primary-foreground);border-radius:.35rem;width:fit-content;padding:.2rem .5rem;font-size:.8rem;font-weight:600}.happening-choice{flex-wrap:wrap;align-items:center;gap:.4rem;font-weight:600;display:flex}.happening-check{background:var(--primary);width:1.3rem;height:1.3rem;color:var(--primary-foreground);border-radius:999px;justify-content:center;align-items:center;font-size:.8rem;display:inline-flex}.happening-tag{border:1px solid var(--primary);color:var(--primary);border-radius:999px;padding:.05rem .5rem;font-size:.75rem;font-weight:600}.happening-approve-row{justify-items:start;display:grid}.happening-approve-row>*{grid-area:1/1}.happening-button{border-radius:var(--radius);background:var(--primary);color:var(--primary-foreground);opacity:0;padding:.3rem .9rem;font-weight:600}.happening-approved{border-radius:var(--radius);border:1px solid var(--primary);color:var(--primary);padding:.3rem .9rem;font-weight:700}.happening-bar{background:var(--muted);border-radius:999px;height:.5rem;overflow:hidden}.happening-bar span{background:var(--primary);transform-origin:0;height:100%;display:block}.happening-resolve{border-color:var(--destructive)}@media (prefers-reduced-motion:no-preference){.js .step .reveal-text,.js .step .reveal-view{opacity:0;transition:opacity .8s,transform .8s cubic-bezier(.2,.7,.2,1)}.js .step .reveal-text{transform:translate(-2.5rem)}.js .step .reveal-view{transition-delay:.15s;transform:translate(2.5rem)}@media (width>=60rem){.js .step:nth-child(2n) .reveal-text{transform:translate(2.5rem)}.js .step:nth-child(2n) .reveal-view{transform:translate(-2.5rem)}}.js .step.in-view .reveal-text,.js .step.in-view .reveal-view{opacity:1;transform:none}.js .step .happening{opacity:0}.js .step.in-view .happening{opacity:1}.js .step.in-view .happening-card{animation:.7s cubic-bezier(.2,.8,.2,1) .9s both card-in}.js .step.in-view .happening-typed{animation:1.6s steps(24,end) 1.7s both type-in}.js .step.in-view .happening-arrived{animation:.5s 3.5s both fade-up}.js .step.in-view .happening-check{animation:.5s 1.8s both pop}.js .step.in-view .happening-answer{animation:.7s cubic-bezier(.2,.8,.2,1) .9s both card-in,1.4s 1.8s both ring-pulse}.js .step.in-view .happening-button{animation:1.6s 1.4s both press}.js .step.in-view .happening-approved{animation:.5s 2.6s both fade-up}.js .step.in-view .happening-bar span{animation:2.6s linear 1.6s both fill}.js .step.in-view .happening-resolve{animation:.7s cubic-bezier(.2,.8,.2,1) .9s both drop-in,1.4s 1.6s both ring-pulse}}@keyframes card-in{0%{opacity:0;transform:translateY(1.2rem)scale(.97)}to{opacity:1;transform:none}}@keyframes drop-in{0%{opacity:0;transform:translateY(-1.5rem)}to{opacity:1;transform:none}}@keyframes fade-up{0%{opacity:0;transform:translateY(.4rem)}to{opacity:1;transform:none}}@keyframes type-in{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes pop{0%{transform:scale(0)}70%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes press{0%{opacity:1;transform:none}55%{opacity:1;transform:none}70%{opacity:1;transform:scale(.92)}to{opacity:0;transform:scale(.92)}}@keyframes fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes ring-pulse{0%{box-shadow:0 0 0 0 color-mix(in oklab, var(--primary) 55%, transparent)}to{box-shadow:0 0 0 14px #0000}}@media (width<=40rem){.happening{max-width:86%;bottom:4%;right:3%}.happening-card{padding:.55rem .75rem;font-size:.8rem}}.getting{padding-top:5rem}.getting-grid{grid-template-columns:minmax(0,1fr);gap:1.25rem;margin-top:2rem;display:grid}@media (width>=50rem){.getting-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.card{border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);background:var(--card);color:var(--card-foreground);padding:1.5rem;box-shadow:0 1px 2px oklch(0% 0 0/.06)}.card h2,.card h3{letter-spacing:-.01em;margin-bottom:.75rem;font-size:1.25rem}.card p+p{margin-top:.75rem}.check-list{gap:.6rem;display:grid}.check-list li{padding-left:1.6rem;position:relative}.check-list li:before{content:"";border:solid var(--primary);border-width:0 2px 2px 0;width:.45rem;height:.8rem;position:absolute;top:.45rem;left:.2rem;transform:rotate(40deg)translate(-2px,-3px)}.note{color:var(--muted-foreground);font-size:.9rem}.not-found{justify-items:start;gap:1rem;padding-block:6rem;display:grid}.not-found h1{letter-spacing:-.02em;font-size:2.5rem}.guide-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"sidebar""toc""article";gap:1.5rem;padding-block:2rem 1rem;display:grid}.guide-sidebar{grid-area:sidebar}.guide-article{grid-area:article;min-width:0}.guide-toc{grid-area:toc}.guide-menu{border:1px solid var(--border);border-radius:var(--radius);background:var(--card)}.guide-menu summary{cursor:pointer;padding:.6rem 1rem;font-weight:600}.guide-menu .guide-nav{padding:0 1rem 1rem}.guide-sidebar-desktop{display:none}@media (width>=56rem){.guide-layout{grid-template-columns:15rem minmax(0,1fr);grid-template-areas:"sidebar toc""sidebar article";gap:1.5rem 3rem}.guide-menu{display:none}.guide-sidebar-desktop{top:calc(var(--header-height) + 1.25rem);max-height:calc(100vh - var(--header-height) - 2.5rem);padding-right:.5rem;display:block;position:sticky;overflow-y:auto}}@media (width>=72rem){.guide-layout{grid-template-columns:15rem minmax(0,1fr) 13.5rem;grid-template-areas:"sidebar article toc"}.guide-toc nav{top:calc(var(--header-height) + 1.25rem);max-height:calc(100vh - var(--header-height) - 2.5rem);position:sticky;overflow-y:auto}}.guide-nav{gap:1.5rem;display:grid}.guide-nav-title{color:var(--muted-foreground);letter-spacing:.06em;text-transform:uppercase;margin-bottom:.4rem;font-size:.78rem;font-weight:700}.guide-nav ul,.guide-toc ul{gap:.1rem;display:grid}.guide-nav a,.guide-toc a{border-radius:calc(var(--radius) - 2px);color:var(--muted-foreground);padding:.3rem .6rem;font-size:.95rem;line-height:1.35;text-decoration:none;display:block}.guide-nav a:hover,.guide-toc a:hover{background:var(--accent);color:var(--accent-foreground)}.guide-nav a[aria-current=page]{background:var(--accent);color:var(--foreground);font-weight:600}.guide-nav .external-link svg{vertical-align:-1px;margin-left:.25rem;display:inline}.toc-sub a{padding-left:1.4rem;font-size:.88rem}.guide-toc{font-size:.95rem}@media (width<=71.99rem){.guide-toc{border:1px solid var(--border);border-radius:var(--radius);padding:.75rem .5rem}.guide-toc ul{grid-template-columns:repeat(auto-fill,minmax(14rem,1fr))}}.guide-kicker{color:var(--primary);letter-spacing:.05em;text-transform:uppercase;font-size:.85rem;font-weight:700}.guide-article h1{letter-spacing:-.025em;margin-block:.3rem 1.5rem;font-size:clamp(2rem,4vw,2.6rem);line-height:1.15}.guide-cards{gap:1rem;margin-block:1.5rem;display:grid}@media (width>=40rem){.guide-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.guide-cards ul{gap:.5rem;display:grid}.guide-pager{border-top:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:3.5rem;padding-top:1.5rem;display:grid}.pager-link{border:1px solid var(--border);border-radius:var(--radius);gap:.15rem;padding:.8rem 1rem;text-decoration:none;display:grid}.pager-link:hover{border-color:var(--primary)}.pager-next{text-align:right;grid-column:2}.pager-label{color:var(--muted-foreground);font-size:.8rem}.pager-title{color:var(--primary);font-weight:600}.prose{max-width:46rem}.prose>*+*{margin-top:1rem}.prose h2{letter-spacing:-.02em;scroll-margin-top:calc(var(--header-height) + 1rem);margin-top:2.5rem;padding-top:.5rem;font-size:1.6rem;line-height:1.25}.prose h3{scroll-margin-top:calc(var(--header-height) + 1rem);margin-top:1.75rem;font-size:1.2rem;line-height:1.3}.prose h4{margin-top:1.25rem;font-size:1rem}.prose ul{padding-left:1.4rem;list-style:outside}.prose ol{padding-left:1.4rem;list-style:decimal}.prose li+li,.prose li>ul,.prose li>ol{margin-top:.35rem}.prose pre{border:1px solid var(--border);border-radius:var(--radius);background:var(--muted);padding:.9rem 1rem;line-height:1.5;overflow-x:auto}.prose pre code{overflow-wrap:normal;background:0 0;padding:0;font-size:.875rem}.prose blockquote{border-left:3px solid var(--primary);color:var(--muted-foreground);padding:.25rem 0 .25rem 1rem}.prose img{border:1px solid var(--border);border-radius:var(--radius);height:auto;box-shadow:var(--shadow);display:block}.prose table{border-collapse:collapse;max-width:100%;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--border);text-align:left;vertical-align:top;padding:.5rem .8rem}.prose th{background:var(--muted)}.prose hr{border:0;border-top:1px solid var(--border);margin-block:2rem}.prose kbd{border:1px solid var(--border);background:var(--muted);font-family:var(--font-mono);border-radius:.3rem;padding:.05em .4em;font-size:.85em}.settings-list{gap:1rem;display:grid}.setting{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);scroll-margin-top:calc(var(--header-height) + 1rem);padding:1rem 1.2rem}.setting h3{margin:0 0 .25rem;font-size:1.1rem}.setting h3 a{text-decoration:none}.setting h3 a:hover{text-decoration:underline}.setting-key{color:var(--muted-foreground);font-size:.88rem}.setting>p+p{margin-top:.5rem}.setting-options{gap:.3rem;margin-top:.6rem;padding-left:1.2rem;font-size:.95rem;list-style:outside;display:grid}.prose .settings-list{margin-top:1rem}