diff --git a/public/www/index-ba7b869f.css b/public/www/index-ba7b869f.css
new file mode 100644
index 0000000..248f361
--- /dev/null
+++ b/public/www/index-ba7b869f.css
@@ -0,0 +1 @@
+/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-content:"";--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:"Instrument Sans",ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:"JetBrains Mono",ui-monospace,monospace;--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-yellow-200:oklch(94.5% .129 101.54);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-700:oklch(55.4% .135 66.442);--color-yellow-800:oklch(47.6% .114 61.907);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-cyan-300:oklch(86.5% .127 207.078);--color-cyan-700:oklch(52% .105 223.128);--color-violet-300:oklch(81.1% .111 293.571);--color-violet-700:oklch(49.1% .27 292.581);--color-pink-400:oklch(71.8% .202 349.761);--color-pink-700:oklch(52.5% .223 3.958);--color-rose-400:oklch(71.2% .194 13.428);--color-rose-500:oklch(64.5% .246 16.439);--color-rose-600:oklch(58.6% .253 17.585);--color-rose-800:oklch(45.5% .188 13.697);--color-rose-900:oklch(41% .159 10.272);--color-rose-950:oklch(27.1% .105 12.094);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-500:oklch(55.4% .046 257.417);--color-zinc-50:oklch(98.5% 0 0);--color-zinc-100:oklch(96.7% .001 286.375);--color-zinc-200:oklch(92% .004 286.32);--color-zinc-300:oklch(87.1% .006 286.286);--color-zinc-400:oklch(70.5% .015 286.067);--color-zinc-500:oklch(55.2% .016 285.938);--color-zinc-600:oklch(44.2% .017 285.786);--color-zinc-700:oklch(37% .013 285.805);--color-zinc-800:oklch(27.4% .006 286.033);--color-zinc-900:oklch(21% .006 285.885);--color-zinc-950:oklch(14.1% .005 285.823);--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-2xl:42rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-3xl:1.875rem;--text-3xl--line-height:1.2;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-widest:.1em;--leading-tight:1.25;--leading-relaxed:1.625;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--blur-sm:8px;--blur-md:12px;--blur-xl:24px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-display:"Archivo",system-ui,sans-serif;--text-3xs:.5625rem;--text-3xs--line-height:1.4;--text-2xs:.6875rem;--text-2xs--line-height:1.4;--text-xs-plus:.78125rem;--text-xs-plus--line-height:1.4;--animate-marquee:marquee 30s linear infinite;--animate-border-in:border-in 1s ease-out backwards;--animate-beam-x:beam-x var(--beam-duration,9s)linear var(--beam-delay,0s)infinite backwards;--animate-beam-y:beam-y var(--beam-duration,11s)linear var(--beam-delay,0s)infinite backwards;--animate-trace:trace 6s linear infinite;--animate-crt-in:crt-in .6s linear forwards;--animate-intro-out:intro-out .4s ease-out .9s forwards}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}html{-webkit-tap-highlight-color:transparent;scrollbar-width:thin;scrollbar-color:var(--color-rose-500)transparent;height:100%;font-size:clamp(1rem,.8889vw,2.8rem)}body{min-height:100%}*{scrollbar-width:thin}[x-cloak]{display:none}@property --motion-bounce{syntax: "*"; inherits: false; initial-value: linear(0,.004,.016,.035,.063,.098,.141 13.6%,.25,.391,.563,.765,1,.891 40.9%,.848,.813,.785,.766,.754,.75,.754,.766,.785,.813,.848,.891 68.2%,1 72.7%,.973,.953,.941,.938,.941,.953,.973,1,.988,.984,.988,1);}@property --motion-spring-smooth{syntax: "*"; inherits: false; initial-value: linear(0,.001 .44%,.0045 .94%,.0195 2.03%,.0446 3.19%,.0811 4.5%,.1598 6.82%,.3685 12.34%,.4693 15.17%,.5663,.6498 21.27%,.7215 24.39%,.7532 25.98%,.7829 27.65%,.8105,.8349 31.14%,.8573 32.95%,.8776 34.84%,.8964 36.87%,.9136 39.05%,.929 41.37%,.9421 43.77%,.9537 46.38%,.9636 49.14%,.9789 55.31%,.9888 62.35%,.9949 71.06%,.9982 82.52%,.9997 99.94%);}@property --motion-spring-snappy{syntax: "*"; inherits: false; initial-value: linear(0,.0014,.0053 1.02%,.0126,.0227 2.18%,.0517 3.41%,.094 4.79%,.1865 7.26%,.4182 12.77%,.5246 15.46%,.6249,.7112,.7831 23.95%,.8146 25.4%,.844,.8699 28.45%,.8935,.9139 31.64%,.932,.9473,.9601 36.65%,.9714 38.47%,.9808 40.35%,.9948 44.49%,1.0031 49.43%,1.0057 53.35%,1.0063 58.14%,1.0014 80.78%,1.0001 99.94%);}@property --motion-spring-bouncy{syntax: "*"; inherits: false; initial-value: linear(0,.0018,.0069,.0151 1.74%,.0277 2.4%,.062 3.7%,.1115 5.15%,.2211 7.77%,.4778 13.21%,.5912 15.75%,.6987 18.44%,.7862 20.98%,.861 23.59%,.8926,.9205,.945 27.51%,.9671 28.89%,.9868,1.003 31.79%,1.0224 34.11%,1.0358 36.58%,1.0436 39.27%,1.046 42.31%,1.0446 44.71%,1.0406 47.47%,1.0118 61.84%,1.0027 69.53%,.9981 80.49%,.9991 99.94%);}@property --motion-spring-bouncier{syntax: "*"; inherits: false; initial-value: linear(0,.0023,.0088,.0194 1.59%,.035 2.17%,.078 3.33%,.1415 4.64%,.2054 5.75%,.2821 6.95%,.5912 11.45%,.7205 13.43%,.8393 15.45%,.936 17.39%,.9778,1.015,1.0477,1.0759,1.0998 22.22%,1.1203,1.1364,1.1484 25.26%,1.1586 26.61%,1.1629 28.06%,1.1613 29.56%,1.1537 31.2%,1.1434 32.6%,1.1288 34.19%,1.0508 41.29%,1.0174 44.87%,1.0025 46.89%,.9911 48.87%,.9826 50.9%,.9769 53.03%,.9735 56.02%,.9748 59.45%,.9964 72.64%,1.0031 79.69%,1.0042 86.83%,1.0008 99.97%);}@property --motion-spring-bounciest{syntax: "*"; inherits: false; initial-value: linear(0,.0032,.0131,.0294,.0524,.0824,.1192 1.54%,.2134 2.11%,.3102 2.59%,.4297 3.13%,.8732 4.95%,1.0373,1.1827 6.36%,1.2972 7.01%,1.3444,1.3859,1.4215,1.4504,1.4735,1.4908,1.5024,1.5084 9.5%,1.5091,1.5061,1.4993,1.4886,1.4745,1.4565 11.11%,1.4082 11.7%,1.3585 12.2%,1.295 12.77%,1.0623 14.64%,.9773,.9031 16.08%,.8449 16.73%,.8014,.7701 17.95%,.7587,.7501,.7443,.7412 19.16%,.7421 19.68%,.7508 20.21%,.7672 20.77%,.7917 21.37%,.8169 21.87%,.8492 22.43%,.9681 24.32%,1.0114,1.0492 25.75%,1.0789 26.41%,1.1008,1.1167,1.1271,1.1317 28.81%,1.1314,1.1271 29.87%,1.1189 30.43%,1.1063 31.03%,1.0769 32.11%,.9941 34.72%,.9748 35.43%,.9597 36.09%,.9487,.9407,.9355,.933 38.46%,.9344 39.38%,.9421 40.38%,.9566 41.5%,.9989 44.12%,1.0161 45.37%,1.029 46.75%,1.0341 48.1%,1.0335 49.04%,1.0295 50.05%,1.0221 51.18%,.992 55.02%,.9854 56.38%,.9827 57.72%,.985 59.73%,1.004 64.67%,1.0088 67.34%,1.0076 69.42%,.9981 74.28%,.9956 76.85%,.9961 79.06%,1.0023 86.46%,.999 95.22%,.9994 100%);}@property --motion-origin-scale-x{syntax: "*"; inherits: false; initial-value: 100%;}@property --motion-origin-scale-y{syntax: "*"; inherits: false; initial-value: 100%;}@property --motion-origin-translate-x{syntax: "*"; inherits: false; initial-value: 0%;}@property --motion-origin-translate-y{syntax: "*"; inherits: false; initial-value: 0%;}@property --motion-origin-rotate{syntax: "*"; inherits: false; initial-value: 0deg;}@property --motion-origin-blur{syntax: "*"; inherits: false; initial-value: 0px;}@property --motion-origin-grayscale{syntax: "*"; inherits: false; initial-value: 0%;}@property --motion-origin-opacity{syntax: "*"; inherits: false; initial-value: 100%;}@property --motion-origin-background-color{syntax: "*"; inherits: false;}@property --motion-origin-text-color{syntax: "*"; inherits: false;}@property --motion-end-scale-x{syntax: "*"; inherits: false; initial-value: 100%;}@property --motion-end-scale-y{syntax: "*"; inherits: false; initial-value: 100%;}@property --motion-end-translate-x{syntax: "*"; inherits: false; initial-value: 0%;}@property --motion-end-translate-y{syntax: "*"; inherits: false; initial-value: 0%;}@property --motion-end-rotate{syntax: "*"; inherits: false; initial-value: 0deg;}@property --motion-end-blur{syntax: "*"; inherits: false; initial-value: 0px;}@property --motion-end-grayscale{syntax: "*"; inherits: false; initial-value: 0%;}@property --motion-end-opacity{syntax: "*"; inherits: false; initial-value: 100%;}@property --motion-end-background-color{syntax: "*"; inherits: false;}@property --motion-end-text-color{syntax: "*"; inherits: false;}@property --motion-loop-scale-x{syntax: "*"; inherits: false; initial-value: 100%;}@property --motion-loop-scale-y{syntax: "*"; inherits: false; initial-value: 100%;}@property --motion-loop-translate-x{syntax: "*"; inherits: false; initial-value: 0%;}@property --motion-loop-translate-y{syntax: "*"; inherits: false; initial-value: 0%;}@property --motion-loop-rotate{syntax: "*"; inherits: false; initial-value: 0deg;}@property --motion-loop-blur{syntax: "*"; inherits: false; initial-value: 0px;}@property --motion-loop-grayscale{syntax: "*"; inherits: false; initial-value: 0%;}@property --motion-loop-opacity{syntax: "*"; inherits: false; initial-value: 100%;}@property --motion-loop-background-color{syntax: "*"; inherits: false;}@property --motion-loop-text-color{syntax: "*"; inherits: false;}@property --motion-duration{syntax: "*"; inherits: false; initial-value: .7s;}@property --motion-timing{syntax: "*"; inherits: false; initial-value: cubic-bezier(.165,.84,.44,1);}@property --motion-perceptual-duration-multiplier{syntax: "*"; inherits: false; initial-value: 1;}@property --motion-delay{syntax: "*"; inherits: false; initial-value: 0s;}@property --motion-loop-count{syntax: "*"; inherits: false; initial-value: infinite;}@property --motion-scale-in-animation{syntax: "*"; inherits: false; initial-value: none;}@property --motion-translate-in-animation{syntax: "*"; inherits: false; initial-value: none;}@property --motion-rotate-in-animation{syntax: "*"; inherits: false; initial-value: none;}@property --motion-filter-in-animation{syntax: "*"; inherits: false; initial-value: none;}@property --motion-opacity-in-animation{syntax: "*"; inherits: false; initial-value: none;}@property --motion-background-color-in-animation{syntax: "*"; inherits: false; initial-value: none;}@property --motion-text-color-in-animation{syntax: "*"; inherits: false; initial-value: none;}@property --motion-scale-out-animation{syntax: "*"; inherits: false; initial-value: none;}@property --motion-translate-out-animation{syntax: "*"; inherits: false; initial-value: none;}@property --motion-rotate-out-animation{syntax: "*"; inherits: false; initial-value: none;}@property --motion-filter-out-animation{syntax: "*"; inherits: false; initial-value: none;}@property --motion-opacity-out-animation{syntax: "*"; inherits: false; initial-value: none;}@property --motion-background-color-out-animation{syntax: "*"; inherits: false; initial-value: none;}@property --motion-text-color-out-animation{syntax: "*"; inherits: false; initial-value: none;}@property --motion-scale-loop-animation{syntax: "*"; inherits: false; initial-value: none;}@property --motion-translate-loop-animation{syntax: "*"; inherits: false; initial-value: none;}@property --motion-rotate-loop-animation{syntax: "*"; inherits: false; initial-value: none;}@property --motion-filter-loop-animation{syntax: "*"; inherits: false; initial-value: none;}@property --motion-opacity-loop-animation{syntax: "*"; inherits: false; initial-value: none;}@property --motion-background-color-loop-animation{syntax: "*"; inherits: false; initial-value: none;}@property --motion-text-color-loop-animation{syntax: "*"; inherits: false; initial-value: none;}@media screen and (prefers-reduced-motion:no-preference){@keyframes motion-scale-in{0%{scale:var(--motion-origin-scale-x)var(--motion-origin-scale-y)}to{scale:1}}@keyframes motion-scale-out{0%{scale:1}to{scale:var(--motion-end-scale-x)var(--motion-end-scale-y)}}@keyframes motion-scale-loop-mirror{0%,to{scale:1}50%{scale:var(--motion-loop-scale-x)var(--motion-loop-scale-y)}}@keyframes motion-scale-loop-reset{0%{scale:1}to{scale:var(--motion-loop-scale-x)var(--motion-loop-scale-y)}}@keyframes motion-translate-in{0%{translate:var(--motion-origin-translate-x)var(--motion-origin-translate-y)}to{translate:0}}@keyframes motion-translate-out{0%{translate:0}to{translate:var(--motion-end-translate-x)var(--motion-end-translate-y)}}@keyframes motion-translate-loop-mirror{0%,to{translate:0}50%{translate:var(--motion-loop-translate-x)var(--motion-loop-translate-y)}}@keyframes motion-translate-loop-reset{0%{translate:0}to{translate:var(--motion-loop-translate-x)var(--motion-loop-translate-y)}}@keyframes motion-rotate-in{0%{rotate:var(--motion-origin-rotate)}to{rotate:0}}@keyframes motion-rotate-out{0%{rotate:0}to{rotate:var(--motion-end-rotate)}}@keyframes motion-rotate-loop-mirror{0%,to{rotate:none}50%{rotate:var(--motion-loop-rotate)}}@keyframes motion-rotate-loop-reset{to{rotate:var(--motion-loop-rotate)}}}@keyframes motion-filter-in{0%{filter:blur(var(--motion-origin-blur))grayscale(var(--motion-origin-grayscale))}to{filter:blur()grayscale(0)}}@keyframes motion-filter-out{0%{filter:blur()grayscale(0)}to{filter:blur(var(--motion-end-blur))grayscale(var(--motion-end-grayscale))}}@keyframes motion-filter-loop-mirror{0%,to{filter:blur()grayscale(0)}50%{filter:blur(var(--motion-loop-blur))grayscale(var(--motion-loop-grayscale))}}@keyframes motion-filter-loop-reset{0%{filter:blur()grayscale(0)}to{filter:blur(var(--motion-loop-blur))grayscale(var(--motion-loop-grayscale))}}@keyframes motion-opacity-in{0%{opacity:var(--motion-origin-opacity)}}@keyframes motion-opacity-out{to{opacity:var(--motion-end-opacity)}}@keyframes motion-opacity-loop-mirror{50%{opacity:var(--motion-loop-opacity)}}@keyframes motion-opacity-loop-reset{to{opacity:var(--motion-loop-opacity)}}@keyframes motion-background-color-in{0%{background-color:var(--motion-origin-background-color)}}@keyframes motion-background-color-out{to{background-color:var(--motion-end-background-color)}}@keyframes motion-background-color-loop-mirror{50%{background-color:var(--motion-loop-background-color)}}@keyframes motion-background-color-loop-reset{to{background-color:var(--motion-loop-background-color)}}@keyframes motion-text-color-in{0%{color:var(--motion-origin-text-color)}}@keyframes motion-text-color-out{to{color:var(--motion-end-text-color)}}@keyframes motion-text-color-loop-mirror{50%{color:var(--motion-loop-text-color)}}@keyframes motion-text-color-loop-reset{to{color:var(--motion-loop-text-color)}}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.inset-10{inset:calc(var(--spacing)*10)}.inset-x-0{inset-inline:calc(var(--spacing)*0)}.inset-y-0{inset-block:calc(var(--spacing)*0)}.-top-1\.25{top:calc(var(--spacing)*-1.25)}.-top-40{top:calc(var(--spacing)*-40)}.top-0{top:calc(var(--spacing)*0)}.top-14{top:calc(var(--spacing)*14)}.top-14\.25{top:calc(var(--spacing)*14.25)}.top-28{top:calc(var(--spacing)*28)}.top-42{top:calc(var(--spacing)*42)}.top-56{top:calc(var(--spacing)*56)}.top-70{top:calc(var(--spacing)*70)}.top-84{top:calc(var(--spacing)*84)}.top-98{top:calc(var(--spacing)*98)}.top-\[32px\]{top:32px}.top-\[110px\]{top:110px}.top-\[128px\]{top:128px}.top-px{top:1px}.-right-1{right:calc(var(--spacing)*-1)}.-right-1\.25{right:calc(var(--spacing)*-1.25)}.right-0{right:calc(var(--spacing)*0)}.right-\[32px\]{right:32px}.right-\[110px\]{right:110px}.-bottom-1\.25{bottom:calc(var(--spacing)*-1.25)}.bottom-\[32px\]{bottom:32px}.-left-1{left:calc(var(--spacing)*-1)}.-left-1\.25{left:calc(var(--spacing)*-1.25)}.-left-40{left:calc(var(--spacing)*-40)}.left-28{left:calc(var(--spacing)*28)}.left-42{left:calc(var(--spacing)*42)}.left-70{left:calc(var(--spacing)*70)}.left-98{left:calc(var(--spacing)*98)}.left-140{left:calc(var(--spacing)*140)}.left-168{left:calc(var(--spacing)*168)}.left-210{left:calc(var(--spacing)*210)}.left-252{left:calc(var(--spacing)*252)}.left-\[32px\]{left:32px}.left-\[100px\]{left:100px}.z-0{z-index:0}.z-10{z-index:10}.z-50{z-index:50}.z-\[60\]{z-index:60}.z-\[100\]{z-index:100}.col-span-2{grid-column:span 2/span 2}.col-start-1{grid-column-start:1}.row-start-1{grid-row-start:1}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-4{margin-inline:calc(var(--spacing)*4)}.mx-auto{margin-inline:auto}.my-1\.5{margin-block:calc(var(--spacing)*1.5)}.my-3\.5{margin-block:calc(var(--spacing)*3.5)}.-mt-15\.5{margin-top:calc(var(--spacing)*-15.5)}.mt-1\.5{margin-top:calc(var(--spacing)*1.5)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-10{margin-top:calc(var(--spacing)*10)}.mt-14{margin-top:calc(var(--spacing)*14)}.mt-\[26px\]{margin-top:26px}.mt-auto{margin-top:auto}.-mr-1{margin-right:calc(var(--spacing)*-1)}.mr-2\.5{margin-right:calc(var(--spacing)*2.5)}.mr-4{margin-right:calc(var(--spacing)*4)}.mb-1\.5{margin-bottom:calc(var(--spacing)*1.5)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-7{margin-bottom:calc(var(--spacing)*7)}.mb-10{margin-bottom:calc(var(--spacing)*10)}.ml-1\.5{margin-left:calc(var(--spacing)*1.5)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.size-2{width:calc(var(--spacing)*2);height:calc(var(--spacing)*2)}.size-2\.25{width:calc(var(--spacing)*2.25);height:calc(var(--spacing)*2.25)}.size-3\.5{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-5{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.size-6{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.size-8{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8)}.size-9{width:calc(var(--spacing)*9);height:calc(var(--spacing)*9)}.size-\[18px\]{width:18px;height:18px}.h-1\.5{height:calc(var(--spacing)*1.5)}.h-2{height:calc(var(--spacing)*2)}.h-2\.5{height:calc(var(--spacing)*2.5)}.h-3\.5{height:calc(var(--spacing)*3.5)}.h-4\.5{height:calc(var(--spacing)*4.5)}.h-5{height:calc(var(--spacing)*5)}.h-5\.5{height:calc(var(--spacing)*5.5)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-9{height:calc(var(--spacing)*9)}.h-15\.5{height:calc(var(--spacing)*15.5)}.h-20{height:calc(var(--spacing)*20)}.h-40{height:calc(var(--spacing)*40)}.h-\[22px\]{height:22px}.h-\[630px\]{height:630px}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.w-4{width:calc(var(--spacing)*4)}.w-8{width:calc(var(--spacing)*8)}.w-9{width:calc(var(--spacing)*9)}.w-10{width:calc(var(--spacing)*10)}.w-12{width:calc(var(--spacing)*12)}.w-20{width:calc(var(--spacing)*20)}.w-40{width:calc(var(--spacing)*40)}.w-56{width:calc(var(--spacing)*56)}.w-160{width:calc(var(--spacing)*160)}.w-\[5\%\]{width:5%}.w-\[96\%\]{width:96%}.w-\[208px\]{width:208px}.w-\[440px\]{width:440px}.w-\[1200px\]{width:1200px}.w-auto{width:auto}.w-full{width:100%}.w-max{width:max-content}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-\[48ch\]{max-width:48ch}.max-w-full{max-width:100%}.max-w-xs{max-width:var(--container-xs)}.min-w-1\.5{min-width:calc(var(--spacing)*1.5)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.motion-preset-blur-up{--motion-origin-blur:5px;--motion-origin-translate-y:5%;--motion-origin-opacity:0;--motion-opacity-in-animation:motion-opacity-in calc(var(--motion-opacity-duration,var(--motion-duration))*var(--motion-opacity-perceptual-duration-multiplier,var(--motion-perceptual-duration-multiplier)))var(--motion-opacity-timing,var(--motion-timing))var(--motion-opacity-delay,var(--motion-delay))both;--motion-filter-in-animation:motion-filter-in calc(var(--motion-filter-duration,var(--motion-duration))*var(--motion-filter-perceptual-duration-multiplier,var(--motion-perceptual-duration-multiplier)))var(--motion-filter-timing,var(--motion-timing))var(--motion-filter-delay,var(--motion-delay))both;--motion-translate-in-animation:motion-translate-in calc(var(--motion-translate-duration,var(--motion-duration))*var(--motion-translate-perceptual-duration-multiplier,var(--motion-perceptual-duration-multiplier)))var(--motion-translate-timing,var(--motion-timing))var(--motion-translate-delay,var(--motion-delay))both;animation:var(--motion-scale-in-animation),var(--motion-translate-in-animation),var(--motion-rotate-in-animation),var(--motion-filter-in-animation),var(--motion-opacity-in-animation),var(--motion-background-color-in-animation),var(--motion-text-color-in-animation),var(--motion-scale-loop-animation),var(--motion-translate-loop-animation),var(--motion-rotate-loop-animation),var(--motion-filter-loop-animation),var(--motion-opacity-loop-animation),var(--motion-background-color-loop-animation),var(--motion-text-color-loop-animation)}.motion-preset-slide-up{--motion-origin-translate-y:25%;--motion-origin-opacity:0;--motion-opacity-in-animation:motion-opacity-in calc(var(--motion-opacity-duration,var(--motion-duration))*var(--motion-opacity-perceptual-duration-multiplier,var(--motion-perceptual-duration-multiplier)))var(--motion-opacity-timing,var(--motion-timing))var(--motion-opacity-delay,var(--motion-delay))both;--motion-translate-in-animation:motion-translate-in calc(var(--motion-translate-duration,var(--motion-duration))*var(--motion-translate-perceptual-duration-multiplier,var(--motion-perceptual-duration-multiplier)))var(--motion-translate-timing,var(--motion-timing))var(--motion-translate-delay,var(--motion-delay))both;animation:var(--motion-scale-in-animation),var(--motion-translate-in-animation),var(--motion-rotate-in-animation),var(--motion-filter-in-animation),var(--motion-opacity-in-animation),var(--motion-background-color-in-animation),var(--motion-text-color-in-animation),var(--motion-scale-loop-animation),var(--motion-translate-loop-animation),var(--motion-rotate-loop-animation),var(--motion-filter-loop-animation),var(--motion-opacity-loop-animation),var(--motion-background-color-loop-animation),var(--motion-text-color-loop-animation)}.motion-preset-fade{--motion-origin-opacity:0;--motion-duration:.5s;--motion-opacity-in-animation:motion-opacity-in calc(var(--motion-opacity-duration,var(--motion-duration))*var(--motion-opacity-perceptual-duration-multiplier,var(--motion-perceptual-duration-multiplier)))var(--motion-opacity-timing,var(--motion-timing))var(--motion-opacity-delay,var(--motion-delay))both;animation:var(--motion-scale-in-animation),var(--motion-translate-in-animation),var(--motion-rotate-in-animation),var(--motion-filter-in-animation),var(--motion-opacity-in-animation),var(--motion-background-color-in-animation),var(--motion-text-color-in-animation),var(--motion-scale-loop-animation),var(--motion-translate-loop-animation),var(--motion-rotate-loop-animation),var(--motion-filter-loop-animation),var(--motion-opacity-loop-animation),var(--motion-background-color-loop-animation),var(--motion-text-color-loop-animation)}.motion-blur-in-lg{--motion-origin-blur:16px;--motion-filter-in-animation:motion-filter-in calc(var(--motion-filter-duration,var(--motion-duration))*var(--motion-filter-perceptual-duration-multiplier,var(--motion-perceptual-duration-multiplier)))var(--motion-filter-timing,var(--motion-timing))var(--motion-filter-delay,var(--motion-delay))both;animation:var(--motion-scale-in-animation),var(--motion-translate-in-animation),var(--motion-rotate-in-animation),var(--motion-filter-in-animation),var(--motion-opacity-in-animation),var(--motion-background-color-in-animation),var(--motion-text-color-in-animation),var(--motion-scale-loop-animation),var(--motion-translate-loop-animation),var(--motion-rotate-loop-animation),var(--motion-filter-loop-animation),var(--motion-opacity-loop-animation),var(--motion-background-color-loop-animation),var(--motion-text-color-loop-animation)}.animate-beam-x{animation:var(--animate-beam-x)}.animate-beam-y{animation:var(--animate-beam-y)}.animate-border-in{animation:var(--animate-border-in)}.animate-crt-in{animation:var(--animate-crt-in)}.animate-intro-out{animation:var(--animate-intro-out)}.animate-marquee{animation:var(--animate-marquee)}.animate-trace{animation:var(--animate-trace)}.cursor-pointer{cursor:pointer}.columns-2{columns:2}.break-inside-avoid{break-inside:avoid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-2\.5{gap:calc(var(--spacing)*2.5)}.gap-3{gap:calc(var(--spacing)*3)}.gap-3\.5{gap:calc(var(--spacing)*3.5)}.gap-4{gap:calc(var(--spacing)*4)}.gap-4\.5{gap:calc(var(--spacing)*4.5)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.gap-7{gap:calc(var(--spacing)*7)}.gap-12{gap:calc(var(--spacing)*12)}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-3\.5{column-gap:calc(var(--spacing)*3.5)}.gap-x-6{column-gap:calc(var(--spacing)*6)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-clip{overflow-x:clip}.overflow-y-auto{overflow-y:auto}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[2px\]{border-radius:2px}.rounded-\[10px\]{border-radius:10px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-xs{border-radius:var(--radius-xs)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-\[var\(--theme-border\)\]{border-color:var(--theme-border)}.border-\[var\(--theme-code-border\)\]{border-color:var(--theme-code-border)}.border-red-500{border-color:var(--color-red-500)}.border-transparent{border-color:#0000}.border-white\/15{border-color:#ffffff26}@supports (color:color-mix(in lab,red,red)){.border-white\/15{border-color:color-mix(in oklab,var(--color-white)15%,transparent)}}.border-zinc-700{border-color:var(--color-zinc-700)}.bg-\[var\(--theme-accent\)\]{background-color:var(--theme-accent)}.bg-\[var\(--theme-bg\)\]{background-color:var(--theme-bg)}.bg-\[var\(--theme-code-panel\)\]{background-color:var(--theme-code-panel)}.bg-\[var\(--theme-code-terminal\)\]{background-color:var(--theme-code-terminal)}.bg-\[var\(--theme-overlay\)\]{background-color:var(--theme-overlay)}.bg-\[var\(--theme-surface-inset\)\]{background-color:var(--theme-surface-inset)}.bg-\[var\(--theme-surface-raised\)\]{background-color:var(--theme-surface-raised)}.bg-green-400{background-color:var(--color-green-400)}.bg-green-500{background-color:var(--color-green-500)}.bg-green-600{background-color:var(--color-green-600)}.bg-red-500{background-color:var(--color-red-500)}.bg-rose-500{background-color:var(--color-rose-500)}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.bg-white\/5{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.bg-zinc-600{background-color:var(--color-zinc-600)}.bg-zinc-700{background-color:var(--color-zinc-700)}.bg-zinc-800{background-color:var(--color-zinc-800)}.bg-zinc-900{background-color:var(--color-zinc-900)}.bg-zinc-950\/80{background-color:#09090bcc}@supports (color:color-mix(in lab,red,red)){.bg-zinc-950\/80{background-color:color-mix(in oklab,var(--color-zinc-950)80%,transparent)}}.bg-\[linear-gradient\(90deg\,transparent\,var\(--theme-hero-beam\)\,transparent\)\]{background-image:linear-gradient(90deg,transparent,var(--theme-hero-beam),transparent)}.bg-\[linear-gradient\(180deg\,transparent\,var\(--theme-hero-beam\)\,transparent\)\]{background-image:linear-gradient(180deg,transparent,var(--theme-hero-beam),transparent)}.bg-\[linear-gradient\(var\(--color-zinc-700\)_1px\,transparent_1px\)\,linear-gradient\(90deg\,var\(--color-zinc-700\)_1px\,transparent_1px\)\]{background-image:linear-gradient(var(--color-zinc-700)1px,transparent 1px),linear-gradient(90deg,var(--color-zinc-700)1px,transparent 1px)}.bg-\[linear-gradient\(var\(--theme-grid-line\)_1px\,transparent_1px\)\,linear-gradient\(90deg\,var\(--theme-grid-line\)_1px\,transparent_1px\)\]{background-image:linear-gradient(var(--theme-grid-line)1px,transparent 1px),linear-gradient(90deg,var(--theme-grid-line)1px,transparent 1px)}.bg-\[linear-gradient\(var\(--theme-hero-spotlight\)_1px\,transparent_1px\)\,linear-gradient\(90deg\,var\(--theme-hero-spotlight\)_1px\,transparent_1px\)\]{background-image:linear-gradient(var(--theme-hero-spotlight)1px,transparent 1px),linear-gradient(90deg,var(--theme-hero-spotlight)1px,transparent 1px)}.bg-\[linear-gradient\(var\(--theme-hero-spotlight\)_1px\,transparent_1px\)\,linear-gradient\(90deg\,var\(--theme-hero-spotlight-subtle\)_1px\,transparent_1px\)\]{background-image:linear-gradient(var(--theme-hero-spotlight)1px,transparent 1px),linear-gradient(90deg,var(--theme-hero-spotlight-subtle)1px,transparent 1px)}.bg-\[repeating-linear-gradient\(0deg\,transparent_0_2px\,var\(--theme-hero-scanline\)_2px_4px\)\]{background-image:repeating-linear-gradient(0deg,transparent 0 2px,var(--theme-hero-scanline)2px 4px)}.\[mask-image\:radial-gradient\(ellipse_90\%_90\%_at_55\%_30\%\,\#000_30\%\,transparent_78\%\)\]{-webkit-mask-image:radial-gradient(90% 90% at 55% 30%,#000 30%,#0000 78%);mask-image:radial-gradient(90% 90% at 55% 30%,#000 30%,#0000 78%)}.mask-\[linear-gradient\(90deg\,transparent\,black_8\%\,black_92\%\,transparent\)\]{-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.mask-\[radial-gradient\(220px_circle_at_var\(--spot-x\,-999px\)_var\(--spot-y\,-999px\)\,\#000\,transparent\)\,radial-gradient\(ellipse_90\%_80\%_at_60\%_20\%\,\#000_30\%\,transparent_75\%\)\]{-webkit-mask-image:radial-gradient(220px circle at var(--spot-x,-999px)var(--spot-y,-999px),#000,transparent),radial-gradient(ellipse 90% 80% at 60% 20%,#000 30%,transparent 75%);mask-image:radial-gradient(220px circle at var(--spot-x,-999px)var(--spot-y,-999px),#000,transparent),radial-gradient(ellipse 90% 80% at 60% 20%,#000 30%,transparent 75%)}.mask-\[radial-gradient\(220px_circle_at_var\(--spot-x\,50\%\)_var\(--spot-y\,50\%\)\,\#000\,transparent\)\,radial-gradient\(ellipse_90\%_80\%_at_60\%_20\%\,\#000_30\%\,transparent_75\%\)\]{-webkit-mask-image:radial-gradient(220px circle at var(--spot-x,50%)var(--spot-y,50%),#000,transparent),radial-gradient(ellipse 90% 80% at 60% 20%,#000 30%,transparent 75%);mask-image:radial-gradient(220px circle at var(--spot-x,50%)var(--spot-y,50%),#000,transparent),radial-gradient(ellipse 90% 80% at 60% 20%,#000 30%,transparent 75%)}.mask-\[radial-gradient\(ellipse_70\%_90\%_at_50\%_45\%\,\#000_30\%\,transparent_75\%\)\]{-webkit-mask-image:radial-gradient(70% 90% at 50% 45%,#000 30%,#0000 75%);mask-image:radial-gradient(70% 90% at 50% 45%,#000 30%,#0000 75%)}.mask-\[radial-gradient\(ellipse_90\%_80\%_at_60\%_20\%\,\#000_30\%\,transparent_75\%\)\]{-webkit-mask-image:radial-gradient(90% 80% at 60% 20%,#000 30%,#0000 75%);mask-image:radial-gradient(90% 80% at 60% 20%,#000 30%,#0000 75%)}.bg-size-\[3\.5rem_3\.5rem\]{background-size:3.5rem 3.5rem}.bg-size-\[56px_56px\]{background-size:56px 56px}.mask-intersect{-webkit-mask-composite:source-in;mask-composite:intersect}.fill-\[var\(--theme-border\)\]{fill:var(--theme-border)}.fill-\[var\(--theme-fg\)\]{fill:var(--theme-fg)}.fill-none{fill:none}.fill-zinc-50{fill:var(--color-zinc-50)}.stroke-rose-500\/60{stroke:#ff235799}@supports (color:color-mix(in lab,red,red)){.stroke-rose-500\/60{stroke:color-mix(in oklab,var(--color-rose-500)60%,transparent)}}.stroke-\[0\.3\]{stroke-width:.3px}.object-contain{object-fit:contain}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.px-0\.5{padding-inline:calc(var(--spacing)*.5)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.px-12{padding-inline:calc(var(--spacing)*12)}.px-\[9px\]{padding-inline:9px}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-3\.5{padding-block:calc(var(--spacing)*3.5)}.py-4{padding-block:calc(var(--spacing)*4)}.py-5{padding-block:calc(var(--spacing)*5)}.py-6{padding-block:calc(var(--spacing)*6)}.py-7{padding-block:calc(var(--spacing)*7)}.py-16{padding-block:calc(var(--spacing)*16)}.py-20{padding-block:calc(var(--spacing)*20)}.py-\[2px\]{padding-block:2px}.py-\[30px\]{padding-block:30px}.py-px{padding-block:1px}.pt-5{padding-top:calc(var(--spacing)*5)}.pt-6{padding-top:calc(var(--spacing)*6)}.pt-8{padding-top:calc(var(--spacing)*8)}.pt-14{padding-top:calc(var(--spacing)*14)}.pt-19{padding-top:calc(var(--spacing)*19)}.pr-4{padding-right:calc(var(--spacing)*4)}.pb-6{padding-bottom:calc(var(--spacing)*6)}.pb-8{padding-bottom:calc(var(--spacing)*8)}.pb-10{padding-bottom:calc(var(--spacing)*10)}.pb-12{padding-bottom:calc(var(--spacing)*12)}.pb-19{padding-bottom:calc(var(--spacing)*19)}.pl-5{padding-left:calc(var(--spacing)*5)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-2xs{font-size:var(--text-2xs);line-height:var(--tw-leading,var(--text-2xs--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-3xs{font-size:var(--text-3xs);line-height:var(--tw-leading,var(--text-3xs--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-sm\/relaxed{font-size:var(--text-sm);line-height:var(--leading-relaxed)}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-xs-plus{font-size:var(--text-xs-plus);line-height:var(--tw-leading,var(--text-xs-plus--line-height))}.text-\[18\.5px\]{font-size:18.5px}.text-\[20px\]{font-size:20px}.text-\[48px\]{font-size:48px}.text-\[clamp\(1\.875rem\,8\.6vw\,2\.5rem\)\]{font-size:clamp(1.875rem,8.6vw,2.5rem)}.leading-\[1\.05\]{--tw-leading:1.05;line-height:1.05}.leading-\[1\.09\]{--tw-leading:1.09;line-height:1.09}.leading-\[1\.9\]{--tw-leading:1.9;line-height:1.9}.leading-\[1\.85\]{--tw-leading:1.85;line-height:1.85}.leading-\[2\.05\]{--tw-leading:2.05;line-height:2.05}.leading-none{--tw-leading:1;line-height:1}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.02em\]{--tw-tracking:-.02em;letter-spacing:-.02em}.tracking-\[0\.16em\]{--tw-tracking:.16em;letter-spacing:.16em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}.whitespace-nowrap{white-space:nowrap}.text-\[var\(--theme-accent\)\]{color:var(--theme-accent)}.text-\[var\(--theme-accent-contrast\)\]{color:var(--theme-accent-contrast)}.text-\[var\(--theme-code-tab-muted\)\]{color:var(--theme-code-tab-muted)}.text-\[var\(--theme-code-text\)\]{color:var(--theme-code-text)}.text-\[var\(--theme-fg\)\]{color:var(--theme-fg)}.text-\[var\(--theme-muted\)\]{color:var(--theme-muted)}.text-cyan-300{color:var(--color-cyan-300)}.text-green-400{color:var(--color-green-400)}.text-pink-400{color:var(--color-pink-400)}.text-red-400{color:var(--color-red-400)}.text-red-500{color:var(--color-red-500)}.text-rose-400{color:var(--color-rose-400)}.text-rose-500{color:var(--color-rose-500)}.text-slate-200{color:var(--color-slate-200)}.text-slate-500{color:var(--color-slate-500)}.text-violet-300{color:var(--color-violet-300)}.text-white{color:var(--color-white)}.text-yellow-200{color:var(--color-yellow-200)}.text-yellow-400{color:var(--color-yellow-400)}.text-zinc-50{color:var(--color-zinc-50)}.text-zinc-100{color:var(--color-zinc-100)}.text-zinc-300{color:var(--color-zinc-300)}.text-zinc-400{color:var(--color-zinc-400)}.text-zinc-500{color:var(--color-zinc-500)}.text-zinc-900{color:var(--color-zinc-900)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.font-stretch-112\%{font-stretch:112%}.no-underline{text-decoration-line:none}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-\[var\(--theme-hero-grid-opacity\)\]{opacity:var(--theme-hero-grid-opacity)}.opacity-\[var\(--theme-partner-logo-opacity\)\]{opacity:var(--theme-partner-logo-opacity)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_0_14px_var\(--color-zinc-800\)\]{--tw-shadow:0 0 0 14px var(--tw-shadow-color,var(--color-zinc-800));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_24px_60px_-30px_var\(--theme-code-shadow\)\]{--tw-shadow:0 24px 60px -30px var(--tw-shadow-color,var(--theme-code-shadow));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[color\:var\(--theme-shadow\)\]{--tw-shadow-color:var(--theme-shadow)}@supports (color:color-mix(in lab,red,red)){.shadow-\[color\:var\(--theme-shadow\)\]{--tw-shadow-color:color-mix(in oklab,var(--theme-shadow)var(--tw-shadow-alpha),transparent)}}.ring-green-500\/70{--tw-ring-color:#00c758b3}@supports (color:color-mix(in lab,red,red)){.ring-green-500\/70{--tw-ring-color:color-mix(in oklab,var(--color-green-500)70%,transparent)}}.outline,.outline-1{outline-style:var(--tw-outline-style);outline-width:1px}.-outline-offset-1{outline-offset:-1px}.outline-offset-\[14px\]{outline-offset:14px}.outline-white\/10{outline-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.outline-white\/10{outline-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.outline-zinc-500\/45{outline-color:#71717b73}@supports (color:color-mix(in lab,red,red)){.outline-zinc-500\/45{outline-color:color-mix(in oklab,var(--color-zinc-500)45%,transparent)}}.drop-shadow-\[0_0_4px_var\(--color-rose-500\)\]{--tw-drop-shadow-size:drop-shadow(0 0 4px var(--tw-drop-shadow-color,var(--color-rose-500)));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.drop-shadow-\[0_0_6px_var\(--theme-hero-beam\)\]{--tw-drop-shadow-size:drop-shadow(0 0 6px var(--tw-drop-shadow-color,var(--theme-hero-beam)));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.\[filter\:var\(--theme-partner-logo-filter\)\]{filter:var(--theme-partner-logo-filter)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,border-color\,scale\]{transition-property:background-color,border-color,scale;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,scale\]{transition-property:background-color,scale;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[border-color\,scale\]{transition-property:border-color,scale;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.select-none{-webkit-user-select:none;user-select:none}.\[--beam-delay\:0\.2s\]{--beam-delay:.2s}.\[--beam-delay\:0\.3s\]{--beam-delay:.3s}.\[--beam-delay\:0\.5s\]{--beam-delay:.5s}.\[--beam-delay\:0\.8s\]{--beam-delay:.8s}.\[--beam-delay\:1\.2s\]{--beam-delay:1.2s}.\[--beam-delay\:1\.4s\]{--beam-delay:1.4s}.\[--beam-delay\:1\.5s\]{--beam-delay:1.5s}.\[--beam-delay\:1\.7s\]{--beam-delay:1.7s}.\[--beam-delay\:1s\]{--beam-delay:1s}.\[--beam-delay\:2\.2s\]{--beam-delay:2.2s}.\[--beam-delay\:2\.3s\]{--beam-delay:2.3s}.\[--beam-delay\:2\.7s\]{--beam-delay:2.7s}.\[--beam-delay\:2\.8s\]{--beam-delay:2.8s}.\[--beam-delay\:2s\]{--beam-delay:2s}.\[--beam-delay\:3\.2s\]{--beam-delay:3.2s}.\[--beam-delay\:3\.7s\]{--beam-delay:3.7s}.\[--beam-delay\:3s\]{--beam-delay:3s}.\[--beam-duration\:5s\]{--beam-duration:5s}.\[--beam-duration\:6s\]{--beam-duration:6s}.\[--beam-duration\:7s\]{--beam-duration:7s}.\[--beam-duration\:8s\]{--beam-duration:8s}.\[--beam-duration\:9s\]{--beam-duration:9s}.\[--beam-duration\:10s\]{--beam-duration:10s}.\[--beam-duration\:11s\]{--beam-duration:11s}.\[--beam-duration\:12s\]{--beam-duration:12s}.\[--beam-duration\:13s\]{--beam-duration:13s}.\[stroke-dasharray\:40_360\]{stroke-dasharray:40 360}.motion-delay-100{--motion-delay:.1s}.motion-delay-200{--motion-delay:.2s}.motion-delay-300{--motion-delay:.3s}.motion-delay-500{--motion-delay:.5s}.motion-delay-\[400ms\]{--motion-delay:.4s}.motion-delay-\[600ms\]{--motion-delay:.6s}.motion-duration-1000{--motion-duration:1s}@media (hover:hover){.group-hover\:text-zinc-200:is(:where(.group):hover *){color:var(--color-zinc-200)}}.selection\:bg-rose-600 ::selection{background-color:var(--color-rose-600)}.selection\:bg-rose-600::selection{background-color:var(--color-rose-600)}.selection\:text-white ::selection{color:var(--color-white)}.selection\:text-white::selection{color:var(--color-white)}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:top-1:before{content:var(--tw-content);top:calc(var(--spacing)*1)}.before\:top-2:before{content:var(--tw-content);top:calc(var(--spacing)*2)}.before\:left-0:before{content:var(--tw-content);left:calc(var(--spacing)*0)}.before\:h-0\.5:before{content:var(--tw-content);height:calc(var(--spacing)*.5)}.before\:h-px:before{content:var(--tw-content);height:1px}.before\:w-2\.25:before{content:var(--tw-content);width:calc(var(--spacing)*2.25)}.before\:w-\[18px\]:before{content:var(--tw-content);width:18px}.before\:bg-\[var\(--theme-accent\)\]:before{content:var(--tw-content);background-color:var(--theme-accent)}.before\:bg-rose-500:before{content:var(--tw-content);background-color:var(--color-rose-500)}.before\:content-\[\'\'\]:before{--tw-content:"";content:var(--tw-content)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-x-0:after{content:var(--tw-content);inset-inline:calc(var(--spacing)*0)}.after\:top-0:after{content:var(--tw-content);top:calc(var(--spacing)*0)}.after\:bottom-1\.5:after{content:var(--tw-content);bottom:calc(var(--spacing)*1.5)}.after\:bottom-\[5px\]:after{content:var(--tw-content);bottom:5px}.after\:left-1:after{content:var(--tw-content);left:calc(var(--spacing)*1)}.after\:left-2:after{content:var(--tw-content);left:calc(var(--spacing)*2)}.after\:-z-10:after{content:var(--tw-content);z-index:-10}.after\:h-2\.5:after{content:var(--tw-content);height:calc(var(--spacing)*2.5)}.after\:h-2\.25:after{content:var(--tw-content);height:calc(var(--spacing)*2.25)}.after\:h-\[13px\]:after{content:var(--tw-content);height:13px}.after\:h-\[18px\]:after{content:var(--tw-content);height:18px}.after\:w-0\.5:after{content:var(--tw-content);width:calc(var(--spacing)*.5)}.after\:w-px:after{content:var(--tw-content);width:1px}.after\:bg-\[var\(--theme-accent\)\]:after{content:var(--tw-content);background-color:var(--theme-accent)}.after\:bg-rose-500:after{content:var(--tw-content);background-color:var(--color-rose-500)}.after\:bg-rose-950:after{content:var(--tw-content);background-color:var(--color-rose-950)}.after\:opacity-20:after{content:var(--tw-content);opacity:.2}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}@media (hover:hover){.hover\:border-\[var\(--theme-muted\)\]:hover{border-color:var(--theme-muted)}.hover\:border-white\/30:hover{border-color:#ffffff4d}@supports (color:color-mix(in lab,red,red)){.hover\:border-white\/30:hover{border-color:color-mix(in oklab,var(--color-white)30%,transparent)}}.hover\:border-zinc-200\/20:hover{border-color:#e4e4e733}@supports (color:color-mix(in lab,red,red)){.hover\:border-zinc-200\/20:hover{border-color:color-mix(in oklab,var(--color-zinc-200)20%,transparent)}}.hover\:border-zinc-600:hover{border-color:var(--color-zinc-600)}.hover\:bg-\[var\(--theme-accent-hover\)\]:hover{background-color:var(--theme-accent-hover)}.hover\:bg-\[var\(--theme-surface-inset\)\]:hover{background-color:var(--theme-surface-inset)}.hover\:bg-\[var\(--theme-surface-raised\)\]:hover{background-color:var(--theme-surface-raised)}.hover\:bg-rose-600:hover{background-color:var(--color-rose-600)}.hover\:text-\[var\(--theme-accent\)\]:hover{color:var(--theme-accent)}.hover\:text-\[var\(--theme-code-tab-active\)\]:hover{color:var(--theme-code-tab-active)}.hover\:text-\[var\(--theme-fg\)\]:hover{color:var(--theme-fg)}.hover\:text-white:hover{color:var(--color-white)}.hover\:underline:hover{text-decoration-line:underline}.hover\:\[animation-play-state\:paused\]:hover{animation-play-state:paused}}.active\:scale-96:active{--tw-scale-x:96%;--tw-scale-y:96%;--tw-scale-z:96%;scale:var(--tw-scale-x)var(--tw-scale-y)}.aria-selected\:border-\[var\(--theme-code-accent\)\][aria-selected=true]{border-color:var(--theme-code-accent)}.aria-selected\:text-\[var\(--theme-code-tab-active\)\][aria-selected=true]{color:var(--theme-code-tab-active)}@media (prefers-reduced-motion:reduce){.motion-reduce\:hidden{display:none}.motion-reduce\:animate-none{animation:none}}@media (min-width:40rem){.sm\:flex{display:flex}.sm\:h-5{height:calc(var(--spacing)*5)}.sm\:h-5\.5{height:calc(var(--spacing)*5.5)}.sm\:h-6\.5{height:calc(var(--spacing)*6.5)}.sm\:h-7{height:calc(var(--spacing)*7)}.sm\:h-7\.5{height:calc(var(--spacing)*7.5)}.sm\:h-8\.5{height:calc(var(--spacing)*8.5)}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:border-x{border-inline-style:var(--tw-border-style);border-inline-width:1px}.sm\:px-8{padding-inline:calc(var(--spacing)*8)}.sm\:px-10{padding-inline:calc(var(--spacing)*10)}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.sm\:text-\[clamp\(2\.125rem\,4vw\,3\.125rem\)\]{font-size:clamp(2.125rem,4vw,3.125rem)}}@media (min-width:64rem){.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:columns-4{columns:4}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-\[1\.05fr_0\.95fr\]{grid-template-columns:1.05fr .95fr}.lg\:grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.lg\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.lg\:border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.lg\:py-24{padding-block:calc(var(--spacing)*24)}.lg\:pt-20{padding-top:calc(var(--spacing)*20)}.lg\:pb-\[72px\]{padding-bottom:72px}.lg\:\[animation-delay\:1100ms\]{animation-delay:1.1s}.lg\:motion-delay-\[1100ms\]{--motion-delay:1.1s}.lg\:motion-delay-\[1200ms\]{--motion-delay:1.2s}.lg\:motion-delay-\[1300ms\]{--motion-delay:1.3s}.lg\:motion-delay-\[1400ms\]{--motion-delay:1.4s}.lg\:motion-delay-\[1500ms\]{--motion-delay:1.5s}.lg\:motion-delay-\[1600ms\]{--motion-delay:1.6s}.lg\:motion-delay-\[1700ms\]{--motion-delay:1.7s}}@media (prefers-reduced-motion:reduce){@media (min-width:64rem){.motion-reduce\:lg\:hidden{display:none}}}.\[\&_a\]\:text-\[var\(--theme-muted\)\] a{color:var(--theme-muted)}.\[\&_a\:hover\]\:text-\[var\(--theme-fg\)\] a:hover{color:var(--theme-fg)}.\[\&_h3\]\:text-\[var\(--theme-muted\)\] h3{color:var(--theme-muted)}}@font-face{font-family:Archivo;font-style:normal;font-weight:400 900;font-stretch:62% 125%;font-display:swap;src:url(/www/fonts/archivo-var.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo;font-style:italic;font-weight:400 900;font-stretch:62% 125%;font-display:swap;src:url(/www/fonts/archivo-italic-var.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400 600;font-display:swap;src:url(/www/fonts/instrument-sans-var.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 700;font-display:swap;src:url(/www/fonts/jetbrains-mono-var.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:italic;font-weight:400 700;font-display:swap;src:url(/www/fonts/jetbrains-mono-italic-var.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:dark;--theme-bg:var(--color-zinc-900);--theme-fg:var(--color-zinc-200);--theme-muted:var(--color-zinc-400);--theme-border:var(--color-zinc-700);--theme-surface-raised:var(--color-zinc-800);--theme-surface-inset:var(--color-zinc-900);--theme-overlay:#18181bcc;--theme-accent:var(--color-rose-500);--theme-accent-hover:var(--color-rose-600);--theme-accent-contrast:var(--color-white);--theme-code-panel:var(--color-zinc-800);--theme-code-terminal:var(--color-zinc-900);--theme-code-border:var(--color-zinc-700);--theme-code-tab-muted:var(--color-zinc-400);--theme-code-tab-active:var(--color-zinc-200);--theme-code-accent:var(--color-rose-500);--theme-code-text:var(--color-zinc-300);--theme-code-muted:var(--color-zinc-500);--theme-code-function:var(--color-green-400);--theme-code-string:var(--color-yellow-200);--theme-code-keyword:var(--color-pink-400);--theme-code-variable:var(--color-zinc-100);--theme-code-class:var(--color-cyan-300);--theme-code-number:var(--color-violet-300);--theme-code-success:var(--color-green-400);--theme-code-pass-bg:var(--color-green-400);--theme-code-pass-fg:var(--color-zinc-900);--theme-code-shadow:#17161b2e;--theme-grid-line:var(--color-zinc-700);--theme-shadow:#0006;--theme-hero-grid-opacity:.5;--theme-hero-beam:var(--color-rose-500);--theme-hero-spotlight:var(--color-rose-800);--theme-hero-spotlight-subtle:var(--color-rose-900);--theme-hero-scanline:#18181b73;--theme-partner-logo-filter:none;--theme-partner-logo-opacity:1;--theme-faint:var(--color-zinc-500);--theme-placeholder:var(--color-zinc-700);--theme-placeholder-strong:var(--color-zinc-600);--theme-accent-soft:var(--color-rose-400);--theme-danger:var(--color-red-400);--theme-danger-strong:var(--color-red-500);--theme-danger-bg:var(--color-red-500);--theme-danger-fg:var(--color-zinc-900);--theme-warning:var(--color-yellow-400);--theme-success-bg:var(--color-green-600);--theme-success-bar:var(--color-green-500);--theme-success-fg:var(--color-white);--theme-failure-text:var(--color-slate-200);--theme-failure-muted:var(--color-slate-500);--theme-avatar-outline:#ffffff1a;--theme-stack-tile-bg:transparent;--theme-stack-tile-border:var(--color-zinc-700);--theme-stack-tile-border-hover:var(--color-zinc-600)}html.light{color-scheme:light;--theme-bg:var(--color-white);--theme-fg:var(--color-zinc-950);--theme-muted:var(--color-zinc-600);--theme-border:var(--color-zinc-200);--theme-surface-raised:var(--color-zinc-50);--theme-surface-inset:var(--color-zinc-100);--theme-overlay:#fafafad1;--theme-accent:var(--color-rose-500);--theme-accent-hover:var(--color-rose-600);--theme-accent-contrast:var(--color-white);--theme-code-panel:var(--color-zinc-50);--theme-code-terminal:var(--color-zinc-100);--theme-code-border:var(--color-zinc-200);--theme-code-tab-muted:var(--color-zinc-600);--theme-code-tab-active:var(--color-zinc-950);--theme-code-accent:var(--color-rose-500);--theme-code-text:var(--color-zinc-800);--theme-code-muted:var(--color-zinc-600);--theme-code-function:var(--color-green-700);--theme-code-string:var(--color-yellow-800);--theme-code-keyword:var(--color-pink-700);--theme-code-variable:var(--color-zinc-950);--theme-code-class:var(--color-cyan-700);--theme-code-number:var(--color-violet-700);--theme-code-success:var(--color-green-700);--theme-code-pass-bg:var(--color-green-600);--theme-code-pass-fg:var(--color-white);--theme-code-shadow:#18181b1f;--theme-grid-line:var(--color-zinc-200);--theme-shadow:#18181b1f;--theme-hero-grid-opacity:.7;--theme-hero-beam:#ff2357a6}@supports (color:color-mix(in lab,red,red)){html.light{--theme-hero-beam:color-mix(in srgb,var(--color-rose-500)65%,transparent)}}html.light{--theme-hero-spotlight:#ff23578c}@supports (color:color-mix(in lab,red,red)){html.light{--theme-hero-spotlight:color-mix(in srgb,var(--color-rose-500)55%,transparent)}}html.light{--theme-hero-spotlight-subtle:#ff235759}@supports (color:color-mix(in lab,red,red)){html.light{--theme-hero-spotlight-subtle:color-mix(in srgb,var(--color-rose-500)35%,transparent)}}html.light{--theme-hero-scanline:#18181b14;--theme-partner-logo-filter:brightness(0)saturate(100%);--theme-partner-logo-opacity:.75;--theme-faint:var(--color-zinc-600);--theme-placeholder:var(--color-zinc-200);--theme-placeholder-strong:var(--color-zinc-300);--theme-accent-soft:var(--color-rose-600);--theme-danger:var(--color-red-700);--theme-danger-strong:var(--color-red-600);--theme-danger-bg:var(--color-red-600);--theme-danger-fg:var(--color-white);--theme-warning:var(--color-yellow-700);--theme-success-bg:var(--color-green-600);--theme-success-bar:var(--color-green-600);--theme-success-fg:var(--color-white);--theme-failure-text:var(--color-zinc-800);--theme-failure-muted:var(--color-zinc-600);--theme-avatar-outline:#18181b1f;--theme-stack-tile-bg:var(--color-zinc-900);--theme-stack-tile-border:var(--color-zinc-800);--theme-stack-tile-border-hover:var(--color-zinc-600)}button{cursor:pointer}.scrollbar-ghost{scrollbar-color:transparent transparent}.scrollbar-ghost:hover,.scrollbar-ghost:focus-within{scrollbar-color:var(--color-rose-500)transparent}.scrollbar-ghost::-webkit-scrollbar{width:.375rem;height:.375rem}.scrollbar-ghost::-webkit-scrollbar-track{background:0 0}.scrollbar-ghost::-webkit-scrollbar-thumb{background:0 0;border-radius:3.40282e38px}.scrollbar-ghost:hover::-webkit-scrollbar-thumb{background:var(--color-rose-500)}.scrollbar-ghost:focus-within::-webkit-scrollbar-thumb{background:var(--color-rose-500)}.scrollbar-ghost::-webkit-scrollbar-thumb:hover{background:var(--color-rose-400)}[data-code-preview] .text-green-400{color:var(--theme-code-function)}[data-code-preview] .text-yellow-200{color:var(--theme-code-string)}[data-code-preview] .text-pink-400{color:var(--theme-code-keyword)}[data-code-preview] .text-zinc-100{color:var(--theme-code-variable)}[data-code-preview] .text-cyan-300{color:var(--theme-code-class)}[data-code-preview] .text-violet-300{color:var(--theme-code-number)}[data-code-preview] .text-zinc-500{color:var(--theme-code-muted)}[data-code-output] .text-green-400{color:var(--theme-code-success)}[data-code-preview] .bg-green-400{background-color:var(--theme-code-pass-bg)}[data-code-preview] .bg-green-400.text-zinc-900{color:var(--theme-code-pass-fg)}[data-code-preview] .scrollbar-ghost:hover,[data-code-preview] .scrollbar-ghost:focus-within{scrollbar-color:var(--theme-code-accent)transparent}[data-code-preview] .scrollbar-ghost:hover::-webkit-scrollbar-thumb{background:var(--theme-code-accent)}[data-code-preview] .scrollbar-ghost:focus-within::-webkit-scrollbar-thumb{background:var(--theme-code-accent)}[data-theme-section]{background-color:var(--theme-bg);color:var(--theme-fg)}[data-theme-section] .border-zinc-700{border-color:var(--theme-border)}[data-theme-section] .bg-zinc-900{background-color:var(--theme-surface-inset)}[data-theme-section] .bg-zinc-800{background-color:var(--theme-surface-raised)}[data-theme-section] .bg-zinc-700{background-color:var(--theme-placeholder)}[data-theme-section] .bg-zinc-600{background-color:var(--theme-placeholder-strong)}[data-theme-section] .text-zinc-400{color:var(--theme-muted)}[data-theme-section] .text-zinc-500{color:var(--theme-faint)}[data-theme-section] .text-zinc-300{color:var(--theme-code-text)}[data-theme-section] .text-slate-200{color:var(--theme-failure-text)}[data-theme-section] .text-slate-500{color:var(--theme-failure-muted)}[data-theme-section] .text-zinc-100{color:var(--theme-fg)}[data-theme-section] .text-rose-500{color:var(--theme-accent)}[data-theme-section] .text-rose-400{color:var(--theme-accent-soft)}[data-theme-section] .bg-rose-500{background-color:var(--theme-accent)}[data-theme-section] .hover\:bg-rose-600:hover{background-color:var(--theme-accent-hover)}[data-theme-section] .text-white{color:var(--theme-accent-contrast)}[data-theme-section] .bg-green-500{background-color:var(--theme-success-bar)}[data-theme-section] .bg-green-600{background-color:var(--theme-success-bg)}[data-theme-section] .text-red-400{color:var(--theme-danger)}[data-theme-section] .text-red-500{color:var(--theme-danger-strong)}[data-theme-section] .bg-red-500{background-color:var(--theme-danger-bg)}[data-theme-section] .bg-red-500.text-zinc-900{color:var(--theme-danger-fg)}[data-theme-section] .border-red-500{border-color:var(--theme-danger-strong)}[data-theme-section] .text-yellow-400{color:var(--theme-warning)}[data-theme-section] .text-green-400{color:var(--theme-code-function)}[data-theme-section] .text-yellow-200{color:var(--theme-code-string)}[data-theme-section] .text-pink-400{color:var(--theme-code-keyword)}[data-theme-section] .text-cyan-300{color:var(--theme-code-class)}[data-theme-section] .text-violet-300{color:var(--theme-code-number)}[data-theme-section] .outline-white\/10{outline-color:var(--theme-avatar-outline)}[data-theme-section] .ring-green-500\/70{--tw-ring-color:var(--theme-code-success)}@supports (color:color-mix(in lab,red,red)){[data-theme-section] .ring-green-500\/70{--tw-ring-color:color-mix(in srgb,var(--theme-code-success)70%,transparent)}}[data-theme-section] .hover\:border-zinc-600:hover,[data-theme-section] .hover\:border-zinc-200\/20:hover,[data-theme-section] .hover\:border-white\/30:hover{border-color:var(--theme-muted)}[data-theme-section] .hover\:text-white:hover{color:var(--theme-fg)}[data-theme-section] .border-white\/15{border-color:var(--theme-border)}[data-theme-section] .bg-white\/5{background-color:var(--theme-surface-raised)}[data-theme-section] .group:hover .group-hover\:text-zinc-200{color:var(--theme-fg)}[data-theme-section] :is(a,button):focus-visible{outline:2px solid var(--theme-accent);outline-offset:3px}[data-stack-grid]>a{background-color:var(--theme-stack-tile-bg);border-color:var(--theme-stack-tile-border)}[data-stack-grid]>a:hover{border-color:var(--theme-stack-tile-border-hover)}.tippy-box[data-theme~=pest]{background-color:var(--theme-surface-raised);border:1px solid var(--theme-border);color:var(--theme-fg);font-family:var(--font-mono);box-shadow:0 12px 30px -12px var(--theme-shadow);border-radius:10px;padding:2px 4px;font-size:11px;line-height:1.5}.tippy-box[data-theme~=pest][data-placement^=top]>.tippy-arrow:before{border-top-color:var(--theme-surface-raised);z-index:1}.tippy-box[data-theme~=pest][data-placement^=top]>.tippy-arrow:after{content:"";border:8px solid #0000;border-top-color:var(--theme-border);border-bottom-width:0;position:absolute;bottom:-8px;left:0}[x-tooltip]{cursor:help}.no-intro [class*=motion-preset],.no-intro .animate-border-in{animation:none!important}.no-intro .animate-intro-out{display:none}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes marquee{to{transform:translate(-50%)}}@keyframes border-in{0%{border-color:#0000}}@keyframes beam-x{0%{transform:translate(0)}30%,to{transform:translate(calc(100vw + 20rem))}}@keyframes beam-y{0%{transform:translateY(0)}28%,to{transform:translateY(calc(100vh + 20rem))}}@keyframes trace{to{stroke-dashoffset:-400px}}@keyframes crt-in{0%{opacity:0;filter:drop-shadow(8px 0 #f43f5eb3)drop-shadow(-8px 0 #22d3eeb3)}15%{opacity:1}30%{opacity:.15}45%{opacity:1;filter:drop-shadow(4px 0 #f43f5e80)drop-shadow(-4px 0 #22d3ee80)}60%{opacity:.15}75%{opacity:1}to{opacity:1;filter:drop-shadow(0 0 #f43f5e00)drop-shadow(0 0 #22d3ee00)}}@keyframes intro-out{to{opacity:0;visibility:hidden}}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}
diff --git a/public/www/index-e20ebfb9.css b/public/www/index-e20ebfb9.css
deleted file mode 100644
index 27d44b9..0000000
--- a/public/www/index-e20ebfb9.css
+++ /dev/null
@@ -1 +0,0 @@
-/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-content:"";--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:"Instrument Sans",ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:"JetBrains Mono",ui-monospace,monospace;--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-yellow-200:oklch(94.5% .129 101.54);--color-yellow-400:oklch(85.2% .199 91.936);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-cyan-300:oklch(86.5% .127 207.078);--color-violet-300:oklch(81.1% .111 293.571);--color-pink-400:oklch(71.8% .202 349.761);--color-rose-400:oklch(71.2% .194 13.428);--color-rose-500:oklch(64.5% .246 16.439);--color-rose-600:oklch(58.6% .253 17.585);--color-rose-800:oklch(45.5% .188 13.697);--color-rose-900:oklch(41% .159 10.272);--color-rose-950:oklch(27.1% .105 12.094);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-500:oklch(55.4% .046 257.417);--color-zinc-50:oklch(98.5% 0 0);--color-zinc-100:oklch(96.7% .001 286.375);--color-zinc-200:oklch(92% .004 286.32);--color-zinc-300:oklch(87.1% .006 286.286);--color-zinc-400:oklch(70.5% .015 286.067);--color-zinc-500:oklch(55.2% .016 285.938);--color-zinc-600:oklch(44.2% .017 285.786);--color-zinc-700:oklch(37% .013 285.805);--color-zinc-800:oklch(27.4% .006 286.033);--color-zinc-900:oklch(21% .006 285.885);--color-zinc-950:oklch(14.1% .005 285.823);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-2xl:42rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-3xl:1.875rem;--text-3xl--line-height:1.2;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-widest:.1em;--leading-tight:1.25;--leading-relaxed:1.625;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--blur-sm:8px;--blur-md:12px;--blur-xl:24px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-display:"Archivo",system-ui,sans-serif;--text-3xs:.5625rem;--text-3xs--line-height:1.4;--text-2xs:.6875rem;--text-2xs--line-height:1.4;--text-xs-plus:.78125rem;--text-xs-plus--line-height:1.4;--animate-marquee:marquee 30s linear infinite;--animate-border-in:border-in 1s ease-out backwards;--animate-beam-x:beam-x var(--beam-duration,9s)linear var(--beam-delay,0s)infinite backwards;--animate-beam-y:beam-y var(--beam-duration,11s)linear var(--beam-delay,0s)infinite backwards;--animate-trace:trace 6s linear infinite;--animate-crt-in:crt-in .6s linear forwards;--animate-intro-out:intro-out .4s ease-out .9s forwards}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}html{-webkit-tap-highlight-color:transparent;scrollbar-width:thin;scrollbar-color:var(--color-rose-500)transparent;height:100%;font-size:clamp(1rem,.8889vw,2.8rem)}body{min-height:100%}*{scrollbar-width:thin}[x-cloak]{display:none}@property --motion-bounce{syntax: "*"; inherits: false; initial-value: linear(0,.004,.016,.035,.063,.098,.141 13.6%,.25,.391,.563,.765,1,.891 40.9%,.848,.813,.785,.766,.754,.75,.754,.766,.785,.813,.848,.891 68.2%,1 72.7%,.973,.953,.941,.938,.941,.953,.973,1,.988,.984,.988,1);}@property --motion-spring-smooth{syntax: "*"; inherits: false; initial-value: linear(0,.001 .44%,.0045 .94%,.0195 2.03%,.0446 3.19%,.0811 4.5%,.1598 6.82%,.3685 12.34%,.4693 15.17%,.5663,.6498 21.27%,.7215 24.39%,.7532 25.98%,.7829 27.65%,.8105,.8349 31.14%,.8573 32.95%,.8776 34.84%,.8964 36.87%,.9136 39.05%,.929 41.37%,.9421 43.77%,.9537 46.38%,.9636 49.14%,.9789 55.31%,.9888 62.35%,.9949 71.06%,.9982 82.52%,.9997 99.94%);}@property --motion-spring-snappy{syntax: "*"; inherits: false; initial-value: linear(0,.0014,.0053 1.02%,.0126,.0227 2.18%,.0517 3.41%,.094 4.79%,.1865 7.26%,.4182 12.77%,.5246 15.46%,.6249,.7112,.7831 23.95%,.8146 25.4%,.844,.8699 28.45%,.8935,.9139 31.64%,.932,.9473,.9601 36.65%,.9714 38.47%,.9808 40.35%,.9948 44.49%,1.0031 49.43%,1.0057 53.35%,1.0063 58.14%,1.0014 80.78%,1.0001 99.94%);}@property --motion-spring-bouncy{syntax: "*"; inherits: false; initial-value: linear(0,.0018,.0069,.0151 1.74%,.0277 2.4%,.062 3.7%,.1115 5.15%,.2211 7.77%,.4778 13.21%,.5912 15.75%,.6987 18.44%,.7862 20.98%,.861 23.59%,.8926,.9205,.945 27.51%,.9671 28.89%,.9868,1.003 31.79%,1.0224 34.11%,1.0358 36.58%,1.0436 39.27%,1.046 42.31%,1.0446 44.71%,1.0406 47.47%,1.0118 61.84%,1.0027 69.53%,.9981 80.49%,.9991 99.94%);}@property --motion-spring-bouncier{syntax: "*"; inherits: false; initial-value: linear(0,.0023,.0088,.0194 1.59%,.035 2.17%,.078 3.33%,.1415 4.64%,.2054 5.75%,.2821 6.95%,.5912 11.45%,.7205 13.43%,.8393 15.45%,.936 17.39%,.9778,1.015,1.0477,1.0759,1.0998 22.22%,1.1203,1.1364,1.1484 25.26%,1.1586 26.61%,1.1629 28.06%,1.1613 29.56%,1.1537 31.2%,1.1434 32.6%,1.1288 34.19%,1.0508 41.29%,1.0174 44.87%,1.0025 46.89%,.9911 48.87%,.9826 50.9%,.9769 53.03%,.9735 56.02%,.9748 59.45%,.9964 72.64%,1.0031 79.69%,1.0042 86.83%,1.0008 99.97%);}@property --motion-spring-bounciest{syntax: "*"; inherits: false; initial-value: linear(0,.0032,.0131,.0294,.0524,.0824,.1192 1.54%,.2134 2.11%,.3102 2.59%,.4297 3.13%,.8732 4.95%,1.0373,1.1827 6.36%,1.2972 7.01%,1.3444,1.3859,1.4215,1.4504,1.4735,1.4908,1.5024,1.5084 9.5%,1.5091,1.5061,1.4993,1.4886,1.4745,1.4565 11.11%,1.4082 11.7%,1.3585 12.2%,1.295 12.77%,1.0623 14.64%,.9773,.9031 16.08%,.8449 16.73%,.8014,.7701 17.95%,.7587,.7501,.7443,.7412 19.16%,.7421 19.68%,.7508 20.21%,.7672 20.77%,.7917 21.37%,.8169 21.87%,.8492 22.43%,.9681 24.32%,1.0114,1.0492 25.75%,1.0789 26.41%,1.1008,1.1167,1.1271,1.1317 28.81%,1.1314,1.1271 29.87%,1.1189 30.43%,1.1063 31.03%,1.0769 32.11%,.9941 34.72%,.9748 35.43%,.9597 36.09%,.9487,.9407,.9355,.933 38.46%,.9344 39.38%,.9421 40.38%,.9566 41.5%,.9989 44.12%,1.0161 45.37%,1.029 46.75%,1.0341 48.1%,1.0335 49.04%,1.0295 50.05%,1.0221 51.18%,.992 55.02%,.9854 56.38%,.9827 57.72%,.985 59.73%,1.004 64.67%,1.0088 67.34%,1.0076 69.42%,.9981 74.28%,.9956 76.85%,.9961 79.06%,1.0023 86.46%,.999 95.22%,.9994 100%);}@property --motion-origin-scale-x{syntax: "*"; inherits: false; initial-value: 100%;}@property --motion-origin-scale-y{syntax: "*"; inherits: false; initial-value: 100%;}@property --motion-origin-translate-x{syntax: "*"; inherits: false; initial-value: 0%;}@property --motion-origin-translate-y{syntax: "*"; inherits: false; initial-value: 0%;}@property --motion-origin-rotate{syntax: "*"; inherits: false; initial-value: 0deg;}@property --motion-origin-blur{syntax: "*"; inherits: false; initial-value: 0px;}@property --motion-origin-grayscale{syntax: "*"; inherits: false; initial-value: 0%;}@property --motion-origin-opacity{syntax: "*"; inherits: false; initial-value: 100%;}@property --motion-origin-background-color{syntax: "*"; inherits: false;}@property --motion-origin-text-color{syntax: "*"; inherits: false;}@property --motion-end-scale-x{syntax: "*"; inherits: false; initial-value: 100%;}@property --motion-end-scale-y{syntax: "*"; inherits: false; initial-value: 100%;}@property --motion-end-translate-x{syntax: "*"; inherits: false; initial-value: 0%;}@property --motion-end-translate-y{syntax: "*"; inherits: false; initial-value: 0%;}@property --motion-end-rotate{syntax: "*"; inherits: false; initial-value: 0deg;}@property --motion-end-blur{syntax: "*"; inherits: false; initial-value: 0px;}@property --motion-end-grayscale{syntax: "*"; inherits: false; initial-value: 0%;}@property --motion-end-opacity{syntax: "*"; inherits: false; initial-value: 100%;}@property --motion-end-background-color{syntax: "*"; inherits: false;}@property --motion-end-text-color{syntax: "*"; inherits: false;}@property --motion-loop-scale-x{syntax: "*"; inherits: false; initial-value: 100%;}@property --motion-loop-scale-y{syntax: "*"; inherits: false; initial-value: 100%;}@property --motion-loop-translate-x{syntax: "*"; inherits: false; initial-value: 0%;}@property --motion-loop-translate-y{syntax: "*"; inherits: false; initial-value: 0%;}@property --motion-loop-rotate{syntax: "*"; inherits: false; initial-value: 0deg;}@property --motion-loop-blur{syntax: "*"; inherits: false; initial-value: 0px;}@property --motion-loop-grayscale{syntax: "*"; inherits: false; initial-value: 0%;}@property --motion-loop-opacity{syntax: "*"; inherits: false; initial-value: 100%;}@property --motion-loop-background-color{syntax: "*"; inherits: false;}@property --motion-loop-text-color{syntax: "*"; inherits: false;}@property --motion-duration{syntax: "*"; inherits: false; initial-value: .7s;}@property --motion-timing{syntax: "*"; inherits: false; initial-value: cubic-bezier(.165,.84,.44,1);}@property --motion-perceptual-duration-multiplier{syntax: "*"; inherits: false; initial-value: 1;}@property --motion-delay{syntax: "*"; inherits: false; initial-value: 0s;}@property --motion-loop-count{syntax: "*"; inherits: false; initial-value: infinite;}@property --motion-scale-in-animation{syntax: "*"; inherits: false; initial-value: none;}@property --motion-translate-in-animation{syntax: "*"; inherits: false; initial-value: none;}@property --motion-rotate-in-animation{syntax: "*"; inherits: false; initial-value: none;}@property --motion-filter-in-animation{syntax: "*"; inherits: false; initial-value: none;}@property --motion-opacity-in-animation{syntax: "*"; inherits: false; initial-value: none;}@property --motion-background-color-in-animation{syntax: "*"; inherits: false; initial-value: none;}@property --motion-text-color-in-animation{syntax: "*"; inherits: false; initial-value: none;}@property --motion-scale-out-animation{syntax: "*"; inherits: false; initial-value: none;}@property --motion-translate-out-animation{syntax: "*"; inherits: false; initial-value: none;}@property --motion-rotate-out-animation{syntax: "*"; inherits: false; initial-value: none;}@property --motion-filter-out-animation{syntax: "*"; inherits: false; initial-value: none;}@property --motion-opacity-out-animation{syntax: "*"; inherits: false; initial-value: none;}@property --motion-background-color-out-animation{syntax: "*"; inherits: false; initial-value: none;}@property --motion-text-color-out-animation{syntax: "*"; inherits: false; initial-value: none;}@property --motion-scale-loop-animation{syntax: "*"; inherits: false; initial-value: none;}@property --motion-translate-loop-animation{syntax: "*"; inherits: false; initial-value: none;}@property --motion-rotate-loop-animation{syntax: "*"; inherits: false; initial-value: none;}@property --motion-filter-loop-animation{syntax: "*"; inherits: false; initial-value: none;}@property --motion-opacity-loop-animation{syntax: "*"; inherits: false; initial-value: none;}@property --motion-background-color-loop-animation{syntax: "*"; inherits: false; initial-value: none;}@property --motion-text-color-loop-animation{syntax: "*"; inherits: false; initial-value: none;}@media screen and (prefers-reduced-motion:no-preference){@keyframes motion-scale-in{0%{scale:var(--motion-origin-scale-x)var(--motion-origin-scale-y)}to{scale:1}}@keyframes motion-scale-out{0%{scale:1}to{scale:var(--motion-end-scale-x)var(--motion-end-scale-y)}}@keyframes motion-scale-loop-mirror{0%,to{scale:1}50%{scale:var(--motion-loop-scale-x)var(--motion-loop-scale-y)}}@keyframes motion-scale-loop-reset{0%{scale:1}to{scale:var(--motion-loop-scale-x)var(--motion-loop-scale-y)}}@keyframes motion-translate-in{0%{translate:var(--motion-origin-translate-x)var(--motion-origin-translate-y)}to{translate:0}}@keyframes motion-translate-out{0%{translate:0}to{translate:var(--motion-end-translate-x)var(--motion-end-translate-y)}}@keyframes motion-translate-loop-mirror{0%,to{translate:0}50%{translate:var(--motion-loop-translate-x)var(--motion-loop-translate-y)}}@keyframes motion-translate-loop-reset{0%{translate:0}to{translate:var(--motion-loop-translate-x)var(--motion-loop-translate-y)}}@keyframes motion-rotate-in{0%{rotate:var(--motion-origin-rotate)}to{rotate:0}}@keyframes motion-rotate-out{0%{rotate:0}to{rotate:var(--motion-end-rotate)}}@keyframes motion-rotate-loop-mirror{0%,to{rotate:none}50%{rotate:var(--motion-loop-rotate)}}@keyframes motion-rotate-loop-reset{to{rotate:var(--motion-loop-rotate)}}}@keyframes motion-filter-in{0%{filter:blur(var(--motion-origin-blur))grayscale(var(--motion-origin-grayscale))}to{filter:blur()grayscale(0)}}@keyframes motion-filter-out{0%{filter:blur()grayscale(0)}to{filter:blur(var(--motion-end-blur))grayscale(var(--motion-end-grayscale))}}@keyframes motion-filter-loop-mirror{0%,to{filter:blur()grayscale(0)}50%{filter:blur(var(--motion-loop-blur))grayscale(var(--motion-loop-grayscale))}}@keyframes motion-filter-loop-reset{0%{filter:blur()grayscale(0)}to{filter:blur(var(--motion-loop-blur))grayscale(var(--motion-loop-grayscale))}}@keyframes motion-opacity-in{0%{opacity:var(--motion-origin-opacity)}}@keyframes motion-opacity-out{to{opacity:var(--motion-end-opacity)}}@keyframes motion-opacity-loop-mirror{50%{opacity:var(--motion-loop-opacity)}}@keyframes motion-opacity-loop-reset{to{opacity:var(--motion-loop-opacity)}}@keyframes motion-background-color-in{0%{background-color:var(--motion-origin-background-color)}}@keyframes motion-background-color-out{to{background-color:var(--motion-end-background-color)}}@keyframes motion-background-color-loop-mirror{50%{background-color:var(--motion-loop-background-color)}}@keyframes motion-background-color-loop-reset{to{background-color:var(--motion-loop-background-color)}}@keyframes motion-text-color-in{0%{color:var(--motion-origin-text-color)}}@keyframes motion-text-color-out{to{color:var(--motion-end-text-color)}}@keyframes motion-text-color-loop-mirror{50%{color:var(--motion-loop-text-color)}}@keyframes motion-text-color-loop-reset{to{color:var(--motion-loop-text-color)}}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.inset-10{inset:calc(var(--spacing)*10)}.inset-x-0{inset-inline:calc(var(--spacing)*0)}.inset-y-0{inset-block:calc(var(--spacing)*0)}.-top-1\.25{top:calc(var(--spacing)*-1.25)}.-top-40{top:calc(var(--spacing)*-40)}.top-0{top:calc(var(--spacing)*0)}.top-14{top:calc(var(--spacing)*14)}.top-14\.25{top:calc(var(--spacing)*14.25)}.top-28{top:calc(var(--spacing)*28)}.top-42{top:calc(var(--spacing)*42)}.top-56{top:calc(var(--spacing)*56)}.top-70{top:calc(var(--spacing)*70)}.top-84{top:calc(var(--spacing)*84)}.top-98{top:calc(var(--spacing)*98)}.top-\[32px\]{top:32px}.top-\[110px\]{top:110px}.top-\[128px\]{top:128px}.top-px{top:1px}.-right-1{right:calc(var(--spacing)*-1)}.-right-1\.25{right:calc(var(--spacing)*-1.25)}.right-0{right:calc(var(--spacing)*0)}.right-\[32px\]{right:32px}.right-\[110px\]{right:110px}.-bottom-1\.25{bottom:calc(var(--spacing)*-1.25)}.bottom-\[32px\]{bottom:32px}.-left-1{left:calc(var(--spacing)*-1)}.-left-1\.25{left:calc(var(--spacing)*-1.25)}.-left-40{left:calc(var(--spacing)*-40)}.left-28{left:calc(var(--spacing)*28)}.left-42{left:calc(var(--spacing)*42)}.left-70{left:calc(var(--spacing)*70)}.left-98{left:calc(var(--spacing)*98)}.left-140{left:calc(var(--spacing)*140)}.left-168{left:calc(var(--spacing)*168)}.left-210{left:calc(var(--spacing)*210)}.left-252{left:calc(var(--spacing)*252)}.left-\[32px\]{left:32px}.left-\[100px\]{left:100px}.z-0{z-index:0}.z-10{z-index:10}.z-50{z-index:50}.z-\[60\]{z-index:60}.z-\[100\]{z-index:100}.col-span-2{grid-column:span 2/span 2}.col-start-1{grid-column-start:1}.row-start-1{grid-row-start:1}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-4{margin-inline:calc(var(--spacing)*4)}.mx-auto{margin-inline:auto}.my-1\.5{margin-block:calc(var(--spacing)*1.5)}.my-3\.5{margin-block:calc(var(--spacing)*3.5)}.-mt-15\.5{margin-top:calc(var(--spacing)*-15.5)}.mt-1\.5{margin-top:calc(var(--spacing)*1.5)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-10{margin-top:calc(var(--spacing)*10)}.mt-14{margin-top:calc(var(--spacing)*14)}.mt-\[26px\]{margin-top:26px}.mt-auto{margin-top:auto}.-mr-1{margin-right:calc(var(--spacing)*-1)}.mr-2\.5{margin-right:calc(var(--spacing)*2.5)}.mr-4{margin-right:calc(var(--spacing)*4)}.mb-1\.5{margin-bottom:calc(var(--spacing)*1.5)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-7{margin-bottom:calc(var(--spacing)*7)}.mb-10{margin-bottom:calc(var(--spacing)*10)}.ml-1\.5{margin-left:calc(var(--spacing)*1.5)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.size-2{width:calc(var(--spacing)*2);height:calc(var(--spacing)*2)}.size-2\.25{width:calc(var(--spacing)*2.25);height:calc(var(--spacing)*2.25)}.size-3\.5{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-5{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.size-6{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.size-8{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8)}.size-9{width:calc(var(--spacing)*9);height:calc(var(--spacing)*9)}.size-\[18px\]{width:18px;height:18px}.h-1\.5{height:calc(var(--spacing)*1.5)}.h-2{height:calc(var(--spacing)*2)}.h-2\.5{height:calc(var(--spacing)*2.5)}.h-3\.5{height:calc(var(--spacing)*3.5)}.h-4\.5{height:calc(var(--spacing)*4.5)}.h-5{height:calc(var(--spacing)*5)}.h-5\.5{height:calc(var(--spacing)*5.5)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-9{height:calc(var(--spacing)*9)}.h-15\.5{height:calc(var(--spacing)*15.5)}.h-20{height:calc(var(--spacing)*20)}.h-40{height:calc(var(--spacing)*40)}.h-\[22px\]{height:22px}.h-\[630px\]{height:630px}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.w-4{width:calc(var(--spacing)*4)}.w-8{width:calc(var(--spacing)*8)}.w-9{width:calc(var(--spacing)*9)}.w-10{width:calc(var(--spacing)*10)}.w-12{width:calc(var(--spacing)*12)}.w-20{width:calc(var(--spacing)*20)}.w-40{width:calc(var(--spacing)*40)}.w-56{width:calc(var(--spacing)*56)}.w-160{width:calc(var(--spacing)*160)}.w-\[5\%\]{width:5%}.w-\[96\%\]{width:96%}.w-\[208px\]{width:208px}.w-\[440px\]{width:440px}.w-\[1200px\]{width:1200px}.w-auto{width:auto}.w-full{width:100%}.w-max{width:max-content}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-\[48ch\]{max-width:48ch}.max-w-full{max-width:100%}.max-w-xs{max-width:var(--container-xs)}.min-w-1\.5{min-width:calc(var(--spacing)*1.5)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.motion-preset-blur-up{--motion-origin-blur:5px;--motion-origin-translate-y:5%;--motion-origin-opacity:0;--motion-opacity-in-animation:motion-opacity-in calc(var(--motion-opacity-duration,var(--motion-duration))*var(--motion-opacity-perceptual-duration-multiplier,var(--motion-perceptual-duration-multiplier)))var(--motion-opacity-timing,var(--motion-timing))var(--motion-opacity-delay,var(--motion-delay))both;--motion-filter-in-animation:motion-filter-in calc(var(--motion-filter-duration,var(--motion-duration))*var(--motion-filter-perceptual-duration-multiplier,var(--motion-perceptual-duration-multiplier)))var(--motion-filter-timing,var(--motion-timing))var(--motion-filter-delay,var(--motion-delay))both;--motion-translate-in-animation:motion-translate-in calc(var(--motion-translate-duration,var(--motion-duration))*var(--motion-translate-perceptual-duration-multiplier,var(--motion-perceptual-duration-multiplier)))var(--motion-translate-timing,var(--motion-timing))var(--motion-translate-delay,var(--motion-delay))both;animation:var(--motion-scale-in-animation),var(--motion-translate-in-animation),var(--motion-rotate-in-animation),var(--motion-filter-in-animation),var(--motion-opacity-in-animation),var(--motion-background-color-in-animation),var(--motion-text-color-in-animation),var(--motion-scale-loop-animation),var(--motion-translate-loop-animation),var(--motion-rotate-loop-animation),var(--motion-filter-loop-animation),var(--motion-opacity-loop-animation),var(--motion-background-color-loop-animation),var(--motion-text-color-loop-animation)}.motion-preset-slide-up{--motion-origin-translate-y:25%;--motion-origin-opacity:0;--motion-opacity-in-animation:motion-opacity-in calc(var(--motion-opacity-duration,var(--motion-duration))*var(--motion-opacity-perceptual-duration-multiplier,var(--motion-perceptual-duration-multiplier)))var(--motion-opacity-timing,var(--motion-timing))var(--motion-opacity-delay,var(--motion-delay))both;--motion-translate-in-animation:motion-translate-in calc(var(--motion-translate-duration,var(--motion-duration))*var(--motion-translate-perceptual-duration-multiplier,var(--motion-perceptual-duration-multiplier)))var(--motion-translate-timing,var(--motion-timing))var(--motion-translate-delay,var(--motion-delay))both;animation:var(--motion-scale-in-animation),var(--motion-translate-in-animation),var(--motion-rotate-in-animation),var(--motion-filter-in-animation),var(--motion-opacity-in-animation),var(--motion-background-color-in-animation),var(--motion-text-color-in-animation),var(--motion-scale-loop-animation),var(--motion-translate-loop-animation),var(--motion-rotate-loop-animation),var(--motion-filter-loop-animation),var(--motion-opacity-loop-animation),var(--motion-background-color-loop-animation),var(--motion-text-color-loop-animation)}.motion-preset-fade{--motion-origin-opacity:0;--motion-duration:.5s;--motion-opacity-in-animation:motion-opacity-in calc(var(--motion-opacity-duration,var(--motion-duration))*var(--motion-opacity-perceptual-duration-multiplier,var(--motion-perceptual-duration-multiplier)))var(--motion-opacity-timing,var(--motion-timing))var(--motion-opacity-delay,var(--motion-delay))both;animation:var(--motion-scale-in-animation),var(--motion-translate-in-animation),var(--motion-rotate-in-animation),var(--motion-filter-in-animation),var(--motion-opacity-in-animation),var(--motion-background-color-in-animation),var(--motion-text-color-in-animation),var(--motion-scale-loop-animation),var(--motion-translate-loop-animation),var(--motion-rotate-loop-animation),var(--motion-filter-loop-animation),var(--motion-opacity-loop-animation),var(--motion-background-color-loop-animation),var(--motion-text-color-loop-animation)}.motion-blur-in-lg{--motion-origin-blur:16px;--motion-filter-in-animation:motion-filter-in calc(var(--motion-filter-duration,var(--motion-duration))*var(--motion-filter-perceptual-duration-multiplier,var(--motion-perceptual-duration-multiplier)))var(--motion-filter-timing,var(--motion-timing))var(--motion-filter-delay,var(--motion-delay))both;animation:var(--motion-scale-in-animation),var(--motion-translate-in-animation),var(--motion-rotate-in-animation),var(--motion-filter-in-animation),var(--motion-opacity-in-animation),var(--motion-background-color-in-animation),var(--motion-text-color-in-animation),var(--motion-scale-loop-animation),var(--motion-translate-loop-animation),var(--motion-rotate-loop-animation),var(--motion-filter-loop-animation),var(--motion-opacity-loop-animation),var(--motion-background-color-loop-animation),var(--motion-text-color-loop-animation)}.animate-beam-x{animation:var(--animate-beam-x)}.animate-beam-y{animation:var(--animate-beam-y)}.animate-border-in{animation:var(--animate-border-in)}.animate-crt-in{animation:var(--animate-crt-in)}.animate-intro-out{animation:var(--animate-intro-out)}.animate-marquee{animation:var(--animate-marquee)}.animate-trace{animation:var(--animate-trace)}.cursor-pointer{cursor:pointer}.columns-2{columns:2}.break-inside-avoid{break-inside:avoid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-2\.5{gap:calc(var(--spacing)*2.5)}.gap-3{gap:calc(var(--spacing)*3)}.gap-3\.5{gap:calc(var(--spacing)*3.5)}.gap-4{gap:calc(var(--spacing)*4)}.gap-4\.5{gap:calc(var(--spacing)*4.5)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.gap-7{gap:calc(var(--spacing)*7)}.gap-12{gap:calc(var(--spacing)*12)}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-3\.5{column-gap:calc(var(--spacing)*3.5)}.gap-x-6{column-gap:calc(var(--spacing)*6)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-clip{overflow-x:clip}.overflow-y-auto{overflow-y:auto}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[2px\]{border-radius:2px}.rounded-\[10px\]{border-radius:10px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-xs{border-radius:var(--radius-xs)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-red-500{border-color:var(--color-red-500)}.border-transparent{border-color:#0000}.border-white\/15{border-color:#ffffff26}@supports (color:color-mix(in lab,red,red)){.border-white\/15{border-color:color-mix(in oklab,var(--color-white)15%,transparent)}}.border-zinc-700{border-color:var(--color-zinc-700)}.bg-green-400{background-color:var(--color-green-400)}.bg-green-500{background-color:var(--color-green-500)}.bg-green-600{background-color:var(--color-green-600)}.bg-red-500{background-color:var(--color-red-500)}.bg-rose-500{background-color:var(--color-rose-500)}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.bg-white\/5{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.bg-zinc-600{background-color:var(--color-zinc-600)}.bg-zinc-700{background-color:var(--color-zinc-700)}.bg-zinc-800{background-color:var(--color-zinc-800)}.bg-zinc-900{background-color:var(--color-zinc-900)}.bg-zinc-900\/80{background-color:#18181bcc}@supports (color:color-mix(in lab,red,red)){.bg-zinc-900\/80{background-color:color-mix(in oklab,var(--color-zinc-900)80%,transparent)}}.bg-zinc-900\/85{background-color:#18181bd9}@supports (color:color-mix(in lab,red,red)){.bg-zinc-900\/85{background-color:color-mix(in oklab,var(--color-zinc-900)85%,transparent)}}.bg-zinc-950\/80{background-color:#09090bcc}@supports (color:color-mix(in lab,red,red)){.bg-zinc-950\/80{background-color:color-mix(in oklab,var(--color-zinc-950)80%,transparent)}}.bg-\[linear-gradient\(90deg\,transparent\,var\(--color-rose-500\)\,transparent\)\]{background-image:linear-gradient(90deg,transparent,var(--color-rose-500),transparent)}.bg-\[linear-gradient\(180deg\,transparent\,var\(--color-rose-500\)\,transparent\)\]{background-image:linear-gradient(180deg,transparent,var(--color-rose-500),transparent)}.bg-\[linear-gradient\(var\(--color-rose-800\)_1px\,transparent_1px\)\,linear-gradient\(90deg\,var\(--color-rose-800\)_1px\,transparent_1px\)\]{background-image:linear-gradient(var(--color-rose-800)1px,transparent 1px),linear-gradient(90deg,var(--color-rose-800)1px,transparent 1px)}.bg-\[linear-gradient\(var\(--color-rose-800\)_1px\,transparent_1px\)\,linear-gradient\(90deg\,var\(--color-rose-900\)_1px\,transparent_1px\)\]{background-image:linear-gradient(var(--color-rose-800)1px,transparent 1px),linear-gradient(90deg,var(--color-rose-900)1px,transparent 1px)}.bg-\[linear-gradient\(var\(--color-zinc-700\)_1px\,transparent_1px\)\,linear-gradient\(90deg\,var\(--color-zinc-700\)_1px\,transparent_1px\)\]{background-image:linear-gradient(var(--color-zinc-700)1px,transparent 1px),linear-gradient(90deg,var(--color-zinc-700)1px,transparent 1px)}.bg-\[repeating-linear-gradient\(0deg\,transparent_0_2px\,rgba\(24\,24\,27\,0\.45\)_2px_4px\)\]{background-image:repeating-linear-gradient(0deg,#0000 0 2px,#18181b73 2px 4px)}.\[mask-image\:radial-gradient\(ellipse_90\%_90\%_at_55\%_30\%\,\#000_30\%\,transparent_78\%\)\]{-webkit-mask-image:radial-gradient(90% 90% at 55% 30%,#000 30%,#0000 78%);mask-image:radial-gradient(90% 90% at 55% 30%,#000 30%,#0000 78%)}.mask-\[linear-gradient\(90deg\,transparent\,black_8\%\,black_92\%\,transparent\)\]{-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.mask-\[radial-gradient\(220px_circle_at_var\(--spot-x\,-999px\)_var\(--spot-y\,-999px\)\,\#000\,transparent\)\,radial-gradient\(ellipse_90\%_80\%_at_60\%_20\%\,\#000_30\%\,transparent_75\%\)\]{-webkit-mask-image:radial-gradient(220px circle at var(--spot-x,-999px)var(--spot-y,-999px),#000,transparent),radial-gradient(ellipse 90% 80% at 60% 20%,#000 30%,transparent 75%);mask-image:radial-gradient(220px circle at var(--spot-x,-999px)var(--spot-y,-999px),#000,transparent),radial-gradient(ellipse 90% 80% at 60% 20%,#000 30%,transparent 75%)}.mask-\[radial-gradient\(220px_circle_at_var\(--spot-x\,50\%\)_var\(--spot-y\,50\%\)\,\#000\,transparent\)\,radial-gradient\(ellipse_90\%_80\%_at_60\%_20\%\,\#000_30\%\,transparent_75\%\)\]{-webkit-mask-image:radial-gradient(220px circle at var(--spot-x,50%)var(--spot-y,50%),#000,transparent),radial-gradient(ellipse 90% 80% at 60% 20%,#000 30%,transparent 75%);mask-image:radial-gradient(220px circle at var(--spot-x,50%)var(--spot-y,50%),#000,transparent),radial-gradient(ellipse 90% 80% at 60% 20%,#000 30%,transparent 75%)}.mask-\[radial-gradient\(ellipse_70\%_90\%_at_50\%_45\%\,\#000_30\%\,transparent_75\%\)\]{-webkit-mask-image:radial-gradient(70% 90% at 50% 45%,#000 30%,#0000 75%);mask-image:radial-gradient(70% 90% at 50% 45%,#000 30%,#0000 75%)}.mask-\[radial-gradient\(ellipse_90\%_80\%_at_60\%_20\%\,\#000_30\%\,transparent_75\%\)\]{-webkit-mask-image:radial-gradient(90% 80% at 60% 20%,#000 30%,#0000 75%);mask-image:radial-gradient(90% 80% at 60% 20%,#000 30%,#0000 75%)}.bg-size-\[3\.5rem_3\.5rem\]{background-size:3.5rem 3.5rem}.bg-size-\[56px_56px\]{background-size:56px 56px}.mask-intersect{-webkit-mask-composite:source-in;mask-composite:intersect}.fill-none{fill:none}.fill-white\/10{fill:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.fill-white\/10{fill:color-mix(in oklab,var(--color-white)10%,transparent)}}.fill-zinc-50{fill:var(--color-zinc-50)}.fill-zinc-200{fill:var(--color-zinc-200)}.stroke-rose-500\/60{stroke:#ff235799}@supports (color:color-mix(in lab,red,red)){.stroke-rose-500\/60{stroke:color-mix(in oklab,var(--color-rose-500)60%,transparent)}}.stroke-\[0\.3\]{stroke-width:.3px}.object-contain{object-fit:contain}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.px-0\.5{padding-inline:calc(var(--spacing)*.5)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.px-12{padding-inline:calc(var(--spacing)*12)}.px-\[9px\]{padding-inline:9px}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-3\.5{padding-block:calc(var(--spacing)*3.5)}.py-4{padding-block:calc(var(--spacing)*4)}.py-5{padding-block:calc(var(--spacing)*5)}.py-6{padding-block:calc(var(--spacing)*6)}.py-7{padding-block:calc(var(--spacing)*7)}.py-16{padding-block:calc(var(--spacing)*16)}.py-20{padding-block:calc(var(--spacing)*20)}.py-\[2px\]{padding-block:2px}.py-\[30px\]{padding-block:30px}.py-px{padding-block:1px}.pt-5{padding-top:calc(var(--spacing)*5)}.pt-6{padding-top:calc(var(--spacing)*6)}.pt-8{padding-top:calc(var(--spacing)*8)}.pt-14{padding-top:calc(var(--spacing)*14)}.pt-19{padding-top:calc(var(--spacing)*19)}.pr-4{padding-right:calc(var(--spacing)*4)}.pb-6{padding-bottom:calc(var(--spacing)*6)}.pb-8{padding-bottom:calc(var(--spacing)*8)}.pb-10{padding-bottom:calc(var(--spacing)*10)}.pb-12{padding-bottom:calc(var(--spacing)*12)}.pb-19{padding-bottom:calc(var(--spacing)*19)}.pl-5{padding-left:calc(var(--spacing)*5)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-2xs{font-size:var(--text-2xs);line-height:var(--tw-leading,var(--text-2xs--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-3xs{font-size:var(--text-3xs);line-height:var(--tw-leading,var(--text-3xs--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-sm\/relaxed{font-size:var(--text-sm);line-height:var(--leading-relaxed)}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-xs-plus{font-size:var(--text-xs-plus);line-height:var(--tw-leading,var(--text-xs-plus--line-height))}.text-\[18\.5px\]{font-size:18.5px}.text-\[20px\]{font-size:20px}.text-\[48px\]{font-size:48px}.text-\[clamp\(1\.875rem\,8\.6vw\,2\.5rem\)\]{font-size:clamp(1.875rem,8.6vw,2.5rem)}.leading-\[1\.05\]{--tw-leading:1.05;line-height:1.05}.leading-\[1\.09\]{--tw-leading:1.09;line-height:1.09}.leading-\[1\.9\]{--tw-leading:1.9;line-height:1.9}.leading-\[1\.85\]{--tw-leading:1.85;line-height:1.85}.leading-\[2\.05\]{--tw-leading:2.05;line-height:2.05}.leading-none{--tw-leading:1;line-height:1}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.02em\]{--tw-tracking:-.02em;letter-spacing:-.02em}.tracking-\[0\.16em\]{--tw-tracking:.16em;letter-spacing:.16em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}.whitespace-nowrap{white-space:nowrap}.text-cyan-300{color:var(--color-cyan-300)}.text-green-400{color:var(--color-green-400)}.text-pink-400{color:var(--color-pink-400)}.text-red-400{color:var(--color-red-400)}.text-red-500{color:var(--color-red-500)}.text-rose-400{color:var(--color-rose-400)}.text-rose-500{color:var(--color-rose-500)}.text-slate-200{color:var(--color-slate-200)}.text-slate-500{color:var(--color-slate-500)}.text-violet-300{color:var(--color-violet-300)}.text-white{color:var(--color-white)}.text-yellow-200{color:var(--color-yellow-200)}.text-yellow-400{color:var(--color-yellow-400)}.text-zinc-50{color:var(--color-zinc-50)}.text-zinc-100{color:var(--color-zinc-100)}.text-zinc-200{color:var(--color-zinc-200)}.text-zinc-300{color:var(--color-zinc-300)}.text-zinc-400{color:var(--color-zinc-400)}.text-zinc-500{color:var(--color-zinc-500)}.text-zinc-900{color:var(--color-zinc-900)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.font-stretch-112\%{font-stretch:112%}.no-underline{text-decoration-line:none}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-50{opacity:.5}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_0_14px_var\(--color-zinc-800\)\]{--tw-shadow:0 0 0 14px var(--tw-shadow-color,var(--color-zinc-800));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_24px_60px_-30px_rgba\(23\,22\,27\,0\.18\)\]{--tw-shadow:0 24px 60px -30px var(--tw-shadow-color,#17161b2e);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-black\/40{--tw-shadow-color:#0006}@supports (color:color-mix(in lab,red,red)){.shadow-black\/40{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-black)40%,transparent)var(--tw-shadow-alpha),transparent)}}.ring-green-500\/70{--tw-ring-color:#00c758b3}@supports (color:color-mix(in lab,red,red)){.ring-green-500\/70{--tw-ring-color:color-mix(in oklab,var(--color-green-500)70%,transparent)}}.outline,.outline-1{outline-style:var(--tw-outline-style);outline-width:1px}.-outline-offset-1{outline-offset:-1px}.outline-offset-\[14px\]{outline-offset:14px}.outline-white\/10{outline-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.outline-white\/10{outline-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.outline-zinc-500\/45{outline-color:#71717b73}@supports (color:color-mix(in lab,red,red)){.outline-zinc-500\/45{outline-color:color-mix(in oklab,var(--color-zinc-500)45%,transparent)}}.drop-shadow-\[0_0_4px_var\(--color-rose-500\)\]{--tw-drop-shadow-size:drop-shadow(0 0 4px var(--tw-drop-shadow-color,var(--color-rose-500)));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.drop-shadow-\[0_0_6px_var\(--color-rose-500\)\]{--tw-drop-shadow-size:drop-shadow(0 0 6px var(--tw-drop-shadow-color,var(--color-rose-500)));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,scale\]{transition-property:background-color,scale;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[border-color\,scale\]{transition-property:border-color,scale;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.select-none{-webkit-user-select:none;user-select:none}.\[--beam-delay\:0\.2s\]{--beam-delay:.2s}.\[--beam-delay\:0\.3s\]{--beam-delay:.3s}.\[--beam-delay\:0\.5s\]{--beam-delay:.5s}.\[--beam-delay\:0\.8s\]{--beam-delay:.8s}.\[--beam-delay\:1\.2s\]{--beam-delay:1.2s}.\[--beam-delay\:1\.4s\]{--beam-delay:1.4s}.\[--beam-delay\:1\.5s\]{--beam-delay:1.5s}.\[--beam-delay\:1\.7s\]{--beam-delay:1.7s}.\[--beam-delay\:1s\]{--beam-delay:1s}.\[--beam-delay\:2\.2s\]{--beam-delay:2.2s}.\[--beam-delay\:2\.3s\]{--beam-delay:2.3s}.\[--beam-delay\:2\.7s\]{--beam-delay:2.7s}.\[--beam-delay\:2\.8s\]{--beam-delay:2.8s}.\[--beam-delay\:2s\]{--beam-delay:2s}.\[--beam-delay\:3\.2s\]{--beam-delay:3.2s}.\[--beam-delay\:3\.7s\]{--beam-delay:3.7s}.\[--beam-delay\:3s\]{--beam-delay:3s}.\[--beam-duration\:5s\]{--beam-duration:5s}.\[--beam-duration\:6s\]{--beam-duration:6s}.\[--beam-duration\:7s\]{--beam-duration:7s}.\[--beam-duration\:8s\]{--beam-duration:8s}.\[--beam-duration\:9s\]{--beam-duration:9s}.\[--beam-duration\:10s\]{--beam-duration:10s}.\[--beam-duration\:11s\]{--beam-duration:11s}.\[--beam-duration\:12s\]{--beam-duration:12s}.\[--beam-duration\:13s\]{--beam-duration:13s}.\[stroke-dasharray\:40_360\]{stroke-dasharray:40 360}.motion-delay-100{--motion-delay:.1s}.motion-delay-200{--motion-delay:.2s}.motion-delay-300{--motion-delay:.3s}.motion-delay-500{--motion-delay:.5s}.motion-delay-\[400ms\]{--motion-delay:.4s}.motion-delay-\[600ms\]{--motion-delay:.6s}.motion-duration-1000{--motion-duration:1s}@media (hover:hover){.group-hover\:text-zinc-200:is(:where(.group):hover *){color:var(--color-zinc-200)}}.selection\:bg-rose-600 ::selection{background-color:var(--color-rose-600)}.selection\:bg-rose-600::selection{background-color:var(--color-rose-600)}.selection\:text-white ::selection{color:var(--color-white)}.selection\:text-white::selection{color:var(--color-white)}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:top-1:before{content:var(--tw-content);top:calc(var(--spacing)*1)}.before\:top-2:before{content:var(--tw-content);top:calc(var(--spacing)*2)}.before\:left-0:before{content:var(--tw-content);left:calc(var(--spacing)*0)}.before\:h-0\.5:before{content:var(--tw-content);height:calc(var(--spacing)*.5)}.before\:h-px:before{content:var(--tw-content);height:1px}.before\:w-2\.25:before{content:var(--tw-content);width:calc(var(--spacing)*2.25)}.before\:w-\[18px\]:before{content:var(--tw-content);width:18px}.before\:bg-rose-500:before{content:var(--tw-content);background-color:var(--color-rose-500)}.before\:content-\[\'\'\]:before{--tw-content:"";content:var(--tw-content)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-x-0:after{content:var(--tw-content);inset-inline:calc(var(--spacing)*0)}.after\:top-0:after{content:var(--tw-content);top:calc(var(--spacing)*0)}.after\:bottom-1\.5:after{content:var(--tw-content);bottom:calc(var(--spacing)*1.5)}.after\:bottom-\[5px\]:after{content:var(--tw-content);bottom:5px}.after\:left-1:after{content:var(--tw-content);left:calc(var(--spacing)*1)}.after\:left-2:after{content:var(--tw-content);left:calc(var(--spacing)*2)}.after\:-z-10:after{content:var(--tw-content);z-index:-10}.after\:h-2\.5:after{content:var(--tw-content);height:calc(var(--spacing)*2.5)}.after\:h-2\.25:after{content:var(--tw-content);height:calc(var(--spacing)*2.25)}.after\:h-\[13px\]:after{content:var(--tw-content);height:13px}.after\:h-\[18px\]:after{content:var(--tw-content);height:18px}.after\:w-0\.5:after{content:var(--tw-content);width:calc(var(--spacing)*.5)}.after\:w-px:after{content:var(--tw-content);width:1px}.after\:bg-rose-500:after{content:var(--tw-content);background-color:var(--color-rose-500)}.after\:bg-rose-950:after{content:var(--tw-content);background-color:var(--color-rose-950)}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}@media (hover:hover){.hover\:border-white\/30:hover{border-color:#ffffff4d}@supports (color:color-mix(in lab,red,red)){.hover\:border-white\/30:hover{border-color:color-mix(in oklab,var(--color-white)30%,transparent)}}.hover\:border-zinc-200\/20:hover{border-color:#e4e4e733}@supports (color:color-mix(in lab,red,red)){.hover\:border-zinc-200\/20:hover{border-color:color-mix(in oklab,var(--color-zinc-200)20%,transparent)}}.hover\:border-zinc-600:hover{border-color:var(--color-zinc-600)}.hover\:bg-rose-600:hover{background-color:var(--color-rose-600)}.hover\:bg-white\/5:hover{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/5:hover{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.hover\:bg-zinc-800:hover{background-color:var(--color-zinc-800)}.hover\:text-rose-400:hover{color:var(--color-rose-400)}.hover\:text-white:hover{color:var(--color-white)}.hover\:text-zinc-100:hover{color:var(--color-zinc-100)}.hover\:text-zinc-200:hover{color:var(--color-zinc-200)}.hover\:underline:hover{text-decoration-line:underline}.hover\:\[animation-play-state\:paused\]:hover{animation-play-state:paused}}.active\:scale-96:active{--tw-scale-x:96%;--tw-scale-y:96%;--tw-scale-z:96%;scale:var(--tw-scale-x)var(--tw-scale-y)}.aria-selected\:border-rose-500[aria-selected=true]{border-color:var(--color-rose-500)}.aria-selected\:text-zinc-200[aria-selected=true]{color:var(--color-zinc-200)}@media (prefers-reduced-motion:reduce){.motion-reduce\:hidden{display:none}.motion-reduce\:animate-none{animation:none}}@media (min-width:40rem){.sm\:flex{display:flex}.sm\:h-5{height:calc(var(--spacing)*5)}.sm\:h-5\.5{height:calc(var(--spacing)*5.5)}.sm\:h-6\.5{height:calc(var(--spacing)*6.5)}.sm\:h-7{height:calc(var(--spacing)*7)}.sm\:h-7\.5{height:calc(var(--spacing)*7.5)}.sm\:h-8\.5{height:calc(var(--spacing)*8.5)}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:border-x{border-inline-style:var(--tw-border-style);border-inline-width:1px}.sm\:px-8{padding-inline:calc(var(--spacing)*8)}.sm\:px-10{padding-inline:calc(var(--spacing)*10)}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.sm\:text-\[clamp\(2\.125rem\,4vw\,3\.125rem\)\]{font-size:clamp(2.125rem,4vw,3.125rem)}}@media (min-width:64rem){.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:columns-4{columns:4}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-\[1\.05fr_0\.95fr\]{grid-template-columns:1.05fr .95fr}.lg\:grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.lg\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.lg\:border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.lg\:py-24{padding-block:calc(var(--spacing)*24)}.lg\:pt-20{padding-top:calc(var(--spacing)*20)}.lg\:pb-\[72px\]{padding-bottom:72px}.lg\:\[animation-delay\:1100ms\]{animation-delay:1.1s}.lg\:motion-delay-\[1100ms\]{--motion-delay:1.1s}.lg\:motion-delay-\[1200ms\]{--motion-delay:1.2s}.lg\:motion-delay-\[1300ms\]{--motion-delay:1.3s}.lg\:motion-delay-\[1400ms\]{--motion-delay:1.4s}.lg\:motion-delay-\[1500ms\]{--motion-delay:1.5s}.lg\:motion-delay-\[1600ms\]{--motion-delay:1.6s}.lg\:motion-delay-\[1700ms\]{--motion-delay:1.7s}}@media (prefers-reduced-motion:reduce){@media (min-width:64rem){.motion-reduce\:lg\:hidden{display:none}}}}@font-face{font-family:Archivo;font-style:normal;font-weight:400 900;font-stretch:62% 125%;font-display:swap;src:url(/www/fonts/archivo-var.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo;font-style:italic;font-weight:400 900;font-stretch:62% 125%;font-display:swap;src:url(/www/fonts/archivo-italic-var.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400 600;font-display:swap;src:url(/www/fonts/instrument-sans-var.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 700;font-display:swap;src:url(/www/fonts/jetbrains-mono-var.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:italic;font-weight:400 700;font-display:swap;src:url(/www/fonts/jetbrains-mono-italic-var.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}button{cursor:pointer}.scrollbar-ghost{scrollbar-color:transparent transparent}.scrollbar-ghost:hover,.scrollbar-ghost:focus-within{scrollbar-color:var(--color-rose-500)transparent}.scrollbar-ghost::-webkit-scrollbar{width:.375rem;height:.375rem}.scrollbar-ghost::-webkit-scrollbar-track{background:0 0}.scrollbar-ghost::-webkit-scrollbar-thumb{background:0 0;border-radius:3.40282e38px}.scrollbar-ghost:hover::-webkit-scrollbar-thumb{background:var(--color-rose-500)}.scrollbar-ghost:focus-within::-webkit-scrollbar-thumb{background:var(--color-rose-500)}.scrollbar-ghost::-webkit-scrollbar-thumb:hover{background:var(--color-rose-400)}.tippy-box[data-theme~=pest]{background-color:var(--color-zinc-900);border:1px solid var(--color-zinc-700);color:var(--color-zinc-300);font-family:var(--font-mono);border-radius:10px;padding:2px 4px;font-size:11px;line-height:1.5;box-shadow:0 12px 30px -12px #0009}.tippy-box[data-theme~=pest][data-placement^=top]>.tippy-arrow:before{border-top-color:var(--color-zinc-900);z-index:1}.tippy-box[data-theme~=pest][data-placement^=top]>.tippy-arrow:after{content:"";border:8px solid #0000;border-top-color:var(--color-zinc-700);border-bottom-width:0;position:absolute;bottom:-8px;left:0}[x-tooltip]{cursor:help}.no-intro [class*=motion-preset],.no-intro .animate-border-in{animation:none!important}.no-intro .animate-intro-out{display:none}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes marquee{to{transform:translate(-50%)}}@keyframes border-in{0%{border-color:#0000}}@keyframes beam-x{0%{transform:translate(0)}30%,to{transform:translate(calc(100vw + 20rem))}}@keyframes beam-y{0%{transform:translateY(0)}28%,to{transform:translateY(calc(100vh + 20rem))}}@keyframes trace{to{stroke-dashoffset:-400px}}@keyframes crt-in{0%{opacity:0;filter:drop-shadow(8px 0 #f43f5eb3)drop-shadow(-8px 0 #22d3eeb3)}15%{opacity:1}30%{opacity:.15}45%{opacity:1;filter:drop-shadow(4px 0 #f43f5e80)drop-shadow(-4px 0 #22d3ee80)}60%{opacity:.15}75%{opacity:1}to{opacity:1;filter:drop-shadow(0 0 #f43f5e00)drop-shadow(0 0 #22d3ee00)}}@keyframes intro-out{to{opacity:0;visibility:hidden}}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}
diff --git a/public/www/index.74b69963.js b/public/www/index.57b64d18.js
similarity index 82%
rename from public/www/index.74b69963.js
rename to public/www/index.57b64d18.js
index faa3fa9..e9f189b 100644
--- a/public/www/index.74b69963.js
+++ b/public/www/index.57b64d18.js
@@ -1,5 +1,5 @@
-(function(){const t=document.createElement("link").relList;if(t&&t.supports&&t.supports("modulepreload"))return;for(const i of document.querySelectorAll('link[rel="modulepreload"]'))n(i);new MutationObserver(i=>{for(const o of i)if(o.type==="childList")for(const a of o.addedNodes)a.tagName==="LINK"&&a.rel==="modulepreload"&&n(a)}).observe(document,{childList:!0,subtree:!0});function r(i){const o={};return i.integrity&&(o.integrity=i.integrity),i.referrerPolicy&&(o.referrerPolicy=i.referrerPolicy),i.crossOrigin==="use-credentials"?o.credentials="include":i.crossOrigin==="anonymous"?o.credentials="omit":o.credentials="same-origin",o}function n(i){if(i.ep)return;i.ep=!0;const o=r(i);fetch(i.href,o)}})();var _r=!1,br=!1,De=[],xr=-1;function Lo(e){Po(e)}function Po(e){De.includes(e)||De.push(e),$o()}function Ro(e){let t=De.indexOf(e);t!==-1&&t>xr&&De.splice(t,1)}function $o(){!br&&!_r&&(_r=!0,queueMicrotask(Io))}function Io(){_r=!1,br=!0;for(let e=0;e<De.length;e++)De[e](),xr=e;De.length=0,xr=-1,br=!1}var Je,Be,Ge,Xn,wr=!0;function jo(e){wr=!1,e(),wr=!0}function Bo(e){Je=e.reactive,Ge=e.release,Be=t=>e.effect(t,{scheduler:r=>{wr?Lo(r):r()}}),Xn=e.raw}function mn(e){Be=e}function No(e){let t=()=>{};return[n=>{let i=Be(n);return e._x_effects||(e._x_effects=new Set,e._x_runEffects=()=>{e._x_effects.forEach(o=>o())}),e._x_effects.add(i),t=()=>{i!==void 0&&(e._x_effects.delete(i),Ge(i))},i},()=>{t()}]}function Jn(e,t){let r=!0,n,i=Be(()=>{let o=e();JSON.stringify(o),r?n=o:queueMicrotask(()=>{t(o,n),n=o}),r=!1});return()=>Ge(i)}var Gn=[],Zn=[],Qn=[];function ko(e){Qn.push(e)}function Fr(e,t){typeof t=="function"?(e._x_cleanups||(e._x_cleanups=[]),e._x_cleanups.push(t)):(t=e,Zn.push(t))}function ei(e){Gn.push(e)}function ti(e,t,r){e._x_attributeCleanups||(e._x_attributeCleanups={}),e._x_attributeCleanups[t]||(e._x_attributeCleanups[t]=[]),e._x_attributeCleanups[t].push(r)}function ri(e,t){e._x_attributeCleanups&&Object.entries(e._x_attributeCleanups).forEach(([r,n])=>{(t===void 0||t.includes(r))&&(n.forEach(i=>i()),delete e._x_attributeCleanups[r])})}function Fo(e){var t,r;for((t=e._x_effects)==null||t.forEach(Ro);(r=e._x_cleanups)!=null&&r.length;)e._x_cleanups.pop()()}var Hr=new MutationObserver(Ur),Wr=!1;function Vr(){Hr.observe(document,{subtree:!0,childList:!0,attributes:!0,attributeOldValue:!0}),Wr=!0}function ni(){Ho(),Hr.disconnect(),Wr=!1}var at=[];function Ho(){let e=Hr.takeRecords();at.push(()=>e.length>0&&Ur(e));let t=at.length;queueMicrotask(()=>{if(at.length===t)for(;at.length>0;)at.shift()()})}function P(e){if(!Wr)return e();ni();let t=e();return Vr(),t}var zr=!1,Kt=[];function Wo(){zr=!0}function Vo(){zr=!1,Ur(Kt),Kt=[]}function Ur(e){if(zr){Kt=Kt.concat(e);return}let t=[],r=new Set,n=new Map,i=new Map;for(let o=0;o<e.length;o++)if(!e[o].target._x_ignoreMutationObserver&&(e[o].type==="childList"&&(e[o].removedNodes.forEach(a=>{a.nodeType===1&&a._x_marker&&r.add(a)}),e[o].addedNodes.forEach(a=>{if(a.nodeType===1){if(r.has(a)){r.delete(a);return}a._x_marker||t.push(a)}})),e[o].type==="attributes")){let a=e[o].target,s=e[o].attributeName,u=e[o].oldValue,l=()=>{n.has(a)||n.set(a,[]),n.get(a).push({name:s,value:a.getAttribute(s)})},f=()=>{i.has(a)||i.set(a,[]),i.get(a).push(s)};a.hasAttribute(s)&&u===null?l():a.hasAttribute(s)?(f(),l()):f()}i.forEach((o,a)=>{ri(a,o)}),n.forEach((o,a)=>{Gn.forEach(s=>s(a,o))});for(let o of r)t.some(a=>a.contains(o))||Zn.forEach(a=>a(o));for(let o of t)o.isConnected&&Qn.forEach(a=>a(o));t=null,r=null,n=null,i=null}function ii(e){return bt(ze(e))}function _t(e,t,r){return e._x_dataStack=[t,...ze(r||e)],()=>{e._x_dataStack=e._x_dataStack.filter(n=>n!==t)}}function ze(e){return e._x_dataStack?e._x_dataStack:typeof ShadowRoot=="function"&&e instanceof ShadowRoot?ze(e.host):e.parentNode?ze(e.parentNode):[]}function bt(e){return new Proxy({objects:e},zo)}var zo={ownKeys({objects:e}){return Array.from(new Set(e.flatMap(t=>Object.keys(t))))},has({objects:e},t){return t==Symbol.unscopables?!1:e.some(r=>Object.prototype.hasOwnProperty.call(r,t)||Reflect.has(r,t))},get({objects:e},t,r){return t=="toJSON"?Uo:Reflect.get(e.find(n=>Reflect.has(n,t))||{},t,r)},set({objects:e},t,r,n){const i=e.find(a=>Object.prototype.hasOwnProperty.call(a,t))||e[e.length-1],o=Object.getOwnPropertyDescriptor(i,t);return o!=null&&o.set&&(o!=null&&o.get)?o.set.call(n,r)||!0:Reflect.set(i,t,r)}};function Uo(){return Reflect.ownKeys(this).reduce((t,r)=>(t[r]=Reflect.get(this,r),t),{})}function oi(e){let t=n=>typeof n=="object"&&!Array.isArray(n)&&n!==null,r=(n,i="")=>{Object.entries(Object.getOwnPropertyDescriptors(n)).forEach(([o,{value:a,enumerable:s}])=>{if(s===!1||a===void 0||typeof a=="object"&&a!==null&&a.__v_skip)return;let u=i===""?o:`${i}.${o}`;typeof a=="object"&&a!==null&&a._x_interceptor?n[o]=a.initialize(e,u,o):t(a)&&a!==n&&!(a instanceof Element)&&r(a,u)})};return r(e)}function ai(e,t=()=>{}){let r={initialValue:void 0,_x_interceptor:!0,initialize(n,i,o){return e(this.initialValue,()=>Ko(n,i),a=>Or(n,i,a),i,o)}};return t(r),n=>{if(typeof n=="object"&&n!==null&&n._x_interceptor){let i=r.initialize.bind(r);r.initialize=(o,a,s)=>{let u=n.initialize(o,a,s);return r.initialValue=u,i(o,a,s)}}else r.initialValue=n;return r}}function Ko(e,t){return t.split(".").reduce((r,n)=>r[n],e)}function Or(e,t,r){if(typeof t=="string"&&(t=t.split(".")),t.length===1)e[t[0]]=r;else{if(t.length===0)throw error;return e[t[0]]||(e[t[0]]={}),Or(e[t[0]],t.slice(1),r)}}var si={};function re(e,t){si[e]=t}function Er(e,t){let r=qo(t);return Object.entries(si).forEach(([n,i])=>{Object.defineProperty(e,`$${n}`,{get(){return i(t,r)},enumerable:!1})}),e}function qo(e){let[t,r]=pi(e),n={interceptor:ai,...t};return Fr(e,r),n}function Yo(e,t,r,...n){try{return r(...n)}catch(i){gt(i,e,t)}}function gt(e,t,r=void 0){e=Object.assign(e??{message:"No error message given."},{el:t,expression:r}),console.warn(`Alpine Expression Error: ${e.message}
+(function(){const t=document.createElement("link").relList;if(t&&t.supports&&t.supports("modulepreload"))return;for(const i of document.querySelectorAll('link[rel="modulepreload"]'))n(i);new MutationObserver(i=>{for(const o of i)if(o.type==="childList")for(const a of o.addedNodes)a.tagName==="LINK"&&a.rel==="modulepreload"&&n(a)}).observe(document,{childList:!0,subtree:!0});function r(i){const o={};return i.integrity&&(o.integrity=i.integrity),i.referrerPolicy&&(o.referrerPolicy=i.referrerPolicy),i.crossOrigin==="use-credentials"?o.credentials="include":i.crossOrigin==="anonymous"?o.credentials="omit":o.credentials="same-origin",o}function n(i){if(i.ep)return;i.ep=!0;const o=r(i);fetch(i.href,o)}})();var _r=!1,br=!1,Le=[],xr=-1;function Do(e){Po(e)}function Po(e){Le.includes(e)||Le.push(e),$o()}function Ro(e){let t=Le.indexOf(e);t!==-1&&t>xr&&Le.splice(t,1)}function $o(){!br&&!_r&&(_r=!0,queueMicrotask(Io))}function Io(){_r=!1,br=!0;for(let e=0;e<Le.length;e++)Le[e](),xr=e;Le.length=0,xr=-1,br=!1}var Je,Be,Ge,Xn,wr=!0;function jo(e){wr=!1,e(),wr=!0}function Bo(e){Je=e.reactive,Ge=e.release,Be=t=>e.effect(t,{scheduler:r=>{wr?Do(r):r()}}),Xn=e.raw}function mn(e){Be=e}function No(e){let t=()=>{};return[n=>{let i=Be(n);return e._x_effects||(e._x_effects=new Set,e._x_runEffects=()=>{e._x_effects.forEach(o=>o())}),e._x_effects.add(i),t=()=>{i!==void 0&&(e._x_effects.delete(i),Ge(i))},i},()=>{t()}]}function Jn(e,t){let r=!0,n,i=Be(()=>{let o=e();JSON.stringify(o),r?n=o:queueMicrotask(()=>{t(o,n),n=o}),r=!1});return()=>Ge(i)}var Gn=[],Zn=[],Qn=[];function ko(e){Qn.push(e)}function Fr(e,t){typeof t=="function"?(e._x_cleanups||(e._x_cleanups=[]),e._x_cleanups.push(t)):(t=e,Zn.push(t))}function ei(e){Gn.push(e)}function ti(e,t,r){e._x_attributeCleanups||(e._x_attributeCleanups={}),e._x_attributeCleanups[t]||(e._x_attributeCleanups[t]=[]),e._x_attributeCleanups[t].push(r)}function ri(e,t){e._x_attributeCleanups&&Object.entries(e._x_attributeCleanups).forEach(([r,n])=>{(t===void 0||t.includes(r))&&(n.forEach(i=>i()),delete e._x_attributeCleanups[r])})}function Fo(e){var t,r;for((t=e._x_effects)==null||t.forEach(Ro);(r=e._x_cleanups)!=null&&r.length;)e._x_cleanups.pop()()}var Hr=new MutationObserver(Ur),Wr=!1;function Vr(){Hr.observe(document,{subtree:!0,childList:!0,attributes:!0,attributeOldValue:!0}),Wr=!0}function ni(){Ho(),Hr.disconnect(),Wr=!1}var at=[];function Ho(){let e=Hr.takeRecords();at.push(()=>e.length>0&&Ur(e));let t=at.length;queueMicrotask(()=>{if(at.length===t)for(;at.length>0;)at.shift()()})}function P(e){if(!Wr)return e();ni();let t=e();return Vr(),t}var zr=!1,qt=[];function Wo(){zr=!0}function Vo(){zr=!1,Ur(qt),qt=[]}function Ur(e){if(zr){qt=qt.concat(e);return}let t=[],r=new Set,n=new Map,i=new Map;for(let o=0;o<e.length;o++)if(!e[o].target._x_ignoreMutationObserver&&(e[o].type==="childList"&&(e[o].removedNodes.forEach(a=>{a.nodeType===1&&a._x_marker&&r.add(a)}),e[o].addedNodes.forEach(a=>{if(a.nodeType===1){if(r.has(a)){r.delete(a);return}a._x_marker||t.push(a)}})),e[o].type==="attributes")){let a=e[o].target,s=e[o].attributeName,u=e[o].oldValue,l=()=>{n.has(a)||n.set(a,[]),n.get(a).push({name:s,value:a.getAttribute(s)})},f=()=>{i.has(a)||i.set(a,[]),i.get(a).push(s)};a.hasAttribute(s)&&u===null?l():a.hasAttribute(s)?(f(),l()):f()}i.forEach((o,a)=>{ri(a,o)}),n.forEach((o,a)=>{Gn.forEach(s=>s(a,o))});for(let o of r)t.some(a=>a.contains(o))||Zn.forEach(a=>a(o));for(let o of t)o.isConnected&&Qn.forEach(a=>a(o));t=null,r=null,n=null,i=null}function ii(e){return xt(ze(e))}function bt(e,t,r){return e._x_dataStack=[t,...ze(r||e)],()=>{e._x_dataStack=e._x_dataStack.filter(n=>n!==t)}}function ze(e){return e._x_dataStack?e._x_dataStack:typeof ShadowRoot=="function"&&e instanceof ShadowRoot?ze(e.host):e.parentNode?ze(e.parentNode):[]}function xt(e){return new Proxy({objects:e},zo)}var zo={ownKeys({objects:e}){return Array.from(new Set(e.flatMap(t=>Object.keys(t))))},has({objects:e},t){return t==Symbol.unscopables?!1:e.some(r=>Object.prototype.hasOwnProperty.call(r,t)||Reflect.has(r,t))},get({objects:e},t,r){return t=="toJSON"?Uo:Reflect.get(e.find(n=>Reflect.has(n,t))||{},t,r)},set({objects:e},t,r,n){const i=e.find(a=>Object.prototype.hasOwnProperty.call(a,t))||e[e.length-1],o=Object.getOwnPropertyDescriptor(i,t);return o!=null&&o.set&&(o!=null&&o.get)?o.set.call(n,r)||!0:Reflect.set(i,t,r)}};function Uo(){return Reflect.ownKeys(this).reduce((t,r)=>(t[r]=Reflect.get(this,r),t),{})}function oi(e){let t=n=>typeof n=="object"&&!Array.isArray(n)&&n!==null,r=(n,i="")=>{Object.entries(Object.getOwnPropertyDescriptors(n)).forEach(([o,{value:a,enumerable:s}])=>{if(s===!1||a===void 0||typeof a=="object"&&a!==null&&a.__v_skip)return;let u=i===""?o:`${i}.${o}`;typeof a=="object"&&a!==null&&a._x_interceptor?n[o]=a.initialize(e,u,o):t(a)&&a!==n&&!(a instanceof Element)&&r(a,u)})};return r(e)}function ai(e,t=()=>{}){let r={initialValue:void 0,_x_interceptor:!0,initialize(n,i,o){return e(this.initialValue,()=>Ko(n,i),a=>Or(n,i,a),i,o)}};return t(r),n=>{if(typeof n=="object"&&n!==null&&n._x_interceptor){let i=r.initialize.bind(r);r.initialize=(o,a,s)=>{let u=n.initialize(o,a,s);return r.initialValue=u,i(o,a,s)}}else r.initialValue=n;return r}}function Ko(e,t){return t.split(".").reduce((r,n)=>r[n],e)}function Or(e,t,r){if(typeof t=="string"&&(t=t.split(".")),t.length===1)e[t[0]]=r;else{if(t.length===0)throw error;return e[t[0]]||(e[t[0]]={}),Or(e[t[0]],t.slice(1),r)}}var si={};function re(e,t){si[e]=t}function Er(e,t){let r=qo(t);return Object.entries(si).forEach(([n,i])=>{Object.defineProperty(e,`$${n}`,{get(){return i(t,r)},enumerable:!1})}),e}function qo(e){let[t,r]=pi(e),n={interceptor:ai,...t};return Fr(e,r),n}function Yo(e,t,r,...n){try{return r(...n)}catch(i){mt(i,e,t)}}function mt(e,t,r=void 0){e=Object.assign(e??{message:"No error message given."},{el:t,expression:r}),console.warn(`Alpine Expression Error: ${e.message}
 
 ${r?'Expression: "'+r+`"
 
-`:""}`,t),setTimeout(()=>{throw e},0)}var Vt=!0;function ui(e){let t=Vt;Vt=!1;let r=e();return Vt=t,r}function Le(e,t,r={}){let n;return W(e,t)(i=>n=i,r),n}function W(...e){return ci(...e)}var ci=fi;function Xo(e){ci=e}function fi(e,t){let r={};Er(r,e);let n=[r,...ze(e)],i=typeof t=="function"?Jo(n,t):Zo(n,t,e);return Yo.bind(null,e,t,i)}function Jo(e,t){return(r=()=>{},{scope:n={},params:i=[]}={})=>{let o=t.apply(bt([n,...e]),i);qt(r,o)}}var fr={};function Go(e,t){if(fr[e])return fr[e];let r=Object.getPrototypeOf(async function(){}).constructor,n=/^[\n\s]*if.*\(.*\)/.test(e.trim())||/^(let|const)\s/.test(e.trim())?`(async()=>{ ${e} })()`:e,o=(()=>{try{let a=new r(["__self","scope"],`with (scope) { __self.result = ${n} }; __self.finished = true; return __self.result;`);return Object.defineProperty(a,"name",{value:`[Alpine] ${e}`}),a}catch(a){return gt(a,t,e),Promise.resolve()}})();return fr[e]=o,o}function Zo(e,t,r){let n=Go(t,r);return(i=()=>{},{scope:o={},params:a=[]}={})=>{n.result=void 0,n.finished=!1;let s=bt([o,...e]);if(typeof n=="function"){let u=n(n,s).catch(l=>gt(l,r,t));n.finished?(qt(i,n.result,s,a,r),n.result=void 0):u.then(l=>{qt(i,l,s,a,r)}).catch(l=>gt(l,r,t)).finally(()=>n.result=void 0)}}}function qt(e,t,r,n,i){if(Vt&&typeof t=="function"){let o=t.apply(r,n);o instanceof Promise?o.then(a=>qt(e,a,r,n)).catch(a=>gt(a,i,t)):e(o)}else typeof t=="object"&&t instanceof Promise?t.then(o=>e(o)):e(t)}var Kr="x-";function Ze(e=""){return Kr+e}function Qo(e){Kr=e}var Yt={};function j(e,t){return Yt[e]=t,{before(r){if(!Yt[r]){console.warn(String.raw`Cannot find directive \`${r}\`. \`${e}\` will use the default order of execution`);return}const n=Me.indexOf(r);Me.splice(n>=0?n:Me.indexOf("DEFAULT"),0,e)}}}function ea(e){return Object.keys(Yt).includes(e)}function qr(e,t,r){if(t=Array.from(t),e._x_virtualDirectives){let o=Object.entries(e._x_virtualDirectives).map(([s,u])=>({name:s,value:u})),a=li(o);o=o.map(s=>a.find(u=>u.name===s.name)?{name:`x-bind:${s.name}`,value:`"${s.value}"`}:s),t=t.concat(o)}let n={};return t.map(gi((o,a)=>n[o]=a)).filter(yi).map(na(n,r)).sort(ia).map(o=>ra(e,o))}function li(e){return Array.from(e).map(gi()).filter(t=>!yi(t))}var Ar=!1,ft=new Map,di=Symbol();function ta(e){Ar=!0;let t=Symbol();di=t,ft.set(t,[]);let r=()=>{for(;ft.get(t).length;)ft.get(t).shift()();ft.delete(t)},n=()=>{Ar=!1,r()};e(r),n()}function pi(e){let t=[],r=s=>t.push(s),[n,i]=No(e);return t.push(i),[{Alpine:xt,effect:n,cleanup:r,evaluateLater:W.bind(W,e),evaluate:Le.bind(Le,e)},()=>t.forEach(s=>s())]}function ra(e,t){let r=()=>{},n=Yt[t.type]||r,[i,o]=pi(e);ti(e,t.original,o);let a=()=>{e._x_ignore||e._x_ignoreSelf||(n.inline&&n.inline(e,t,i),n=n.bind(n,e,t,i),Ar?ft.get(di).push(n):n())};return a.runCleanups=o,a}var vi=(e,t)=>({name:r,value:n})=>(r.startsWith(e)&&(r=r.replace(e,t)),{name:r,value:n}),hi=e=>e;function gi(e=()=>{}){return({name:t,value:r})=>{let{name:n,value:i}=mi.reduce((o,a)=>a(o),{name:t,value:r});return n!==t&&e(n,t),{name:n,value:i}}}var mi=[];function Yr(e){mi.push(e)}function yi({name:e}){return _i().test(e)}var _i=()=>new RegExp(`^${Kr}([^:^.]+)\\b`);function na(e,t){return({name:r,value:n})=>{let i=r.match(_i()),o=r.match(/:([a-zA-Z0-9\-_:]+)/),a=r.match(/\.[^.\]]+(?=[^\]]*$)/g)||[],s=t||e[r]||r;return{type:i?i[1]:null,value:o?o[1]:null,modifiers:a.map(u=>u.replace(".","")),expression:n,original:s}}}var Sr="DEFAULT",Me=["ignore","ref","data","id","anchor","bind","init","for","model","modelable","transition","show","if",Sr,"teleport"];function ia(e,t){let r=Me.indexOf(e.type)===-1?Sr:e.type,n=Me.indexOf(t.type)===-1?Sr:t.type;return Me.indexOf(r)-Me.indexOf(n)}function lt(e,t,r={}){e.dispatchEvent(new CustomEvent(t,{detail:r,bubbles:!0,composed:!0,cancelable:!0}))}function Ie(e,t){if(typeof ShadowRoot=="function"&&e instanceof ShadowRoot){Array.from(e.children).forEach(i=>Ie(i,t));return}let r=!1;if(t(e,()=>r=!0),r)return;let n=e.firstElementChild;for(;n;)Ie(n,t),n=n.nextElementSibling}function X(e,...t){console.warn(`Alpine Warning: ${e}`,...t)}var yn=!1;function oa(){yn&&X("Alpine has already been initialized on this page. Calling Alpine.start() more than once can cause problems."),yn=!0,document.body||X("Unable to initialize. Trying to load Alpine before `<body>` is available. Did you forget to add `defer` in Alpine's `<script>` tag?"),lt(document,"alpine:init"),lt(document,"alpine:initializing"),Vr(),ko(t=>ve(t,Ie)),Fr(t=>et(t)),ei((t,r)=>{qr(t,r).forEach(n=>n())});let e=t=>!Qt(t.parentElement,!0);Array.from(document.querySelectorAll(wi().join(","))).filter(e).forEach(t=>{ve(t)}),lt(document,"alpine:initialized"),setTimeout(()=>{ca()})}var Xr=[],bi=[];function xi(){return Xr.map(e=>e())}function wi(){return Xr.concat(bi).map(e=>e())}function Oi(e){Xr.push(e)}function Ei(e){bi.push(e)}function Qt(e,t=!1){return Qe(e,r=>{if((t?wi():xi()).some(i=>r.matches(i)))return!0})}function Qe(e,t){if(e){if(t(e))return e;if(e._x_teleportBack&&(e=e._x_teleportBack),!!e.parentElement)return Qe(e.parentElement,t)}}function aa(e){return xi().some(t=>e.matches(t))}var Ai=[];function sa(e){Ai.push(e)}var ua=1;function ve(e,t=Ie,r=()=>{}){Qe(e,n=>n._x_ignore)||ta(()=>{t(e,(n,i)=>{n._x_marker||(r(n,i),Ai.forEach(o=>o(n,i)),qr(n,n.attributes).forEach(o=>o()),n._x_ignore||(n._x_marker=ua++),n._x_ignore&&i())})})}function et(e,t=Ie){t(e,r=>{Fo(r),ri(r),delete r._x_marker})}function ca(){[["ui","dialog",["[x-dialog], [x-popover]"]],["anchor","anchor",["[x-anchor]"]],["sort","sort",["[x-sort]"]]].forEach(([t,r,n])=>{ea(r)||n.some(i=>{if(document.querySelector(i))return X(`found "${i}", but missing ${t} plugin`),!0})})}var Tr=[],Jr=!1;function Gr(e=()=>{}){return queueMicrotask(()=>{Jr||setTimeout(()=>{Cr()})}),new Promise(t=>{Tr.push(()=>{e(),t()})})}function Cr(){for(Jr=!1;Tr.length;)Tr.shift()()}function fa(){Jr=!0}function Zr(e,t){return Array.isArray(t)?_n(e,t.join(" ")):typeof t=="object"&&t!==null?la(e,t):typeof t=="function"?Zr(e,t()):_n(e,t)}function _n(e,t){let r=i=>i.split(" ").filter(o=>!e.classList.contains(o)).filter(Boolean),n=i=>(e.classList.add(...i),()=>{e.classList.remove(...i)});return t=t===!0?t="":t||"",n(r(t))}function la(e,t){let r=s=>s.split(" ").filter(Boolean),n=Object.entries(t).flatMap(([s,u])=>u?r(s):!1).filter(Boolean),i=Object.entries(t).flatMap(([s,u])=>u?!1:r(s)).filter(Boolean),o=[],a=[];return i.forEach(s=>{e.classList.contains(s)&&(e.classList.remove(s),a.push(s))}),n.forEach(s=>{e.classList.contains(s)||(e.classList.add(s),o.push(s))}),()=>{a.forEach(s=>e.classList.add(s)),o.forEach(s=>e.classList.remove(s))}}function er(e,t){return typeof t=="object"&&t!==null?da(e,t):pa(e,t)}function da(e,t){let r={};return Object.entries(t).forEach(([n,i])=>{r[n]=e.style[n],n.startsWith("--")||(n=va(n)),e.style.setProperty(n,i)}),setTimeout(()=>{e.style.length===0&&e.removeAttribute("style")}),()=>{er(e,r)}}function pa(e,t){let r=e.getAttribute("style",t);return e.setAttribute("style",t),()=>{e.setAttribute("style",r||"")}}function va(e){return e.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}function Mr(e,t=()=>{}){let r=!1;return function(){r?t.apply(this,arguments):(r=!0,e.apply(this,arguments))}}j("transition",(e,{value:t,modifiers:r,expression:n},{evaluate:i})=>{typeof n=="function"&&(n=i(n)),n!==!1&&(!n||typeof n=="boolean"?ga(e,r,t):ha(e,n,t))});function ha(e,t,r){Si(e,Zr,""),{enter:i=>{e._x_transition.enter.during=i},"enter-start":i=>{e._x_transition.enter.start=i},"enter-end":i=>{e._x_transition.enter.end=i},leave:i=>{e._x_transition.leave.during=i},"leave-start":i=>{e._x_transition.leave.start=i},"leave-end":i=>{e._x_transition.leave.end=i}}[r](t)}function ga(e,t,r){Si(e,er);let n=!t.includes("in")&&!t.includes("out")&&!r,i=n||t.includes("in")||["enter"].includes(r),o=n||t.includes("out")||["leave"].includes(r);t.includes("in")&&!n&&(t=t.filter((_,b)=>b<t.indexOf("out"))),t.includes("out")&&!n&&(t=t.filter((_,b)=>b>t.indexOf("out")));let a=!t.includes("opacity")&&!t.includes("scale"),s=a||t.includes("opacity"),u=a||t.includes("scale"),l=s?0:1,f=u?st(t,"scale",95)/100:1,v=st(t,"delay",0)/1e3,g=st(t,"origin","center"),m="opacity, transform",w=st(t,"duration",150)/1e3,O=st(t,"duration",75)/1e3,p="cubic-bezier(0.4, 0.0, 0.2, 1)";i&&(e._x_transition.enter.during={transformOrigin:g,transitionDelay:`${v}s`,transitionProperty:m,transitionDuration:`${w}s`,transitionTimingFunction:p},e._x_transition.enter.start={opacity:l,transform:`scale(${f})`},e._x_transition.enter.end={opacity:1,transform:"scale(1)"}),o&&(e._x_transition.leave.during={transformOrigin:g,transitionDelay:`${v}s`,transitionProperty:m,transitionDuration:`${O}s`,transitionTimingFunction:p},e._x_transition.leave.start={opacity:1,transform:"scale(1)"},e._x_transition.leave.end={opacity:l,transform:`scale(${f})`})}function Si(e,t,r={}){e._x_transition||(e._x_transition={enter:{during:r,start:r,end:r},leave:{during:r,start:r,end:r},in(n=()=>{},i=()=>{}){Dr(e,t,{during:this.enter.during,start:this.enter.start,end:this.enter.end},n,i)},out(n=()=>{},i=()=>{}){Dr(e,t,{during:this.leave.during,start:this.leave.start,end:this.leave.end},n,i)}})}window.Element.prototype._x_toggleAndCascadeWithTransitions=function(e,t,r,n){const i=document.visibilityState==="visible"?requestAnimationFrame:setTimeout;let o=()=>i(r);if(t){e._x_transition&&(e._x_transition.enter||e._x_transition.leave)?e._x_transition.enter&&(Object.entries(e._x_transition.enter.during).length||Object.entries(e._x_transition.enter.start).length||Object.entries(e._x_transition.enter.end).length)?e._x_transition.in(r):o():e._x_transition?e._x_transition.in(r):o();return}e._x_hidePromise=e._x_transition?new Promise((a,s)=>{e._x_transition.out(()=>{},()=>a(n)),e._x_transitioning&&e._x_transitioning.beforeCancel(()=>s({isFromCancelledTransition:!0}))}):Promise.resolve(n),queueMicrotask(()=>{let a=Ti(e);a?(a._x_hideChildren||(a._x_hideChildren=[]),a._x_hideChildren.push(e)):i(()=>{let s=u=>{let l=Promise.all([u._x_hidePromise,...(u._x_hideChildren||[]).map(s)]).then(([f])=>f==null?void 0:f());return delete u._x_hidePromise,delete u._x_hideChildren,l};s(e).catch(u=>{if(!u.isFromCancelledTransition)throw u})})})};function Ti(e){let t=e.parentNode;if(t)return t._x_hidePromise?t:Ti(t)}function Dr(e,t,{during:r,start:n,end:i}={},o=()=>{},a=()=>{}){if(e._x_transitioning&&e._x_transitioning.cancel(),Object.keys(r).length===0&&Object.keys(n).length===0&&Object.keys(i).length===0){o(),a();return}let s,u,l;ma(e,{start(){s=t(e,n)},during(){u=t(e,r)},before:o,end(){s(),l=t(e,i)},after:a,cleanup(){u(),l()}})}function ma(e,t){let r,n,i,o=Mr(()=>{P(()=>{r=!0,n||t.before(),i||(t.end(),Cr()),t.after(),e.isConnected&&t.cleanup(),delete e._x_transitioning})});e._x_transitioning={beforeCancels:[],beforeCancel(a){this.beforeCancels.push(a)},cancel:Mr(function(){for(;this.beforeCancels.length;)this.beforeCancels.shift()();o()}),finish:o},P(()=>{t.start(),t.during()}),fa(),requestAnimationFrame(()=>{if(r)return;let a=Number(getComputedStyle(e).transitionDuration.replace(/,.*/,"").replace("s",""))*1e3,s=Number(getComputedStyle(e).transitionDelay.replace(/,.*/,"").replace("s",""))*1e3;a===0&&(a=Number(getComputedStyle(e).animationDuration.replace("s",""))*1e3),P(()=>{t.before()}),n=!0,requestAnimationFrame(()=>{r||(P(()=>{t.end()}),Cr(),setTimeout(e._x_transitioning.finish,a+s),i=!0)})})}function st(e,t,r){if(e.indexOf(t)===-1)return r;const n=e[e.indexOf(t)+1];if(!n||t==="scale"&&isNaN(n))return r;if(t==="duration"||t==="delay"){let i=n.match(/([0-9]+)ms/);if(i)return i[1]}return t==="origin"&&["top","right","left","center","bottom"].includes(e[e.indexOf(t)+2])?[n,e[e.indexOf(t)+2]].join(" "):n}var _e=!1;function xe(e,t=()=>{}){return(...r)=>_e?t(...r):e(...r)}function ya(e){return(...t)=>_e&&e(...t)}var Ci=[];function tr(e){Ci.push(e)}function _a(e,t){Ci.forEach(r=>r(e,t)),_e=!0,Mi(()=>{ve(t,(r,n)=>{n(r,()=>{})})}),_e=!1}var Lr=!1;function ba(e,t){t._x_dataStack||(t._x_dataStack=e._x_dataStack),_e=!0,Lr=!0,Mi(()=>{xa(t)}),_e=!1,Lr=!1}function xa(e){let t=!1;ve(e,(n,i)=>{Ie(n,(o,a)=>{if(t&&aa(o))return a();t=!0,i(o,a)})})}function Mi(e){let t=Be;mn((r,n)=>{let i=t(r);return Ge(i),()=>{}}),e(),mn(t)}function Di(e,t,r,n=[]){switch(e._x_bindings||(e._x_bindings=Je({})),e._x_bindings[t]=r,t=n.includes("camel")?Ma(t):t,t){case"value":wa(e,r);break;case"style":Ea(e,r);break;case"class":Oa(e,r);break;case"selected":case"checked":Aa(e,t,r);break;default:Li(e,t,r);break}}function wa(e,t){if($i(e))e.attributes.value===void 0&&(e.value=t),window.fromModel&&(typeof t=="boolean"?e.checked=zt(e.value)===t:e.checked=bn(e.value,t));else if(Qr(e))Number.isInteger(t)?e.value=t:!Array.isArray(t)&&typeof t!="boolean"&&![null,void 0].includes(t)?e.value=String(t):Array.isArray(t)?e.checked=t.some(r=>bn(r,e.value)):e.checked=!!t;else if(e.tagName==="SELECT")Ca(e,t);else{if(e.value===t)return;e.value=t===void 0?"":t}}function Oa(e,t){e._x_undoAddedClasses&&e._x_undoAddedClasses(),e._x_undoAddedClasses=Zr(e,t)}function Ea(e,t){e._x_undoAddedStyles&&e._x_undoAddedStyles(),e._x_undoAddedStyles=er(e,t)}function Aa(e,t,r){Li(e,t,r),Ta(e,t,r)}function Li(e,t,r){[null,void 0,!1].includes(r)&&La(t)?e.removeAttribute(t):(Pi(t)&&(r=t),Sa(e,t,r))}function Sa(e,t,r){e.getAttribute(t)!=r&&e.setAttribute(t,r)}function Ta(e,t,r){e[t]!==r&&(e[t]=r)}function Ca(e,t){const r=[].concat(t).map(n=>n+"");Array.from(e.options).forEach(n=>{n.selected=r.includes(n.value)})}function Ma(e){return e.toLowerCase().replace(/-(\w)/g,(t,r)=>r.toUpperCase())}function bn(e,t){return e==t}function zt(e){return[1,"1","true","on","yes",!0].includes(e)?!0:[0,"0","false","off","no",!1].includes(e)?!1:e?!!e:null}var Da=new Set(["allowfullscreen","async","autofocus","autoplay","checked","controls","default","defer","disabled","formnovalidate","inert","ismap","itemscope","loop","multiple","muted","nomodule","novalidate","open","playsinline","readonly","required","reversed","selected","shadowrootclonable","shadowrootdelegatesfocus","shadowrootserializable"]);function Pi(e){return Da.has(e)}function La(e){return!["aria-pressed","aria-checked","aria-expanded","aria-selected"].includes(e)}function Pa(e,t,r){return e._x_bindings&&e._x_bindings[t]!==void 0?e._x_bindings[t]:Ri(e,t,r)}function Ra(e,t,r,n=!0){if(e._x_bindings&&e._x_bindings[t]!==void 0)return e._x_bindings[t];if(e._x_inlineBindings&&e._x_inlineBindings[t]!==void 0){let i=e._x_inlineBindings[t];return i.extract=n,ui(()=>Le(e,i.expression))}return Ri(e,t,r)}function Ri(e,t,r){let n=e.getAttribute(t);return n===null?typeof r=="function"?r():r:n===""?!0:Pi(t)?!![t,"true"].includes(n):n}function Qr(e){return e.type==="checkbox"||e.localName==="ui-checkbox"||e.localName==="ui-switch"}function $i(e){return e.type==="radio"||e.localName==="ui-radio"}function Ii(e,t){var r;return function(){var n=this,i=arguments,o=function(){r=null,e.apply(n,i)};clearTimeout(r),r=setTimeout(o,t)}}function ji(e,t){let r;return function(){let n=this,i=arguments;r||(e.apply(n,i),r=!0,setTimeout(()=>r=!1,t))}}function Bi({get:e,set:t},{get:r,set:n}){let i=!0,o,a=Be(()=>{let s=e(),u=r();if(i)n(lr(s)),i=!1;else{let l=JSON.stringify(s),f=JSON.stringify(u);l!==o?n(lr(s)):l!==f&&t(lr(u))}o=JSON.stringify(e()),JSON.stringify(r())});return()=>{Ge(a)}}function lr(e){return typeof e=="object"?JSON.parse(JSON.stringify(e)):e}function $a(e){(Array.isArray(e)?e:[e]).forEach(r=>r(xt))}var Te={},xn=!1;function Ia(e,t){if(xn||(Te=Je(Te),xn=!0),t===void 0)return Te[e];Te[e]=t,oi(Te[e]),typeof t=="object"&&t!==null&&t.hasOwnProperty("init")&&typeof t.init=="function"&&Te[e].init()}function ja(){return Te}var Ni={};function Ba(e,t){let r=typeof t!="function"?()=>t:t;return e instanceof Element?ki(e,r()):(Ni[e]=r,()=>{})}function Na(e){return Object.entries(Ni).forEach(([t,r])=>{Object.defineProperty(e,t,{get(){return(...n)=>r(...n)}})}),e}function ki(e,t,r){let n=[];for(;n.length;)n.pop()();let i=Object.entries(t).map(([a,s])=>({name:a,value:s})),o=li(i);return i=i.map(a=>o.find(s=>s.name===a.name)?{name:`x-bind:${a.name}`,value:`"${a.value}"`}:a),qr(e,i,r).map(a=>{n.push(a.runCleanups),a()}),()=>{for(;n.length;)n.pop()()}}var Fi={};function ka(e,t){Fi[e]=t}function Fa(e,t){return Object.entries(Fi).forEach(([r,n])=>{Object.defineProperty(e,r,{get(){return(...i)=>n.bind(t)(...i)},enumerable:!1})}),e}var Ha={get reactive(){return Je},get release(){return Ge},get effect(){return Be},get raw(){return Xn},version:"3.14.9",flushAndStopDeferringMutations:Vo,dontAutoEvaluateFunctions:ui,disableEffectScheduling:jo,startObservingMutations:Vr,stopObservingMutations:ni,setReactivityEngine:Bo,onAttributeRemoved:ti,onAttributesAdded:ei,closestDataStack:ze,skipDuringClone:xe,onlyDuringClone:ya,addRootSelector:Oi,addInitSelector:Ei,interceptClone:tr,addScopeToNode:_t,deferMutations:Wo,mapAttributes:Yr,evaluateLater:W,interceptInit:sa,setEvaluator:Xo,mergeProxies:bt,extractProp:Ra,findClosest:Qe,onElRemoved:Fr,closestRoot:Qt,destroyTree:et,interceptor:ai,transition:Dr,setStyles:er,mutateDom:P,directive:j,entangle:Bi,throttle:ji,debounce:Ii,evaluate:Le,initTree:ve,nextTick:Gr,prefixed:Ze,prefix:Qo,plugin:$a,magic:re,store:Ia,start:oa,clone:ba,cloneNode:_a,bound:Pa,$data:ii,watch:Jn,walk:Ie,data:ka,bind:Ba},xt=Ha;function Wa(e,t){const r=Object.create(null),n=e.split(",");for(let i=0;i<n.length;i++)r[n[i]]=!0;return t?i=>!!r[i.toLowerCase()]:i=>!!r[i]}var Va=Object.freeze({}),za=Object.prototype.hasOwnProperty,rr=(e,t)=>za.call(e,t),Pe=Array.isArray,dt=e=>Hi(e)==="[object Map]",Ua=e=>typeof e=="string",en=e=>typeof e=="symbol",nr=e=>e!==null&&typeof e=="object",Ka=Object.prototype.toString,Hi=e=>Ka.call(e),Wi=e=>Hi(e).slice(8,-1),tn=e=>Ua(e)&&e!=="NaN"&&e[0]!=="-"&&""+parseInt(e,10)===e,qa=e=>{const t=Object.create(null);return r=>t[r]||(t[r]=e(r))},Ya=qa(e=>e.charAt(0).toUpperCase()+e.slice(1)),Vi=(e,t)=>e!==t&&(e===e||t===t),Pr=new WeakMap,ut=[],ae,Re=Symbol("iterate"),Rr=Symbol("Map key iterate");function Xa(e){return e&&e._isEffect===!0}function Ja(e,t=Va){Xa(e)&&(e=e.raw);const r=Qa(e,t);return t.lazy||r(),r}function Ga(e){e.active&&(zi(e),e.options.onStop&&e.options.onStop(),e.active=!1)}var Za=0;function Qa(e,t){const r=function(){if(!r.active)return e();if(!ut.includes(r)){zi(r);try{return ts(),ut.push(r),ae=r,e()}finally{ut.pop(),Ui(),ae=ut[ut.length-1]}}};return r.id=Za++,r.allowRecurse=!!t.allowRecurse,r._isEffect=!0,r.active=!0,r.raw=e,r.deps=[],r.options=t,r}function zi(e){const{deps:t}=e;if(t.length){for(let r=0;r<t.length;r++)t[r].delete(e);t.length=0}}var Ue=!0,rn=[];function es(){rn.push(Ue),Ue=!1}function ts(){rn.push(Ue),Ue=!0}function Ui(){const e=rn.pop();Ue=e===void 0?!0:e}function te(e,t,r){if(!Ue||ae===void 0)return;let n=Pr.get(e);n||Pr.set(e,n=new Map);let i=n.get(r);i||n.set(r,i=new Set),i.has(ae)||(i.add(ae),ae.deps.push(i),ae.options.onTrack&&ae.options.onTrack({effect:ae,target:e,type:t,key:r}))}function be(e,t,r,n,i,o){const a=Pr.get(e);if(!a)return;const s=new Set,u=f=>{f&&f.forEach(v=>{(v!==ae||v.allowRecurse)&&s.add(v)})};if(t==="clear")a.forEach(u);else if(r==="length"&&Pe(e))a.forEach((f,v)=>{(v==="length"||v>=n)&&u(f)});else switch(r!==void 0&&u(a.get(r)),t){case"add":Pe(e)?tn(r)&&u(a.get("length")):(u(a.get(Re)),dt(e)&&u(a.get(Rr)));break;case"delete":Pe(e)||(u(a.get(Re)),dt(e)&&u(a.get(Rr)));break;case"set":dt(e)&&u(a.get(Re));break}const l=f=>{f.options.onTrigger&&f.options.onTrigger({effect:f,target:e,key:r,type:t,newValue:n,oldValue:i,oldTarget:o}),f.options.scheduler?f.options.scheduler(f):f()};s.forEach(l)}var rs=Wa("__proto__,__v_isRef,__isVue"),Ki=new Set(Object.getOwnPropertyNames(Symbol).map(e=>Symbol[e]).filter(en)),ns=qi(),is=qi(!0),wn=os();function os(){const e={};return["includes","indexOf","lastIndexOf"].forEach(t=>{e[t]=function(...r){const n=M(this);for(let o=0,a=this.length;o<a;o++)te(n,"get",o+"");const i=n[t](...r);return i===-1||i===!1?n[t](...r.map(M)):i}}),["push","pop","shift","unshift","splice"].forEach(t=>{e[t]=function(...r){es();const n=M(this)[t].apply(this,r);return Ui(),n}}),e}function qi(e=!1,t=!1){return function(n,i,o){if(i==="__v_isReactive")return!e;if(i==="__v_isReadonly")return e;if(i==="__v_raw"&&o===(e?t?xs:Gi:t?bs:Ji).get(n))return n;const a=Pe(n);if(!e&&a&&rr(wn,i))return Reflect.get(wn,i,o);const s=Reflect.get(n,i,o);return(en(i)?Ki.has(i):rs(i))||(e||te(n,"get",i),t)?s:$r(s)?!a||!tn(i)?s.value:s:nr(s)?e?Zi(s):sn(s):s}}var as=ss();function ss(e=!1){return function(r,n,i,o){let a=r[n];if(!e&&(i=M(i),a=M(a),!Pe(r)&&$r(a)&&!$r(i)))return a.value=i,!0;const s=Pe(r)&&tn(n)?Number(n)<r.length:rr(r,n),u=Reflect.set(r,n,i,o);return r===M(o)&&(s?Vi(i,a)&&be(r,"set",n,i,a):be(r,"add",n,i)),u}}function us(e,t){const r=rr(e,t),n=e[t],i=Reflect.deleteProperty(e,t);return i&&r&&be(e,"delete",t,void 0,n),i}function cs(e,t){const r=Reflect.has(e,t);return(!en(t)||!Ki.has(t))&&te(e,"has",t),r}function fs(e){return te(e,"iterate",Pe(e)?"length":Re),Reflect.ownKeys(e)}var ls={get:ns,set:as,deleteProperty:us,has:cs,ownKeys:fs},ds={get:is,set(e,t){return console.warn(`Set operation on key "${String(t)}" failed: target is readonly.`,e),!0},deleteProperty(e,t){return console.warn(`Delete operation on key "${String(t)}" failed: target is readonly.`,e),!0}},nn=e=>nr(e)?sn(e):e,on=e=>nr(e)?Zi(e):e,an=e=>e,ir=e=>Reflect.getPrototypeOf(e);function jt(e,t,r=!1,n=!1){e=e.__v_raw;const i=M(e),o=M(t);t!==o&&!r&&te(i,"get",t),!r&&te(i,"get",o);const{has:a}=ir(i),s=n?an:r?on:nn;if(a.call(i,t))return s(e.get(t));if(a.call(i,o))return s(e.get(o));e!==i&&e.get(t)}function Bt(e,t=!1){const r=this.__v_raw,n=M(r),i=M(e);return e!==i&&!t&&te(n,"has",e),!t&&te(n,"has",i),e===i?r.has(e):r.has(e)||r.has(i)}function Nt(e,t=!1){return e=e.__v_raw,!t&&te(M(e),"iterate",Re),Reflect.get(e,"size",e)}function On(e){e=M(e);const t=M(this);return ir(t).has.call(t,e)||(t.add(e),be(t,"add",e,e)),this}function En(e,t){t=M(t);const r=M(this),{has:n,get:i}=ir(r);let o=n.call(r,e);o?Xi(r,n,e):(e=M(e),o=n.call(r,e));const a=i.call(r,e);return r.set(e,t),o?Vi(t,a)&&be(r,"set",e,t,a):be(r,"add",e,t),this}function An(e){const t=M(this),{has:r,get:n}=ir(t);let i=r.call(t,e);i?Xi(t,r,e):(e=M(e),i=r.call(t,e));const o=n?n.call(t,e):void 0,a=t.delete(e);return i&&be(t,"delete",e,void 0,o),a}function Sn(){const e=M(this),t=e.size!==0,r=dt(e)?new Map(e):new Set(e),n=e.clear();return t&&be(e,"clear",void 0,void 0,r),n}function kt(e,t){return function(n,i){const o=this,a=o.__v_raw,s=M(a),u=t?an:e?on:nn;return!e&&te(s,"iterate",Re),a.forEach((l,f)=>n.call(i,u(l),u(f),o))}}function Ft(e,t,r){return function(...n){const i=this.__v_raw,o=M(i),a=dt(o),s=e==="entries"||e===Symbol.iterator&&a,u=e==="keys"&&a,l=i[e](...n),f=r?an:t?on:nn;return!t&&te(o,"iterate",u?Rr:Re),{next(){const{value:v,done:g}=l.next();return g?{value:v,done:g}:{value:s?[f(v[0]),f(v[1])]:f(v),done:g}},[Symbol.iterator](){return this}}}}function ye(e){return function(...t){{const r=t[0]?`on key "${t[0]}" `:"";console.warn(`${Ya(e)} operation ${r}failed: target is readonly.`,M(this))}return e==="delete"?!1:this}}function ps(){const e={get(o){return jt(this,o)},get size(){return Nt(this)},has:Bt,add:On,set:En,delete:An,clear:Sn,forEach:kt(!1,!1)},t={get(o){return jt(this,o,!1,!0)},get size(){return Nt(this)},has:Bt,add:On,set:En,delete:An,clear:Sn,forEach:kt(!1,!0)},r={get(o){return jt(this,o,!0)},get size(){return Nt(this,!0)},has(o){return Bt.call(this,o,!0)},add:ye("add"),set:ye("set"),delete:ye("delete"),clear:ye("clear"),forEach:kt(!0,!1)},n={get(o){return jt(this,o,!0,!0)},get size(){return Nt(this,!0)},has(o){return Bt.call(this,o,!0)},add:ye("add"),set:ye("set"),delete:ye("delete"),clear:ye("clear"),forEach:kt(!0,!0)};return["keys","values","entries",Symbol.iterator].forEach(o=>{e[o]=Ft(o,!1,!1),r[o]=Ft(o,!0,!1),t[o]=Ft(o,!1,!0),n[o]=Ft(o,!0,!0)}),[e,r,t,n]}var[vs,hs,gs,ms]=ps();function Yi(e,t){const r=t?e?ms:gs:e?hs:vs;return(n,i,o)=>i==="__v_isReactive"?!e:i==="__v_isReadonly"?e:i==="__v_raw"?n:Reflect.get(rr(r,i)&&i in n?r:n,i,o)}var ys={get:Yi(!1,!1)},_s={get:Yi(!0,!1)};function Xi(e,t,r){const n=M(r);if(n!==r&&t.call(e,n)){const i=Wi(e);console.warn(`Reactive ${i} contains both the raw and reactive versions of the same object${i==="Map"?" as keys":""}, which can lead to inconsistencies. Avoid differentiating between the raw and reactive versions of an object and only use the reactive version if possible.`)}}var Ji=new WeakMap,bs=new WeakMap,Gi=new WeakMap,xs=new WeakMap;function ws(e){switch(e){case"Object":case"Array":return 1;case"Map":case"Set":case"WeakMap":case"WeakSet":return 2;default:return 0}}function Os(e){return e.__v_skip||!Object.isExtensible(e)?0:ws(Wi(e))}function sn(e){return e&&e.__v_isReadonly?e:Qi(e,!1,ls,ys,Ji)}function Zi(e){return Qi(e,!0,ds,_s,Gi)}function Qi(e,t,r,n,i){if(!nr(e))return console.warn(`value cannot be made reactive: ${String(e)}`),e;if(e.__v_raw&&!(t&&e.__v_isReactive))return e;const o=i.get(e);if(o)return o;const a=Os(e);if(a===0)return e;const s=new Proxy(e,a===2?n:r);return i.set(e,s),s}function M(e){return e&&M(e.__v_raw)||e}function $r(e){return!!(e&&e.__v_isRef===!0)}re("nextTick",()=>Gr);re("dispatch",e=>lt.bind(lt,e));re("watch",(e,{evaluateLater:t,cleanup:r})=>(n,i)=>{let o=t(n),s=Jn(()=>{let u;return o(l=>u=l),u},i);r(s)});re("store",ja);re("data",e=>ii(e));re("root",e=>Qt(e));re("refs",e=>(e._x_refs_proxy||(e._x_refs_proxy=bt(Es(e))),e._x_refs_proxy));function Es(e){let t=[];return Qe(e,r=>{r._x_refs&&t.push(r._x_refs)}),t}var dr={};function eo(e){return dr[e]||(dr[e]=0),++dr[e]}function As(e,t){return Qe(e,r=>{if(r._x_ids&&r._x_ids[t])return!0})}function Ss(e,t){e._x_ids||(e._x_ids={}),e._x_ids[t]||(e._x_ids[t]=eo(t))}re("id",(e,{cleanup:t})=>(r,n=null)=>{let i=`${r}${n?`-${n}`:""}`;return Ts(e,i,t,()=>{let o=As(e,r),a=o?o._x_ids[r]:eo(r);return n?`${r}-${a}-${n}`:`${r}-${a}`})});tr((e,t)=>{e._x_id&&(t._x_id=e._x_id)});function Ts(e,t,r,n){if(e._x_id||(e._x_id={}),e._x_id[t])return e._x_id[t];let i=n();return e._x_id[t]=i,r(()=>{delete e._x_id[t]}),i}re("el",e=>e);to("Focus","focus","focus");to("Persist","persist","persist");function to(e,t,r){re(t,n=>X(`You can't use [$${t}] without first installing the "${e}" plugin here: https://alpinejs.dev/plugins/${r}`,n))}j("modelable",(e,{expression:t},{effect:r,evaluateLater:n,cleanup:i})=>{let o=n(t),a=()=>{let f;return o(v=>f=v),f},s=n(`${t} = __placeholder`),u=f=>s(()=>{},{scope:{__placeholder:f}}),l=a();u(l),queueMicrotask(()=>{if(!e._x_model)return;e._x_removeModelListeners.default();let f=e._x_model.get,v=e._x_model.set,g=Bi({get(){return f()},set(m){v(m)}},{get(){return a()},set(m){u(m)}});i(g)})});j("teleport",(e,{modifiers:t,expression:r},{cleanup:n})=>{e.tagName.toLowerCase()!=="template"&&X("x-teleport can only be used on a <template> tag",e);let i=Tn(r),o=e.content.cloneNode(!0).firstElementChild;e._x_teleport=o,o._x_teleportBack=e,e.setAttribute("data-teleport-template",!0),o.setAttribute("data-teleport-target",!0),e._x_forwardEvents&&e._x_forwardEvents.forEach(s=>{o.addEventListener(s,u=>{u.stopPropagation(),e.dispatchEvent(new u.constructor(u.type,u))})}),_t(o,{},e);let a=(s,u,l)=>{l.includes("prepend")?u.parentNode.insertBefore(s,u):l.includes("append")?u.parentNode.insertBefore(s,u.nextSibling):u.appendChild(s)};P(()=>{a(o,i,t),xe(()=>{ve(o)})()}),e._x_teleportPutBack=()=>{let s=Tn(r);P(()=>{a(e._x_teleport,s,t)})},n(()=>P(()=>{o.remove(),et(o)}))});var Cs=document.createElement("div");function Tn(e){let t=xe(()=>document.querySelector(e),()=>Cs)();return t||X(`Cannot find x-teleport element for selector: "${e}"`),t}var ro=()=>{};ro.inline=(e,{modifiers:t},{cleanup:r})=>{t.includes("self")?e._x_ignoreSelf=!0:e._x_ignore=!0,r(()=>{t.includes("self")?delete e._x_ignoreSelf:delete e._x_ignore})};j("ignore",ro);j("effect",xe((e,{expression:t},{effect:r})=>{r(W(e,t))}));function Ir(e,t,r,n){let i=e,o=u=>n(u),a={},s=(u,l)=>f=>l(u,f);if(r.includes("dot")&&(t=Ms(t)),r.includes("camel")&&(t=Ds(t)),r.includes("passive")&&(a.passive=!0),r.includes("capture")&&(a.capture=!0),r.includes("window")&&(i=window),r.includes("document")&&(i=document),r.includes("debounce")){let u=r[r.indexOf("debounce")+1]||"invalid-wait",l=Xt(u.split("ms")[0])?Number(u.split("ms")[0]):250;o=Ii(o,l)}if(r.includes("throttle")){let u=r[r.indexOf("throttle")+1]||"invalid-wait",l=Xt(u.split("ms")[0])?Number(u.split("ms")[0]):250;o=ji(o,l)}return r.includes("prevent")&&(o=s(o,(u,l)=>{l.preventDefault(),u(l)})),r.includes("stop")&&(o=s(o,(u,l)=>{l.stopPropagation(),u(l)})),r.includes("once")&&(o=s(o,(u,l)=>{u(l),i.removeEventListener(t,o,a)})),(r.includes("away")||r.includes("outside"))&&(i=document,o=s(o,(u,l)=>{e.contains(l.target)||l.target.isConnected!==!1&&(e.offsetWidth<1&&e.offsetHeight<1||e._x_isShown!==!1&&u(l))})),r.includes("self")&&(o=s(o,(u,l)=>{l.target===e&&u(l)})),(Ps(t)||no(t))&&(o=s(o,(u,l)=>{Rs(l,r)||u(l)})),i.addEventListener(t,o,a),()=>{i.removeEventListener(t,o,a)}}function Ms(e){return e.replace(/-/g,".")}function Ds(e){return e.toLowerCase().replace(/-(\w)/g,(t,r)=>r.toUpperCase())}function Xt(e){return!Array.isArray(e)&&!isNaN(e)}function Ls(e){return[" ","_"].includes(e)?e:e.replace(/([a-z])([A-Z])/g,"$1-$2").replace(/[_\s]/,"-").toLowerCase()}function Ps(e){return["keydown","keyup"].includes(e)}function no(e){return["contextmenu","click","mouse"].some(t=>e.includes(t))}function Rs(e,t){let r=t.filter(o=>!["window","document","prevent","stop","once","capture","self","away","outside","passive"].includes(o));if(r.includes("debounce")){let o=r.indexOf("debounce");r.splice(o,Xt((r[o+1]||"invalid-wait").split("ms")[0])?2:1)}if(r.includes("throttle")){let o=r.indexOf("throttle");r.splice(o,Xt((r[o+1]||"invalid-wait").split("ms")[0])?2:1)}if(r.length===0||r.length===1&&Cn(e.key).includes(r[0]))return!1;const i=["ctrl","shift","alt","meta","cmd","super"].filter(o=>r.includes(o));return r=r.filter(o=>!i.includes(o)),!(i.length>0&&i.filter(a=>((a==="cmd"||a==="super")&&(a="meta"),e[`${a}Key`])).length===i.length&&(no(e.type)||Cn(e.key).includes(r[0])))}function Cn(e){if(!e)return[];e=Ls(e);let t={ctrl:"control",slash:"/",space:" ",spacebar:" ",cmd:"meta",esc:"escape",up:"arrow-up",down:"arrow-down",left:"arrow-left",right:"arrow-right",period:".",comma:",",equal:"=",minus:"-",underscore:"_"};return t[e]=e,Object.keys(t).map(r=>{if(t[r]===e)return r}).filter(r=>r)}j("model",(e,{modifiers:t,expression:r},{effect:n,cleanup:i})=>{let o=e;t.includes("parent")&&(o=e.parentNode);let a=W(o,r),s;typeof r=="string"?s=W(o,`${r} = __placeholder`):typeof r=="function"&&typeof r()=="string"?s=W(o,`${r()} = __placeholder`):s=()=>{};let u=()=>{let g;return a(m=>g=m),Mn(g)?g.get():g},l=g=>{let m;a(w=>m=w),Mn(m)?m.set(g):s(()=>{},{scope:{__placeholder:g}})};typeof r=="string"&&e.type==="radio"&&P(()=>{e.hasAttribute("name")||e.setAttribute("name",r)});var f=e.tagName.toLowerCase()==="select"||["checkbox","radio"].includes(e.type)||t.includes("lazy")?"change":"input";let v=_e?()=>{}:Ir(e,f,t,g=>{l(pr(e,t,g,u()))});if(t.includes("fill")&&([void 0,null,""].includes(u())||Qr(e)&&Array.isArray(u())||e.tagName.toLowerCase()==="select"&&e.multiple)&&l(pr(e,t,{target:e},u())),e._x_removeModelListeners||(e._x_removeModelListeners={}),e._x_removeModelListeners.default=v,i(()=>e._x_removeModelListeners.default()),e.form){let g=Ir(e.form,"reset",[],m=>{Gr(()=>e._x_model&&e._x_model.set(pr(e,t,{target:e},u())))});i(()=>g())}e._x_model={get(){return u()},set(g){l(g)}},e._x_forceModelUpdate=g=>{g===void 0&&typeof r=="string"&&r.match(/\./)&&(g=""),window.fromModel=!0,P(()=>Di(e,"value",g)),delete window.fromModel},n(()=>{let g=u();t.includes("unintrusive")&&document.activeElement.isSameNode(e)||e._x_forceModelUpdate(g)})});function pr(e,t,r,n){return P(()=>{if(r instanceof CustomEvent&&r.detail!==void 0)return r.detail!==null&&r.detail!==void 0?r.detail:r.target.value;if(Qr(e))if(Array.isArray(n)){let i=null;return t.includes("number")?i=vr(r.target.value):t.includes("boolean")?i=zt(r.target.value):i=r.target.value,r.target.checked?n.includes(i)?n:n.concat([i]):n.filter(o=>!$s(o,i))}else return r.target.checked;else{if(e.tagName.toLowerCase()==="select"&&e.multiple)return t.includes("number")?Array.from(r.target.selectedOptions).map(i=>{let o=i.value||i.text;return vr(o)}):t.includes("boolean")?Array.from(r.target.selectedOptions).map(i=>{let o=i.value||i.text;return zt(o)}):Array.from(r.target.selectedOptions).map(i=>i.value||i.text);{let i;return $i(e)?r.target.checked?i=r.target.value:i=n:i=r.target.value,t.includes("number")?vr(i):t.includes("boolean")?zt(i):t.includes("trim")?i.trim():i}}})}function vr(e){let t=e?parseFloat(e):null;return Is(t)?t:e}function $s(e,t){return e==t}function Is(e){return!Array.isArray(e)&&!isNaN(e)}function Mn(e){return e!==null&&typeof e=="object"&&typeof e.get=="function"&&typeof e.set=="function"}j("cloak",e=>queueMicrotask(()=>P(()=>e.removeAttribute(Ze("cloak")))));Ei(()=>`[${Ze("init")}]`);j("init",xe((e,{expression:t},{evaluate:r})=>typeof t=="string"?!!t.trim()&&r(t,{},!1):r(t,{},!1)));j("text",(e,{expression:t},{effect:r,evaluateLater:n})=>{let i=n(t);r(()=>{i(o=>{P(()=>{e.textContent=o})})})});j("html",(e,{expression:t},{effect:r,evaluateLater:n})=>{let i=n(t);r(()=>{i(o=>{P(()=>{e.innerHTML=o,e._x_ignoreSelf=!0,ve(e),delete e._x_ignoreSelf})})})});Yr(vi(":",hi(Ze("bind:"))));var io=(e,{value:t,modifiers:r,expression:n,original:i},{effect:o,cleanup:a})=>{if(!t){let u={};Na(u),W(e,n)(f=>{ki(e,f,i)},{scope:u});return}if(t==="key")return js(e,n);if(e._x_inlineBindings&&e._x_inlineBindings[t]&&e._x_inlineBindings[t].extract)return;let s=W(e,n);o(()=>s(u=>{u===void 0&&typeof n=="string"&&n.match(/\./)&&(u=""),P(()=>Di(e,t,u,r))})),a(()=>{e._x_undoAddedClasses&&e._x_undoAddedClasses(),e._x_undoAddedStyles&&e._x_undoAddedStyles()})};io.inline=(e,{value:t,modifiers:r,expression:n})=>{t&&(e._x_inlineBindings||(e._x_inlineBindings={}),e._x_inlineBindings[t]={expression:n,extract:!1})};j("bind",io);function js(e,t){e._x_keyExpression=t}Oi(()=>`[${Ze("data")}]`);j("data",(e,{expression:t},{cleanup:r})=>{if(Bs(e))return;t=t===""?"{}":t;let n={};Er(n,e);let i={};Fa(i,n);let o=Le(e,t,{scope:i});(o===void 0||o===!0)&&(o={}),Er(o,e);let a=Je(o);oi(a);let s=_t(e,a);a.init&&Le(e,a.init),r(()=>{a.destroy&&Le(e,a.destroy),s()})});tr((e,t)=>{e._x_dataStack&&(t._x_dataStack=e._x_dataStack,t.setAttribute("data-has-alpine-state",!0))});function Bs(e){return _e?Lr?!0:e.hasAttribute("data-has-alpine-state"):!1}j("show",(e,{modifiers:t,expression:r},{effect:n})=>{let i=W(e,r);e._x_doHide||(e._x_doHide=()=>{P(()=>{e.style.setProperty("display","none",t.includes("important")?"important":void 0)})}),e._x_doShow||(e._x_doShow=()=>{P(()=>{e.style.length===1&&e.style.display==="none"?e.removeAttribute("style"):e.style.removeProperty("display")})});let o=()=>{e._x_doHide(),e._x_isShown=!1},a=()=>{e._x_doShow(),e._x_isShown=!0},s=()=>setTimeout(a),u=Mr(v=>v?a():o(),v=>{typeof e._x_toggleAndCascadeWithTransitions=="function"?e._x_toggleAndCascadeWithTransitions(e,v,a,o):v?s():o()}),l,f=!0;n(()=>i(v=>{!f&&v===l||(t.includes("immediate")&&(v?s():o()),u(v),l=v,f=!1)}))});j("for",(e,{expression:t},{effect:r,cleanup:n})=>{let i=ks(t),o=W(e,i.items),a=W(e,e._x_keyExpression||"index");e._x_prevKeys=[],e._x_lookup={},r(()=>Ns(e,i,o,a)),n(()=>{Object.values(e._x_lookup).forEach(s=>P(()=>{et(s),s.remove()})),delete e._x_prevKeys,delete e._x_lookup})});function Ns(e,t,r,n){let i=a=>typeof a=="object"&&!Array.isArray(a),o=e;r(a=>{Fs(a)&&a>=0&&(a=Array.from(Array(a).keys(),p=>p+1)),a===void 0&&(a=[]);let s=e._x_lookup,u=e._x_prevKeys,l=[],f=[];if(i(a))a=Object.entries(a).map(([p,_])=>{let b=Dn(t,_,p,a);n(E=>{f.includes(E)&&X("Duplicate key on x-for",e),f.push(E)},{scope:{index:p,...b}}),l.push(b)});else for(let p=0;p<a.length;p++){let _=Dn(t,a[p],p,a);n(b=>{f.includes(b)&&X("Duplicate key on x-for",e),f.push(b)},{scope:{index:p,..._}}),l.push(_)}let v=[],g=[],m=[],w=[];for(let p=0;p<u.length;p++){let _=u[p];f.indexOf(_)===-1&&m.push(_)}u=u.filter(p=>!m.includes(p));let O="template";for(let p=0;p<f.length;p++){let _=f[p],b=u.indexOf(_);if(b===-1)u.splice(p,0,_),v.push([O,p]);else if(b!==p){let E=u.splice(p,1)[0],c=u.splice(b-1,1)[0];u.splice(p,0,c),u.splice(b,0,E),g.push([E,c])}else w.push(_);O=_}for(let p=0;p<m.length;p++){let _=m[p];_ in s&&(P(()=>{et(s[_]),s[_].remove()}),delete s[_])}for(let p=0;p<g.length;p++){let[_,b]=g[p],E=s[_],c=s[b],A=document.createElement("div");P(()=>{c||X('x-for ":key" is undefined or invalid',o,b,s),c.after(A),E.after(c),c._x_currentIfEl&&c.after(c._x_currentIfEl),A.before(E),E._x_currentIfEl&&E.after(E._x_currentIfEl),A.remove()}),c._x_refreshXForScope(l[f.indexOf(b)])}for(let p=0;p<v.length;p++){let[_,b]=v[p],E=_==="template"?o:s[_];E._x_currentIfEl&&(E=E._x_currentIfEl);let c=l[b],A=f[b],h=document.importNode(o.content,!0).firstElementChild,C=Je(c);_t(h,C,o),h._x_refreshXForScope=I=>{Object.entries(I).forEach(([R,D])=>{C[R]=D})},P(()=>{E.after(h),xe(()=>ve(h))()}),typeof A=="object"&&X("x-for key cannot be an object, it must be a string or an integer",o),s[A]=h}for(let p=0;p<w.length;p++)s[w[p]]._x_refreshXForScope(l[f.indexOf(w[p])]);o._x_prevKeys=f})}function ks(e){let t=/,([^,\}\]]*)(?:,([^,\}\]]*))?$/,r=/^\s*\(|\)\s*$/g,n=/([\s\S]*?)\s+(?:in|of)\s+([\s\S]*)/,i=e.match(n);if(!i)return;let o={};o.items=i[2].trim();let a=i[1].replace(r,"").trim(),s=a.match(t);return s?(o.item=a.replace(t,"").trim(),o.index=s[1].trim(),s[2]&&(o.collection=s[2].trim())):o.item=a,o}function Dn(e,t,r,n){let i={};return/^\[.*\]$/.test(e.item)&&Array.isArray(t)?e.item.replace("[","").replace("]","").split(",").map(a=>a.trim()).forEach((a,s)=>{i[a]=t[s]}):/^\{.*\}$/.test(e.item)&&!Array.isArray(t)&&typeof t=="object"?e.item.replace("{","").replace("}","").split(",").map(a=>a.trim()).forEach(a=>{i[a]=t[a]}):i[e.item]=t,e.index&&(i[e.index]=r),e.collection&&(i[e.collection]=n),i}function Fs(e){return!Array.isArray(e)&&!isNaN(e)}function oo(){}oo.inline=(e,{expression:t},{cleanup:r})=>{let n=Qt(e);n._x_refs||(n._x_refs={}),n._x_refs[t]=e,r(()=>delete n._x_refs[t])};j("ref",oo);j("if",(e,{expression:t},{effect:r,cleanup:n})=>{e.tagName.toLowerCase()!=="template"&&X("x-if can only be used on a <template> tag",e);let i=W(e,t),o=()=>{if(e._x_currentIfEl)return e._x_currentIfEl;let s=e.content.cloneNode(!0).firstElementChild;return _t(s,{},e),P(()=>{e.after(s),xe(()=>ve(s))()}),e._x_currentIfEl=s,e._x_undoIf=()=>{P(()=>{et(s),s.remove()}),delete e._x_currentIfEl},s},a=()=>{e._x_undoIf&&(e._x_undoIf(),delete e._x_undoIf)};r(()=>i(s=>{s?o():a()})),n(()=>e._x_undoIf&&e._x_undoIf())});j("id",(e,{expression:t},{evaluate:r})=>{r(t).forEach(i=>Ss(e,i))});tr((e,t)=>{e._x_ids&&(t._x_ids=e._x_ids)});Yr(vi("@",hi(Ze("on:"))));j("on",xe((e,{value:t,modifiers:r,expression:n},{cleanup:i})=>{let o=n?W(e,n):()=>{};e.tagName.toLowerCase()==="template"&&(e._x_forwardEvents||(e._x_forwardEvents=[]),e._x_forwardEvents.includes(t)||e._x_forwardEvents.push(t));let a=Ir(e,t,r,s=>{o(()=>{},{scope:{$event:s},params:[s]})});i(()=>a())}));or("Collapse","collapse","collapse");or("Intersect","intersect","intersect");or("Focus","trap","focus");or("Mask","mask","mask");function or(e,t,r){j(t,n=>X(`You can't use [x-${t}] without first installing the "${e}" plugin here: https://alpinejs.dev/plugins/${r}`,n))}xt.setEvaluator(fi);xt.setReactivityEngine({reactive:sn,effect:Ja,release:Ga,raw:M});var Hs=xt,Jt=Hs,V="top",G="bottom",Z="right",z="left",un="auto",wt=[V,G,Z,z],Ke="start",mt="end",Ws="clippingParents",ao="viewport",ct="popper",Vs="reference",Ln=wt.reduce(function(e,t){return e.concat([t+"-"+Ke,t+"-"+mt])},[]),so=[].concat(wt,[un]).reduce(function(e,t){return e.concat([t,t+"-"+Ke,t+"-"+mt])},[]),zs="beforeRead",Us="read",Ks="afterRead",qs="beforeMain",Ys="main",Xs="afterMain",Js="beforeWrite",Gs="write",Zs="afterWrite",Qs=[zs,Us,Ks,qs,Ys,Xs,Js,Gs,Zs];function ce(e){return e?(e.nodeName||"").toLowerCase():null}function q(e){if(e==null)return window;if(e.toString()!=="[object Window]"){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function je(e){var t=q(e).Element;return e instanceof t||e instanceof Element}function J(e){var t=q(e).HTMLElement;return e instanceof t||e instanceof HTMLElement}function cn(e){if(typeof ShadowRoot>"u")return!1;var t=q(e).ShadowRoot;return e instanceof t||e instanceof ShadowRoot}function eu(e){var t=e.state;Object.keys(t.elements).forEach(function(r){var n=t.styles[r]||{},i=t.attributes[r]||{},o=t.elements[r];!J(o)||!ce(o)||(Object.assign(o.style,n),Object.keys(i).forEach(function(a){var s=i[a];s===!1?o.removeAttribute(a):o.setAttribute(a,s===!0?"":s)}))})}function tu(e){var t=e.state,r={popper:{position:t.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(t.elements.popper.style,r.popper),t.styles=r,t.elements.arrow&&Object.assign(t.elements.arrow.style,r.arrow),function(){Object.keys(t.elements).forEach(function(n){var i=t.elements[n],o=t.attributes[n]||{},a=Object.keys(t.styles.hasOwnProperty(n)?t.styles[n]:r[n]),s=a.reduce(function(u,l){return u[l]="",u},{});!J(i)||!ce(i)||(Object.assign(i.style,s),Object.keys(o).forEach(function(u){i.removeAttribute(u)}))})}}const uo={name:"applyStyles",enabled:!0,phase:"write",fn:eu,effect:tu,requires:["computeStyles"]};function ue(e){return e.split("-")[0]}var $e=Math.max,Gt=Math.min,qe=Math.round;function jr(){var e=navigator.userAgentData;return e!=null&&e.brands&&Array.isArray(e.brands)?e.brands.map(function(t){return t.brand+"/"+t.version}).join(" "):navigator.userAgent}function co(){return!/^((?!chrome|android).)*safari/i.test(jr())}function Ye(e,t,r){t===void 0&&(t=!1),r===void 0&&(r=!1);var n=e.getBoundingClientRect(),i=1,o=1;t&&J(e)&&(i=e.offsetWidth>0&&qe(n.width)/e.offsetWidth||1,o=e.offsetHeight>0&&qe(n.height)/e.offsetHeight||1);var a=je(e)?q(e):window,s=a.visualViewport,u=!co()&&r,l=(n.left+(u&&s?s.offsetLeft:0))/i,f=(n.top+(u&&s?s.offsetTop:0))/o,v=n.width/i,g=n.height/o;return{width:v,height:g,top:f,right:l+v,bottom:f+g,left:l,x:l,y:f}}function fn(e){var t=Ye(e),r=e.offsetWidth,n=e.offsetHeight;return Math.abs(t.width-r)<=1&&(r=t.width),Math.abs(t.height-n)<=1&&(n=t.height),{x:e.offsetLeft,y:e.offsetTop,width:r,height:n}}function fo(e,t){var r=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(r&&cn(r)){var n=t;do{if(n&&e.isSameNode(n))return!0;n=n.parentNode||n.host}while(n)}return!1}function he(e){return q(e).getComputedStyle(e)}function ru(e){return["table","td","th"].indexOf(ce(e))>=0}function we(e){return((je(e)?e.ownerDocument:e.document)||window.document).documentElement}function ar(e){return ce(e)==="html"?e:e.assignedSlot||e.parentNode||(cn(e)?e.host:null)||we(e)}function Pn(e){return!J(e)||he(e).position==="fixed"?null:e.offsetParent}function nu(e){var t=/firefox/i.test(jr()),r=/Trident/i.test(jr());if(r&&J(e)){var n=he(e);if(n.position==="fixed")return null}var i=ar(e);for(cn(i)&&(i=i.host);J(i)&&["html","body"].indexOf(ce(i))<0;){var o=he(i);if(o.transform!=="none"||o.perspective!=="none"||o.contain==="paint"||["transform","perspective"].indexOf(o.willChange)!==-1||t&&o.willChange==="filter"||t&&o.filter&&o.filter!=="none")return i;i=i.parentNode}return null}function Ot(e){for(var t=q(e),r=Pn(e);r&&ru(r)&&he(r).position==="static";)r=Pn(r);return r&&(ce(r)==="html"||ce(r)==="body"&&he(r).position==="static")?t:r||nu(e)||t}function ln(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function pt(e,t,r){return $e(e,Gt(t,r))}function iu(e,t,r){var n=pt(e,t,r);return n>r?r:n}function lo(){return{top:0,right:0,bottom:0,left:0}}function po(e){return Object.assign({},lo(),e)}function vo(e,t){return t.reduce(function(r,n){return r[n]=e,r},{})}var ou=function(t,r){return t=typeof t=="function"?t(Object.assign({},r.rects,{placement:r.placement})):t,po(typeof t!="number"?t:vo(t,wt))};function au(e){var t,r=e.state,n=e.name,i=e.options,o=r.elements.arrow,a=r.modifiersData.popperOffsets,s=ue(r.placement),u=ln(s),l=[z,Z].indexOf(s)>=0,f=l?"height":"width";if(!(!o||!a)){var v=ou(i.padding,r),g=fn(o),m=u==="y"?V:z,w=u==="y"?G:Z,O=r.rects.reference[f]+r.rects.reference[u]-a[u]-r.rects.popper[f],p=a[u]-r.rects.reference[u],_=Ot(o),b=_?u==="y"?_.clientHeight||0:_.clientWidth||0:0,E=O/2-p/2,c=v[m],A=b-g[f]-v[w],h=b/2-g[f]/2+E,C=pt(c,h,A),I=u;r.modifiersData[n]=(t={},t[I]=C,t.centerOffset=C-h,t)}}function su(e){var t=e.state,r=e.options,n=r.element,i=n===void 0?"[data-popper-arrow]":n;i!=null&&(typeof i=="string"&&(i=t.elements.popper.querySelector(i),!i)||fo(t.elements.popper,i)&&(t.elements.arrow=i))}const uu={name:"arrow",enabled:!0,phase:"main",fn:au,effect:su,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function Xe(e){return e.split("-")[1]}var cu={top:"auto",right:"auto",bottom:"auto",left:"auto"};function fu(e,t){var r=e.x,n=e.y,i=t.devicePixelRatio||1;return{x:qe(r*i)/i||0,y:qe(n*i)/i||0}}function Rn(e){var t,r=e.popper,n=e.popperRect,i=e.placement,o=e.variation,a=e.offsets,s=e.position,u=e.gpuAcceleration,l=e.adaptive,f=e.roundOffsets,v=e.isFixed,g=a.x,m=g===void 0?0:g,w=a.y,O=w===void 0?0:w,p=typeof f=="function"?f({x:m,y:O}):{x:m,y:O};m=p.x,O=p.y;var _=a.hasOwnProperty("x"),b=a.hasOwnProperty("y"),E=z,c=V,A=window;if(l){var h=Ot(r),C="clientHeight",I="clientWidth";if(h===q(r)&&(h=we(r),he(h).position!=="static"&&s==="absolute"&&(C="scrollHeight",I="scrollWidth")),h=h,i===V||(i===z||i===Z)&&o===mt){c=G;var R=v&&h===A&&A.visualViewport?A.visualViewport.height:h[C];O-=R-n.height,O*=u?1:-1}if(i===z||(i===V||i===G)&&o===mt){E=Z;var D=v&&h===A&&A.visualViewport?A.visualViewport.width:h[I];m-=D-n.width,m*=u?1:-1}}var B=Object.assign({position:s},l&&cu),$=f===!0?fu({x:m,y:O},q(r)):{x:m,y:O};if(m=$.x,O=$.y,u){var L;return Object.assign({},B,(L={},L[c]=b?"0":"",L[E]=_?"0":"",L.transform=(A.devicePixelRatio||1)<=1?"translate("+m+"px, "+O+"px)":"translate3d("+m+"px, "+O+"px, 0)",L))}return Object.assign({},B,(t={},t[c]=b?O+"px":"",t[E]=_?m+"px":"",t.transform="",t))}function lu(e){var t=e.state,r=e.options,n=r.gpuAcceleration,i=n===void 0?!0:n,o=r.adaptive,a=o===void 0?!0:o,s=r.roundOffsets,u=s===void 0?!0:s,l={placement:ue(t.placement),variation:Xe(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:i,isFixed:t.options.strategy==="fixed"};t.modifiersData.popperOffsets!=null&&(t.styles.popper=Object.assign({},t.styles.popper,Rn(Object.assign({},l,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:a,roundOffsets:u})))),t.modifiersData.arrow!=null&&(t.styles.arrow=Object.assign({},t.styles.arrow,Rn(Object.assign({},l,{offsets:t.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:u})))),t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement})}const du={name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:lu,data:{}};var Ht={passive:!0};function pu(e){var t=e.state,r=e.instance,n=e.options,i=n.scroll,o=i===void 0?!0:i,a=n.resize,s=a===void 0?!0:a,u=q(t.elements.popper),l=[].concat(t.scrollParents.reference,t.scrollParents.popper);return o&&l.forEach(function(f){f.addEventListener("scroll",r.update,Ht)}),s&&u.addEventListener("resize",r.update,Ht),function(){o&&l.forEach(function(f){f.removeEventListener("scroll",r.update,Ht)}),s&&u.removeEventListener("resize",r.update,Ht)}}const vu={name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:pu,data:{}};var hu={left:"right",right:"left",bottom:"top",top:"bottom"};function Ut(e){return e.replace(/left|right|bottom|top/g,function(t){return hu[t]})}var gu={start:"end",end:"start"};function $n(e){return e.replace(/start|end/g,function(t){return gu[t]})}function dn(e){var t=q(e),r=t.pageXOffset,n=t.pageYOffset;return{scrollLeft:r,scrollTop:n}}function pn(e){return Ye(we(e)).left+dn(e).scrollLeft}function mu(e,t){var r=q(e),n=we(e),i=r.visualViewport,o=n.clientWidth,a=n.clientHeight,s=0,u=0;if(i){o=i.width,a=i.height;var l=co();(l||!l&&t==="fixed")&&(s=i.offsetLeft,u=i.offsetTop)}return{width:o,height:a,x:s+pn(e),y:u}}function yu(e){var t,r=we(e),n=dn(e),i=(t=e.ownerDocument)==null?void 0:t.body,o=$e(r.scrollWidth,r.clientWidth,i?i.scrollWidth:0,i?i.clientWidth:0),a=$e(r.scrollHeight,r.clientHeight,i?i.scrollHeight:0,i?i.clientHeight:0),s=-n.scrollLeft+pn(e),u=-n.scrollTop;return he(i||r).direction==="rtl"&&(s+=$e(r.clientWidth,i?i.clientWidth:0)-o),{width:o,height:a,x:s,y:u}}function vn(e){var t=he(e),r=t.overflow,n=t.overflowX,i=t.overflowY;return/auto|scroll|overlay|hidden/.test(r+i+n)}function ho(e){return["html","body","#document"].indexOf(ce(e))>=0?e.ownerDocument.body:J(e)&&vn(e)?e:ho(ar(e))}function vt(e,t){var r;t===void 0&&(t=[]);var n=ho(e),i=n===((r=e.ownerDocument)==null?void 0:r.body),o=q(n),a=i?[o].concat(o.visualViewport||[],vn(n)?n:[]):n,s=t.concat(a);return i?s:s.concat(vt(ar(a)))}function Br(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function _u(e,t){var r=Ye(e,!1,t==="fixed");return r.top=r.top+e.clientTop,r.left=r.left+e.clientLeft,r.bottom=r.top+e.clientHeight,r.right=r.left+e.clientWidth,r.width=e.clientWidth,r.height=e.clientHeight,r.x=r.left,r.y=r.top,r}function In(e,t,r){return t===ao?Br(mu(e,r)):je(t)?_u(t,r):Br(yu(we(e)))}function bu(e){var t=vt(ar(e)),r=["absolute","fixed"].indexOf(he(e).position)>=0,n=r&&J(e)?Ot(e):e;return je(n)?t.filter(function(i){return je(i)&&fo(i,n)&&ce(i)!=="body"}):[]}function xu(e,t,r,n){var i=t==="clippingParents"?bu(e):[].concat(t),o=[].concat(i,[r]),a=o[0],s=o.reduce(function(u,l){var f=In(e,l,n);return u.top=$e(f.top,u.top),u.right=Gt(f.right,u.right),u.bottom=Gt(f.bottom,u.bottom),u.left=$e(f.left,u.left),u},In(e,a,n));return s.width=s.right-s.left,s.height=s.bottom-s.top,s.x=s.left,s.y=s.top,s}function go(e){var t=e.reference,r=e.element,n=e.placement,i=n?ue(n):null,o=n?Xe(n):null,a=t.x+t.width/2-r.width/2,s=t.y+t.height/2-r.height/2,u;switch(i){case V:u={x:a,y:t.y-r.height};break;case G:u={x:a,y:t.y+t.height};break;case Z:u={x:t.x+t.width,y:s};break;case z:u={x:t.x-r.width,y:s};break;default:u={x:t.x,y:t.y}}var l=i?ln(i):null;if(l!=null){var f=l==="y"?"height":"width";switch(o){case Ke:u[l]=u[l]-(t[f]/2-r[f]/2);break;case mt:u[l]=u[l]+(t[f]/2-r[f]/2);break}}return u}function yt(e,t){t===void 0&&(t={});var r=t,n=r.placement,i=n===void 0?e.placement:n,o=r.strategy,a=o===void 0?e.strategy:o,s=r.boundary,u=s===void 0?Ws:s,l=r.rootBoundary,f=l===void 0?ao:l,v=r.elementContext,g=v===void 0?ct:v,m=r.altBoundary,w=m===void 0?!1:m,O=r.padding,p=O===void 0?0:O,_=po(typeof p!="number"?p:vo(p,wt)),b=g===ct?Vs:ct,E=e.rects.popper,c=e.elements[w?b:g],A=xu(je(c)?c:c.contextElement||we(e.elements.popper),u,f,a),h=Ye(e.elements.reference),C=go({reference:h,element:E,strategy:"absolute",placement:i}),I=Br(Object.assign({},E,C)),R=g===ct?I:h,D={top:A.top-R.top+_.top,bottom:R.bottom-A.bottom+_.bottom,left:A.left-R.left+_.left,right:R.right-A.right+_.right},B=e.modifiersData.offset;if(g===ct&&B){var $=B[i];Object.keys(D).forEach(function(L){var U=[Z,G].indexOf(L)>=0?1:-1,K=[V,G].indexOf(L)>=0?"y":"x";D[L]+=$[K]*U})}return D}function wu(e,t){t===void 0&&(t={});var r=t,n=r.placement,i=r.boundary,o=r.rootBoundary,a=r.padding,s=r.flipVariations,u=r.allowedAutoPlacements,l=u===void 0?so:u,f=Xe(n),v=f?s?Ln:Ln.filter(function(w){return Xe(w)===f}):wt,g=v.filter(function(w){return l.indexOf(w)>=0});g.length===0&&(g=v);var m=g.reduce(function(w,O){return w[O]=yt(e,{placement:O,boundary:i,rootBoundary:o,padding:a})[ue(O)],w},{});return Object.keys(m).sort(function(w,O){return m[w]-m[O]})}function Ou(e){if(ue(e)===un)return[];var t=Ut(e);return[$n(e),t,$n(t)]}function Eu(e){var t=e.state,r=e.options,n=e.name;if(!t.modifiersData[n]._skip){for(var i=r.mainAxis,o=i===void 0?!0:i,a=r.altAxis,s=a===void 0?!0:a,u=r.fallbackPlacements,l=r.padding,f=r.boundary,v=r.rootBoundary,g=r.altBoundary,m=r.flipVariations,w=m===void 0?!0:m,O=r.allowedAutoPlacements,p=t.options.placement,_=ue(p),b=_===p,E=u||(b||!w?[Ut(p)]:Ou(p)),c=[p].concat(E).reduce(function(fe,Q){return fe.concat(ue(Q)===un?wu(t,{placement:Q,boundary:f,rootBoundary:v,padding:l,flipVariations:w,allowedAutoPlacements:O}):Q)},[]),A=t.rects.reference,h=t.rects.popper,C=new Map,I=!0,R=c[0],D=0;D<c.length;D++){var B=c[D],$=ue(B),L=Xe(B)===Ke,U=[V,G].indexOf($)>=0,K=U?"width":"height",k=yt(t,{placement:B,boundary:f,rootBoundary:v,altBoundary:g,padding:l}),F=U?L?Z:z:L?G:V;A[K]>h[K]&&(F=Ut(F));var N=Ut(F),ne=[];if(o&&ne.push(k[$]<=0),s&&ne.push(k[F]<=0,k[N]<=0),ne.every(function(fe){return fe})){R=B,I=!1;break}C.set(B,ne)}if(I)for(var ie=w?3:1,Oe=function(Q){var le=c.find(function(Ne){var de=C.get(Ne);if(de)return de.slice(0,Q).every(function(ke){return ke})});if(le)return R=le,"break"},oe=ie;oe>0;oe--){var Ee=Oe(oe);if(Ee==="break")break}t.placement!==R&&(t.modifiersData[n]._skip=!0,t.placement=R,t.reset=!0)}}const Au={name:"flip",enabled:!0,phase:"main",fn:Eu,requiresIfExists:["offset"],data:{_skip:!1}};function jn(e,t,r){return r===void 0&&(r={x:0,y:0}),{top:e.top-t.height-r.y,right:e.right-t.width+r.x,bottom:e.bottom-t.height+r.y,left:e.left-t.width-r.x}}function Bn(e){return[V,Z,G,z].some(function(t){return e[t]>=0})}function Su(e){var t=e.state,r=e.name,n=t.rects.reference,i=t.rects.popper,o=t.modifiersData.preventOverflow,a=yt(t,{elementContext:"reference"}),s=yt(t,{altBoundary:!0}),u=jn(a,n),l=jn(s,i,o),f=Bn(u),v=Bn(l);t.modifiersData[r]={referenceClippingOffsets:u,popperEscapeOffsets:l,isReferenceHidden:f,hasPopperEscaped:v},t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":f,"data-popper-escaped":v})}const Tu={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:Su};function Cu(e,t,r){var n=ue(e),i=[z,V].indexOf(n)>=0?-1:1,o=typeof r=="function"?r(Object.assign({},t,{placement:e})):r,a=o[0],s=o[1];return a=a||0,s=(s||0)*i,[z,Z].indexOf(n)>=0?{x:s,y:a}:{x:a,y:s}}function Mu(e){var t=e.state,r=e.options,n=e.name,i=r.offset,o=i===void 0?[0,0]:i,a=so.reduce(function(f,v){return f[v]=Cu(v,t.rects,o),f},{}),s=a[t.placement],u=s.x,l=s.y;t.modifiersData.popperOffsets!=null&&(t.modifiersData.popperOffsets.x+=u,t.modifiersData.popperOffsets.y+=l),t.modifiersData[n]=a}const Du={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:Mu};function Lu(e){var t=e.state,r=e.name;t.modifiersData[r]=go({reference:t.rects.reference,element:t.rects.popper,strategy:"absolute",placement:t.placement})}const Pu={name:"popperOffsets",enabled:!0,phase:"read",fn:Lu,data:{}};function Ru(e){return e==="x"?"y":"x"}function $u(e){var t=e.state,r=e.options,n=e.name,i=r.mainAxis,o=i===void 0?!0:i,a=r.altAxis,s=a===void 0?!1:a,u=r.boundary,l=r.rootBoundary,f=r.altBoundary,v=r.padding,g=r.tether,m=g===void 0?!0:g,w=r.tetherOffset,O=w===void 0?0:w,p=yt(t,{boundary:u,rootBoundary:l,padding:v,altBoundary:f}),_=ue(t.placement),b=Xe(t.placement),E=!b,c=ln(_),A=Ru(c),h=t.modifiersData.popperOffsets,C=t.rects.reference,I=t.rects.popper,R=typeof O=="function"?O(Object.assign({},t.rects,{placement:t.placement})):O,D=typeof R=="number"?{mainAxis:R,altAxis:R}:Object.assign({mainAxis:0,altAxis:0},R),B=t.modifiersData.offset?t.modifiersData.offset[t.placement]:null,$={x:0,y:0};if(h){if(o){var L,U=c==="y"?V:z,K=c==="y"?G:Z,k=c==="y"?"height":"width",F=h[c],N=F+p[U],ne=F-p[K],ie=m?-I[k]/2:0,Oe=b===Ke?C[k]:I[k],oe=b===Ke?-I[k]:-C[k],Ee=t.elements.arrow,fe=m&&Ee?fn(Ee):{width:0,height:0},Q=t.modifiersData["arrow#persistent"]?t.modifiersData["arrow#persistent"].padding:lo(),le=Q[U],Ne=Q[K],de=pt(0,C[k],fe[k]),ke=E?C[k]/2-ie-de-le-D.mainAxis:Oe-de-le-D.mainAxis,ge=E?-C[k]/2+ie+de+Ne+D.mainAxis:oe+de+Ne+D.mainAxis,Fe=t.elements.arrow&&Ot(t.elements.arrow),At=Fe?c==="y"?Fe.clientTop||0:Fe.clientLeft||0:0,tt=(L=B==null?void 0:B[c])!=null?L:0,St=F+ke-tt-At,Tt=F+ge-tt,rt=pt(m?Gt(N,St):N,F,m?$e(ne,Tt):ne);h[c]=rt,$[c]=rt-F}if(s){var nt,Ct=c==="x"?V:z,Mt=c==="x"?G:Z,pe=h[A],me=A==="y"?"height":"width",it=pe+p[Ct],Ae=pe-p[Mt],ot=[V,z].indexOf(_)!==-1,Dt=(nt=B==null?void 0:B[A])!=null?nt:0,Lt=ot?it:pe-C[me]-I[me]-Dt+D.altAxis,Pt=ot?pe+C[me]+I[me]-Dt-D.altAxis:Ae,Rt=m&&ot?iu(Lt,pe,Pt):pt(m?Lt:it,pe,m?Pt:Ae);h[A]=Rt,$[A]=Rt-pe}t.modifiersData[n]=$}}const Iu={name:"preventOverflow",enabled:!0,phase:"main",fn:$u,requiresIfExists:["offset"]};function ju(e){return{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}}function Bu(e){return e===q(e)||!J(e)?dn(e):ju(e)}function Nu(e){var t=e.getBoundingClientRect(),r=qe(t.width)/e.offsetWidth||1,n=qe(t.height)/e.offsetHeight||1;return r!==1||n!==1}function ku(e,t,r){r===void 0&&(r=!1);var n=J(t),i=J(t)&&Nu(t),o=we(t),a=Ye(e,i,r),s={scrollLeft:0,scrollTop:0},u={x:0,y:0};return(n||!n&&!r)&&((ce(t)!=="body"||vn(o))&&(s=Bu(t)),J(t)?(u=Ye(t,!0),u.x+=t.clientLeft,u.y+=t.clientTop):o&&(u.x=pn(o))),{x:a.left+s.scrollLeft-u.x,y:a.top+s.scrollTop-u.y,width:a.width,height:a.height}}function Fu(e){var t=new Map,r=new Set,n=[];e.forEach(function(o){t.set(o.name,o)});function i(o){r.add(o.name);var a=[].concat(o.requires||[],o.requiresIfExists||[]);a.forEach(function(s){if(!r.has(s)){var u=t.get(s);u&&i(u)}}),n.push(o)}return e.forEach(function(o){r.has(o.name)||i(o)}),n}function Hu(e){var t=Fu(e);return Qs.reduce(function(r,n){return r.concat(t.filter(function(i){return i.phase===n}))},[])}function Wu(e){var t;return function(){return t||(t=new Promise(function(r){Promise.resolve().then(function(){t=void 0,r(e())})})),t}}function Vu(e){var t=e.reduce(function(r,n){var i=r[n.name];return r[n.name]=i?Object.assign({},i,n,{options:Object.assign({},i.options,n.options),data:Object.assign({},i.data,n.data)}):n,r},{});return Object.keys(t).map(function(r){return t[r]})}var Nn={placement:"bottom",modifiers:[],strategy:"absolute"};function kn(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return!t.some(function(n){return!(n&&typeof n.getBoundingClientRect=="function")})}function zu(e){e===void 0&&(e={});var t=e,r=t.defaultModifiers,n=r===void 0?[]:r,i=t.defaultOptions,o=i===void 0?Nn:i;return function(s,u,l){l===void 0&&(l=o);var f={placement:"bottom",orderedModifiers:[],options:Object.assign({},Nn,o),modifiersData:{},elements:{reference:s,popper:u},attributes:{},styles:{}},v=[],g=!1,m={state:f,setOptions:function(_){var b=typeof _=="function"?_(f.options):_;O(),f.options=Object.assign({},o,f.options,b),f.scrollParents={reference:je(s)?vt(s):s.contextElement?vt(s.contextElement):[],popper:vt(u)};var E=Hu(Vu([].concat(n,f.options.modifiers)));return f.orderedModifiers=E.filter(function(c){return c.enabled}),w(),m.update()},forceUpdate:function(){if(!g){var _=f.elements,b=_.reference,E=_.popper;if(kn(b,E)){f.rects={reference:ku(b,Ot(E),f.options.strategy==="fixed"),popper:fn(E)},f.reset=!1,f.placement=f.options.placement,f.orderedModifiers.forEach(function(D){return f.modifiersData[D.name]=Object.assign({},D.data)});for(var c=0;c<f.orderedModifiers.length;c++){if(f.reset===!0){f.reset=!1,c=-1;continue}var A=f.orderedModifiers[c],h=A.fn,C=A.options,I=C===void 0?{}:C,R=A.name;typeof h=="function"&&(f=h({state:f,options:I,name:R,instance:m})||f)}}}},update:Wu(function(){return new Promise(function(p){m.forceUpdate(),p(f)})}),destroy:function(){O(),g=!0}};if(!kn(s,u))return m;m.setOptions(l).then(function(p){!g&&l.onFirstUpdate&&l.onFirstUpdate(p)});function w(){f.orderedModifiers.forEach(function(p){var _=p.name,b=p.options,E=b===void 0?{}:b,c=p.effect;if(typeof c=="function"){var A=c({state:f,name:_,instance:m,options:E}),h=function(){};v.push(A||h)}})}function O(){v.forEach(function(p){return p()}),v=[]}return m}}var Uu=[vu,Pu,du,uo,Du,Au,Iu,uu,Tu],Ku=zu({defaultModifiers:Uu}),qu="tippy-box",mo="tippy-content",Yu="tippy-backdrop",yo="tippy-arrow",_o="tippy-svg-arrow",Ce={passive:!0,capture:!0},bo=function(){return document.body};function hr(e,t,r){if(Array.isArray(e)){var n=e[t];return n??(Array.isArray(r)?r[t]:r)}return e}function hn(e,t){var r={}.toString.call(e);return r.indexOf("[object")===0&&r.indexOf(t+"]")>-1}function xo(e,t){return typeof e=="function"?e.apply(void 0,t):e}function Fn(e,t){if(t===0)return e;var r;return function(n){clearTimeout(r),r=setTimeout(function(){e(n)},t)}}function Xu(e){return e.split(/\s+/).filter(Boolean)}function Ve(e){return[].concat(e)}function Hn(e,t){e.indexOf(t)===-1&&e.push(t)}function Ju(e){return e.filter(function(t,r){return e.indexOf(t)===r})}function Gu(e){return e.split("-")[0]}function Zt(e){return[].slice.call(e)}function Wn(e){return Object.keys(e).reduce(function(t,r){return e[r]!==void 0&&(t[r]=e[r]),t},{})}function ht(){return document.createElement("div")}function sr(e){return["Element","Fragment"].some(function(t){return hn(e,t)})}function Zu(e){return hn(e,"NodeList")}function Qu(e){return hn(e,"MouseEvent")}function ec(e){return!!(e&&e._tippy&&e._tippy.reference===e)}function tc(e){return sr(e)?[e]:Zu(e)?Zt(e):Array.isArray(e)?e:Zt(document.querySelectorAll(e))}function gr(e,t){e.forEach(function(r){r&&(r.style.transitionDuration=t+"ms")})}function Vn(e,t){e.forEach(function(r){r&&r.setAttribute("data-state",t)})}function rc(e){var t,r=Ve(e),n=r[0];return n!=null&&(t=n.ownerDocument)!=null&&t.body?n.ownerDocument:document}function nc(e,t){var r=t.clientX,n=t.clientY;return e.every(function(i){var o=i.popperRect,a=i.popperState,s=i.props,u=s.interactiveBorder,l=Gu(a.placement),f=a.modifiersData.offset;if(!f)return!0;var v=l==="bottom"?f.top.y:0,g=l==="top"?f.bottom.y:0,m=l==="right"?f.left.x:0,w=l==="left"?f.right.x:0,O=o.top-n+v>u,p=n-o.bottom-g>u,_=o.left-r+m>u,b=r-o.right-w>u;return O||p||_||b})}function mr(e,t,r){var n=t+"EventListener";["transitionend","webkitTransitionEnd"].forEach(function(i){e[n](i,r)})}function zn(e,t){for(var r=t;r;){var n;if(e.contains(r))return!0;r=r.getRootNode==null||(n=r.getRootNode())==null?void 0:n.host}return!1}var se={isTouch:!1},Un=0;function ic(){se.isTouch||(se.isTouch=!0,window.performance&&document.addEventListener("mousemove",wo))}function wo(){var e=performance.now();e-Un<20&&(se.isTouch=!1,document.removeEventListener("mousemove",wo)),Un=e}function oc(){var e=document.activeElement;if(ec(e)){var t=e._tippy;e.blur&&!t.state.isVisible&&e.blur()}}function ac(){document.addEventListener("touchstart",ic,Ce),window.addEventListener("blur",oc)}var sc=typeof window<"u"&&typeof document<"u",uc=sc?!!window.msCrypto:!1,cc={animateFill:!1,followCursor:!1,inlinePositioning:!1,sticky:!1},fc={allowHTML:!1,animation:"fade",arrow:!0,content:"",inertia:!1,maxWidth:350,role:"tooltip",theme:"",zIndex:9999},ee=Object.assign({appendTo:bo,aria:{content:"auto",expanded:"auto"},delay:0,duration:[300,250],getReferenceClientRect:null,hideOnClick:!0,ignoreAttributes:!1,interactive:!1,interactiveBorder:2,interactiveDebounce:0,moveTransition:"",offset:[0,10],onAfterUpdate:function(){},onBeforeUpdate:function(){},onCreate:function(){},onDestroy:function(){},onHidden:function(){},onHide:function(){},onMount:function(){},onShow:function(){},onShown:function(){},onTrigger:function(){},onUntrigger:function(){},onClickOutside:function(){},placement:"top",plugins:[],popperOptions:{},render:null,showOnCreate:!1,touch:!0,trigger:"mouseenter focus",triggerTarget:null},cc,fc),lc=Object.keys(ee),dc=function(t){var r=Object.keys(t);r.forEach(function(n){ee[n]=t[n]})};function Oo(e){var t=e.plugins||[],r=t.reduce(function(n,i){var o=i.name,a=i.defaultValue;if(o){var s;n[o]=e[o]!==void 0?e[o]:(s=ee[o])!=null?s:a}return n},{});return Object.assign({},e,r)}function pc(e,t){var r=t?Object.keys(Oo(Object.assign({},ee,{plugins:t}))):lc,n=r.reduce(function(i,o){var a=(e.getAttribute("data-tippy-"+o)||"").trim();if(!a)return i;if(o==="content")i[o]=a;else try{i[o]=JSON.parse(a)}catch{i[o]=a}return i},{});return n}function Kn(e,t){var r=Object.assign({},t,{content:xo(t.content,[e])},t.ignoreAttributes?{}:pc(e,t.plugins));return r.aria=Object.assign({},ee.aria,r.aria),r.aria={expanded:r.aria.expanded==="auto"?t.interactive:r.aria.expanded,content:r.aria.content==="auto"?t.interactive?null:"describedby":r.aria.content},r}var vc=function(){return"innerHTML"};function Nr(e,t){e[vc()]=t}function qn(e){var t=ht();return e===!0?t.className=yo:(t.className=_o,sr(e)?t.appendChild(e):Nr(t,e)),t}function Yn(e,t){sr(t.content)?(Nr(e,""),e.appendChild(t.content)):typeof t.content!="function"&&(t.allowHTML?Nr(e,t.content):e.textContent=t.content)}function kr(e){var t=e.firstElementChild,r=Zt(t.children);return{box:t,content:r.find(function(n){return n.classList.contains(mo)}),arrow:r.find(function(n){return n.classList.contains(yo)||n.classList.contains(_o)}),backdrop:r.find(function(n){return n.classList.contains(Yu)})}}function Eo(e){var t=ht(),r=ht();r.className=qu,r.setAttribute("data-state","hidden"),r.setAttribute("tabindex","-1");var n=ht();n.className=mo,n.setAttribute("data-state","hidden"),Yn(n,e.props),t.appendChild(r),r.appendChild(n),i(e.props,e.props);function i(o,a){var s=kr(t),u=s.box,l=s.content,f=s.arrow;a.theme?u.setAttribute("data-theme",a.theme):u.removeAttribute("data-theme"),typeof a.animation=="string"?u.setAttribute("data-animation",a.animation):u.removeAttribute("data-animation"),a.inertia?u.setAttribute("data-inertia",""):u.removeAttribute("data-inertia"),u.style.maxWidth=typeof a.maxWidth=="number"?a.maxWidth+"px":a.maxWidth,a.role?u.setAttribute("role",a.role):u.removeAttribute("role"),(o.content!==a.content||o.allowHTML!==a.allowHTML)&&Yn(l,e.props),a.arrow?f?o.arrow!==a.arrow&&(u.removeChild(f),u.appendChild(qn(a.arrow))):u.appendChild(qn(a.arrow)):f&&u.removeChild(f)}return{popper:t,onUpdate:i}}Eo.$$tippy=!0;var hc=1,Wt=[],yr=[];function gc(e,t){var r=Kn(e,Object.assign({},ee,Oo(Wn(t)))),n,i,o,a=!1,s=!1,u=!1,l=!1,f,v,g,m=[],w=Fn(St,r.interactiveDebounce),O,p=hc++,_=null,b=Ju(r.plugins),E={isEnabled:!0,isVisible:!1,isDestroyed:!1,isMounted:!1,isShown:!1},c={id:p,reference:e,popper:ht(),popperInstance:_,props:r,state:E,plugins:b,clearDelayTimeouts:Lt,setProps:Pt,setContent:Rt,show:Ao,hide:So,hideWithInteractivity:To,enable:ot,disable:Dt,unmount:Co,destroy:Mo};if(!r.render)return c;var A=r.render(c),h=A.popper,C=A.onUpdate;h.setAttribute("data-tippy-root",""),h.id="tippy-"+c.id,c.popper=h,e._tippy=c,h._tippy=c;var I=b.map(function(d){return d.fn(c)}),R=e.hasAttribute("aria-expanded");return Fe(),ie(),F(),N("onCreate",[c]),r.showOnCreate&&it(),h.addEventListener("mouseenter",function(){c.props.interactive&&c.state.isVisible&&c.clearDelayTimeouts()}),h.addEventListener("mouseleave",function(){c.props.interactive&&c.props.trigger.indexOf("mouseenter")>=0&&U().addEventListener("mousemove",w)}),c;function D(){var d=c.props.touch;return Array.isArray(d)?d:[d,0]}function B(){return D()[0]==="hold"}function $(){var d;return!!((d=c.props.render)!=null&&d.$$tippy)}function L(){return O||e}function U(){var d=L().parentNode;return d?rc(d):document}function K(){return kr(h)}function k(d){return c.state.isMounted&&!c.state.isVisible||se.isTouch||f&&f.type==="focus"?0:hr(c.props.delay,d?0:1,ee.delay)}function F(d){d===void 0&&(d=!1),h.style.pointerEvents=c.props.interactive&&!d?"":"none",h.style.zIndex=""+c.props.zIndex}function N(d,y,x){if(x===void 0&&(x=!0),I.forEach(function(S){S[d]&&S[d].apply(S,y)}),x){var T;(T=c.props)[d].apply(T,y)}}function ne(){var d=c.props.aria;if(d.content){var y="aria-"+d.content,x=h.id,T=Ve(c.props.triggerTarget||e);T.forEach(function(S){var H=S.getAttribute(y);if(c.state.isVisible)S.setAttribute(y,H?H+" "+x:x);else{var Y=H&&H.replace(x,"").trim();Y?S.setAttribute(y,Y):S.removeAttribute(y)}})}}function ie(){if(!(R||!c.props.aria.expanded)){var d=Ve(c.props.triggerTarget||e);d.forEach(function(y){c.props.interactive?y.setAttribute("aria-expanded",c.state.isVisible&&y===L()?"true":"false"):y.removeAttribute("aria-expanded")})}}function Oe(){U().removeEventListener("mousemove",w),Wt=Wt.filter(function(d){return d!==w})}function oe(d){if(!(se.isTouch&&(u||d.type==="mousedown"))){var y=d.composedPath&&d.composedPath()[0]||d.target;if(!(c.props.interactive&&zn(h,y))){if(Ve(c.props.triggerTarget||e).some(function(x){return zn(x,y)})){if(se.isTouch||c.state.isVisible&&c.props.trigger.indexOf("click")>=0)return}else N("onClickOutside",[c,d]);c.props.hideOnClick===!0&&(c.clearDelayTimeouts(),c.hide(),s=!0,setTimeout(function(){s=!1}),c.state.isMounted||le())}}}function Ee(){u=!0}function fe(){u=!1}function Q(){var d=U();d.addEventListener("mousedown",oe,!0),d.addEventListener("touchend",oe,Ce),d.addEventListener("touchstart",fe,Ce),d.addEventListener("touchmove",Ee,Ce)}function le(){var d=U();d.removeEventListener("mousedown",oe,!0),d.removeEventListener("touchend",oe,Ce),d.removeEventListener("touchstart",fe,Ce),d.removeEventListener("touchmove",Ee,Ce)}function Ne(d,y){ke(d,function(){!c.state.isVisible&&h.parentNode&&h.parentNode.contains(h)&&y()})}function de(d,y){ke(d,y)}function ke(d,y){var x=K().box;function T(S){S.target===x&&(mr(x,"remove",T),y())}if(d===0)return y();mr(x,"remove",v),mr(x,"add",T),v=T}function ge(d,y,x){x===void 0&&(x=!1);var T=Ve(c.props.triggerTarget||e);T.forEach(function(S){S.addEventListener(d,y,x),m.push({node:S,eventType:d,handler:y,options:x})})}function Fe(){B()&&(ge("touchstart",tt,{passive:!0}),ge("touchend",Tt,{passive:!0})),Xu(c.props.trigger).forEach(function(d){if(d!=="manual")switch(ge(d,tt),d){case"mouseenter":ge("mouseleave",Tt);break;case"focus":ge(uc?"focusout":"blur",rt);break;case"focusin":ge("focusout",rt);break}})}function At(){m.forEach(function(d){var y=d.node,x=d.eventType,T=d.handler,S=d.options;y.removeEventListener(x,T,S)}),m=[]}function tt(d){var y,x=!1;if(!(!c.state.isEnabled||nt(d)||s)){var T=((y=f)==null?void 0:y.type)==="focus";f=d,O=d.currentTarget,ie(),!c.state.isVisible&&Qu(d)&&Wt.forEach(function(S){return S(d)}),d.type==="click"&&(c.props.trigger.indexOf("mouseenter")<0||a)&&c.props.hideOnClick!==!1&&c.state.isVisible?x=!0:it(d),d.type==="click"&&(a=!x),x&&!T&&Ae(d)}}function St(d){var y=d.target,x=L().contains(y)||h.contains(y);if(!(d.type==="mousemove"&&x)){var T=me().concat(h).map(function(S){var H,Y=S._tippy,He=(H=Y.popperInstance)==null?void 0:H.state;return He?{popperRect:S.getBoundingClientRect(),popperState:He,props:r}:null}).filter(Boolean);nc(T,d)&&(Oe(),Ae(d))}}function Tt(d){var y=nt(d)||c.props.trigger.indexOf("click")>=0&&a;if(!y){if(c.props.interactive){c.hideWithInteractivity(d);return}Ae(d)}}function rt(d){c.props.trigger.indexOf("focusin")<0&&d.target!==L()||c.props.interactive&&d.relatedTarget&&h.contains(d.relatedTarget)||Ae(d)}function nt(d){return se.isTouch?B()!==d.type.indexOf("touch")>=0:!1}function Ct(){Mt();var d=c.props,y=d.popperOptions,x=d.placement,T=d.offset,S=d.getReferenceClientRect,H=d.moveTransition,Y=$()?kr(h).arrow:null,He=S?{getBoundingClientRect:S,contextElement:S.contextElement||L()}:e,gn={name:"$$tippy",enabled:!0,phase:"beforeWrite",requires:["computeStyles"],fn:function($t){var We=$t.state;if($()){var Do=K(),cr=Do.box;["placement","reference-hidden","escaped"].forEach(function(It){It==="placement"?cr.setAttribute("data-placement",We.placement):We.attributes.popper["data-popper-"+It]?cr.setAttribute("data-"+It,""):cr.removeAttribute("data-"+It)}),We.attributes.popper={}}}},Se=[{name:"offset",options:{offset:T}},{name:"preventOverflow",options:{padding:{top:2,bottom:2,left:5,right:5}}},{name:"flip",options:{padding:5}},{name:"computeStyles",options:{adaptive:!H}},gn];$()&&Y&&Se.push({name:"arrow",options:{element:Y,padding:3}}),Se.push.apply(Se,(y==null?void 0:y.modifiers)||[]),c.popperInstance=Ku(He,h,Object.assign({},y,{placement:x,onFirstUpdate:g,modifiers:Se}))}function Mt(){c.popperInstance&&(c.popperInstance.destroy(),c.popperInstance=null)}function pe(){var d=c.props.appendTo,y,x=L();c.props.interactive&&d===bo||d==="parent"?y=x.parentNode:y=xo(d,[x]),y.contains(h)||y.appendChild(h),c.state.isMounted=!0,Ct()}function me(){return Zt(h.querySelectorAll("[data-tippy-root]"))}function it(d){c.clearDelayTimeouts(),d&&N("onTrigger",[c,d]),Q();var y=k(!0),x=D(),T=x[0],S=x[1];se.isTouch&&T==="hold"&&S&&(y=S),y?n=setTimeout(function(){c.show()},y):c.show()}function Ae(d){if(c.clearDelayTimeouts(),N("onUntrigger",[c,d]),!c.state.isVisible){le();return}if(!(c.props.trigger.indexOf("mouseenter")>=0&&c.props.trigger.indexOf("click")>=0&&["mouseleave","mousemove"].indexOf(d.type)>=0&&a)){var y=k(!1);y?i=setTimeout(function(){c.state.isVisible&&c.hide()},y):o=requestAnimationFrame(function(){c.hide()})}}function ot(){c.state.isEnabled=!0}function Dt(){c.hide(),c.state.isEnabled=!1}function Lt(){clearTimeout(n),clearTimeout(i),cancelAnimationFrame(o)}function Pt(d){if(!c.state.isDestroyed){N("onBeforeUpdate",[c,d]),At();var y=c.props,x=Kn(e,Object.assign({},y,Wn(d),{ignoreAttributes:!0}));c.props=x,Fe(),y.interactiveDebounce!==x.interactiveDebounce&&(Oe(),w=Fn(St,x.interactiveDebounce)),y.triggerTarget&&!x.triggerTarget?Ve(y.triggerTarget).forEach(function(T){T.removeAttribute("aria-expanded")}):x.triggerTarget&&e.removeAttribute("aria-expanded"),ie(),F(),C&&C(y,x),c.popperInstance&&(Ct(),me().forEach(function(T){requestAnimationFrame(T._tippy.popperInstance.forceUpdate)})),N("onAfterUpdate",[c,d])}}function Rt(d){c.setProps({content:d})}function Ao(){var d=c.state.isVisible,y=c.state.isDestroyed,x=!c.state.isEnabled,T=se.isTouch&&!c.props.touch,S=hr(c.props.duration,0,ee.duration);if(!(d||y||x||T)&&!L().hasAttribute("disabled")&&(N("onShow",[c],!1),c.props.onShow(c)!==!1)){if(c.state.isVisible=!0,$()&&(h.style.visibility="visible"),F(),Q(),c.state.isMounted||(h.style.transition="none"),$()){var H=K(),Y=H.box,He=H.content;gr([Y,He],0)}g=function(){var Se;if(!(!c.state.isVisible||l)){if(l=!0,h.offsetHeight,h.style.transition=c.props.moveTransition,$()&&c.props.animation){var ur=K(),$t=ur.box,We=ur.content;gr([$t,We],S),Vn([$t,We],"visible")}ne(),ie(),Hn(yr,c),(Se=c.popperInstance)==null||Se.forceUpdate(),N("onMount",[c]),c.props.animation&&$()&&de(S,function(){c.state.isShown=!0,N("onShown",[c])})}},pe()}}function So(){var d=!c.state.isVisible,y=c.state.isDestroyed,x=!c.state.isEnabled,T=hr(c.props.duration,1,ee.duration);if(!(d||y||x)&&(N("onHide",[c],!1),c.props.onHide(c)!==!1)){if(c.state.isVisible=!1,c.state.isShown=!1,l=!1,a=!1,$()&&(h.style.visibility="hidden"),Oe(),le(),F(!0),$()){var S=K(),H=S.box,Y=S.content;c.props.animation&&(gr([H,Y],T),Vn([H,Y],"hidden"))}ne(),ie(),c.props.animation?$()&&Ne(T,c.unmount):c.unmount()}}function To(d){U().addEventListener("mousemove",w),Hn(Wt,w),w(d)}function Co(){c.state.isVisible&&c.hide(),c.state.isMounted&&(Mt(),me().forEach(function(d){d._tippy.unmount()}),h.parentNode&&h.parentNode.removeChild(h),yr=yr.filter(function(d){return d!==c}),c.state.isMounted=!1,N("onHidden",[c]))}function Mo(){c.state.isDestroyed||(c.clearDelayTimeouts(),c.unmount(),At(),delete e._tippy,c.state.isDestroyed=!0,N("onDestroy",[c]))}}function Et(e,t){t===void 0&&(t={});var r=ee.plugins.concat(t.plugins||[]);ac();var n=Object.assign({},t,{plugins:r}),i=tc(e),o=i.reduce(function(a,s){var u=s&&gc(s,n);return u&&a.push(u),a},[]);return sr(e)?o[0]:o}Et.defaultProps=ee;Et.setDefaultProps=dc;Et.currentInput=se;Object.assign({},uo,{effect:function(t){var r=t.state,n={popper:{position:r.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};Object.assign(r.elements.popper.style,n.popper),r.styles=n,r.elements.arrow&&Object.assign(r.elements.arrow.style,n.arrow)}});Et.setDefaultProps({render:Eo});const mc='<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 240 220" role="img" aria-label="Pest logomark"><title>Pest logomark</title><path fill="#ffffff" fill-rule="evenodd" clip-rule="evenodd" d="M36.844 61.111 51.014 0H240l-32.594 140.556H81.417L62.995 220H0L32.593 79.445h125.989l4.252-18.334z"/></svg>',yc='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 381 100" role="img" aria-label="PEST"><title>Pest wordmark</title><path fill="#ffffff" fill-rule="evenodd" clip-rule="evenodd" d="M16.607 27.51 22.994 0h85.181L93.484 63.272H36.697l-8.303 35.763H0l14.69-63.272h56.788l1.916-8.253zM295.574 0h85.181l-6.387 27.51h-39.752L318.01 99.035h-28.394l16.607-71.525h-73.824l-1.917 8.253h56.788l-6.387 27.51-1.916 8.252-6.387 27.51h-85.181l6.387-27.51h56.787l1.916-8.253h-56.787l6.387-27.51 1.916-8.252L210.392 0zm-93.7 0h-85.181l-6.387 27.51h85.181zm-25.34 35.763h-68.145l-6.387 27.51h68.145zm8.734 35.762h-85.182l-6.387 27.51h85.181z"/></svg>';document.addEventListener("alpine:init",()=>{Jt.directive("tooltip",(e,{expression:t})=>{Et(e,{content:t,theme:"pest",placement:"top",delay:[80,0],maxWidth:240})}),Jt.data("pestLogoMenu",()=>({open:!1,x:0,y:0,logomark:mc,wordmark:yc,openMenu(e){this.x=Math.min(e.clientX,window.innerWidth-236-8),this.y=Math.min(e.clientY,window.innerHeight-152-8),this.open=!0},copy(e){navigator.clipboard.writeText(this[e]).catch(()=>{}),this.open=!1}}))});try{sessionStorage.removeItem("pest-scroll")}catch{}addEventListener("pagehide",()=>{try{sessionStorage.setItem("pest-scroll",scrollY)}catch{}});window.Alpine=Jt;Jt.start();
+`:""}`,t),setTimeout(()=>{throw e},0)}var zt=!0;function ui(e){let t=zt;zt=!1;let r=e();return zt=t,r}function De(e,t,r={}){let n;return W(e,t)(i=>n=i,r),n}function W(...e){return ci(...e)}var ci=fi;function Xo(e){ci=e}function fi(e,t){let r={};Er(r,e);let n=[r,...ze(e)],i=typeof t=="function"?Jo(n,t):Zo(n,t,e);return Yo.bind(null,e,t,i)}function Jo(e,t){return(r=()=>{},{scope:n={},params:i=[]}={})=>{let o=t.apply(xt([n,...e]),i);Yt(r,o)}}var fr={};function Go(e,t){if(fr[e])return fr[e];let r=Object.getPrototypeOf(async function(){}).constructor,n=/^[\n\s]*if.*\(.*\)/.test(e.trim())||/^(let|const)\s/.test(e.trim())?`(async()=>{ ${e} })()`:e,o=(()=>{try{let a=new r(["__self","scope"],`with (scope) { __self.result = ${n} }; __self.finished = true; return __self.result;`);return Object.defineProperty(a,"name",{value:`[Alpine] ${e}`}),a}catch(a){return mt(a,t,e),Promise.resolve()}})();return fr[e]=o,o}function Zo(e,t,r){let n=Go(t,r);return(i=()=>{},{scope:o={},params:a=[]}={})=>{n.result=void 0,n.finished=!1;let s=xt([o,...e]);if(typeof n=="function"){let u=n(n,s).catch(l=>mt(l,r,t));n.finished?(Yt(i,n.result,s,a,r),n.result=void 0):u.then(l=>{Yt(i,l,s,a,r)}).catch(l=>mt(l,r,t)).finally(()=>n.result=void 0)}}}function Yt(e,t,r,n,i){if(zt&&typeof t=="function"){let o=t.apply(r,n);o instanceof Promise?o.then(a=>Yt(e,a,r,n)).catch(a=>mt(a,i,t)):e(o)}else typeof t=="object"&&t instanceof Promise?t.then(o=>e(o)):e(t)}var Kr="x-";function Ze(e=""){return Kr+e}function Qo(e){Kr=e}var Xt={};function j(e,t){return Xt[e]=t,{before(r){if(!Xt[r]){console.warn(String.raw`Cannot find directive \`${r}\`. \`${e}\` will use the default order of execution`);return}const n=Me.indexOf(r);Me.splice(n>=0?n:Me.indexOf("DEFAULT"),0,e)}}}function ea(e){return Object.keys(Xt).includes(e)}function qr(e,t,r){if(t=Array.from(t),e._x_virtualDirectives){let o=Object.entries(e._x_virtualDirectives).map(([s,u])=>({name:s,value:u})),a=li(o);o=o.map(s=>a.find(u=>u.name===s.name)?{name:`x-bind:${s.name}`,value:`"${s.value}"`}:s),t=t.concat(o)}let n={};return t.map(gi((o,a)=>n[o]=a)).filter(yi).map(na(n,r)).sort(ia).map(o=>ra(e,o))}function li(e){return Array.from(e).map(gi()).filter(t=>!yi(t))}var Ar=!1,ft=new Map,di=Symbol();function ta(e){Ar=!0;let t=Symbol();di=t,ft.set(t,[]);let r=()=>{for(;ft.get(t).length;)ft.get(t).shift()();ft.delete(t)},n=()=>{Ar=!1,r()};e(r),n()}function pi(e){let t=[],r=s=>t.push(s),[n,i]=No(e);return t.push(i),[{Alpine:wt,effect:n,cleanup:r,evaluateLater:W.bind(W,e),evaluate:De.bind(De,e)},()=>t.forEach(s=>s())]}function ra(e,t){let r=()=>{},n=Xt[t.type]||r,[i,o]=pi(e);ti(e,t.original,o);let a=()=>{e._x_ignore||e._x_ignoreSelf||(n.inline&&n.inline(e,t,i),n=n.bind(n,e,t,i),Ar?ft.get(di).push(n):n())};return a.runCleanups=o,a}var vi=(e,t)=>({name:r,value:n})=>(r.startsWith(e)&&(r=r.replace(e,t)),{name:r,value:n}),hi=e=>e;function gi(e=()=>{}){return({name:t,value:r})=>{let{name:n,value:i}=mi.reduce((o,a)=>a(o),{name:t,value:r});return n!==t&&e(n,t),{name:n,value:i}}}var mi=[];function Yr(e){mi.push(e)}function yi({name:e}){return _i().test(e)}var _i=()=>new RegExp(`^${Kr}([^:^.]+)\\b`);function na(e,t){return({name:r,value:n})=>{let i=r.match(_i()),o=r.match(/:([a-zA-Z0-9\-_:]+)/),a=r.match(/\.[^.\]]+(?=[^\]]*$)/g)||[],s=t||e[r]||r;return{type:i?i[1]:null,value:o?o[1]:null,modifiers:a.map(u=>u.replace(".","")),expression:n,original:s}}}var Sr="DEFAULT",Me=["ignore","ref","data","id","anchor","bind","init","for","model","modelable","transition","show","if",Sr,"teleport"];function ia(e,t){let r=Me.indexOf(e.type)===-1?Sr:e.type,n=Me.indexOf(t.type)===-1?Sr:t.type;return Me.indexOf(r)-Me.indexOf(n)}function lt(e,t,r={}){e.dispatchEvent(new CustomEvent(t,{detail:r,bubbles:!0,composed:!0,cancelable:!0}))}function Ie(e,t){if(typeof ShadowRoot=="function"&&e instanceof ShadowRoot){Array.from(e.children).forEach(i=>Ie(i,t));return}let r=!1;if(t(e,()=>r=!0),r)return;let n=e.firstElementChild;for(;n;)Ie(n,t),n=n.nextElementSibling}function X(e,...t){console.warn(`Alpine Warning: ${e}`,...t)}var yn=!1;function oa(){yn&&X("Alpine has already been initialized on this page. Calling Alpine.start() more than once can cause problems."),yn=!0,document.body||X("Unable to initialize. Trying to load Alpine before `<body>` is available. Did you forget to add `defer` in Alpine's `<script>` tag?"),lt(document,"alpine:init"),lt(document,"alpine:initializing"),Vr(),ko(t=>ve(t,Ie)),Fr(t=>et(t)),ei((t,r)=>{qr(t,r).forEach(n=>n())});let e=t=>!Qt(t.parentElement,!0);Array.from(document.querySelectorAll(wi().join(","))).filter(e).forEach(t=>{ve(t)}),lt(document,"alpine:initialized"),setTimeout(()=>{ca()})}var Xr=[],bi=[];function xi(){return Xr.map(e=>e())}function wi(){return Xr.concat(bi).map(e=>e())}function Oi(e){Xr.push(e)}function Ei(e){bi.push(e)}function Qt(e,t=!1){return Qe(e,r=>{if((t?wi():xi()).some(i=>r.matches(i)))return!0})}function Qe(e,t){if(e){if(t(e))return e;if(e._x_teleportBack&&(e=e._x_teleportBack),!!e.parentElement)return Qe(e.parentElement,t)}}function aa(e){return xi().some(t=>e.matches(t))}var Ai=[];function sa(e){Ai.push(e)}var ua=1;function ve(e,t=Ie,r=()=>{}){Qe(e,n=>n._x_ignore)||ta(()=>{t(e,(n,i)=>{n._x_marker||(r(n,i),Ai.forEach(o=>o(n,i)),qr(n,n.attributes).forEach(o=>o()),n._x_ignore||(n._x_marker=ua++),n._x_ignore&&i())})})}function et(e,t=Ie){t(e,r=>{Fo(r),ri(r),delete r._x_marker})}function ca(){[["ui","dialog",["[x-dialog], [x-popover]"]],["anchor","anchor",["[x-anchor]"]],["sort","sort",["[x-sort]"]]].forEach(([t,r,n])=>{ea(r)||n.some(i=>{if(document.querySelector(i))return X(`found "${i}", but missing ${t} plugin`),!0})})}var Tr=[],Jr=!1;function Gr(e=()=>{}){return queueMicrotask(()=>{Jr||setTimeout(()=>{Cr()})}),new Promise(t=>{Tr.push(()=>{e(),t()})})}function Cr(){for(Jr=!1;Tr.length;)Tr.shift()()}function fa(){Jr=!0}function Zr(e,t){return Array.isArray(t)?_n(e,t.join(" ")):typeof t=="object"&&t!==null?la(e,t):typeof t=="function"?Zr(e,t()):_n(e,t)}function _n(e,t){let r=i=>i.split(" ").filter(o=>!e.classList.contains(o)).filter(Boolean),n=i=>(e.classList.add(...i),()=>{e.classList.remove(...i)});return t=t===!0?t="":t||"",n(r(t))}function la(e,t){let r=s=>s.split(" ").filter(Boolean),n=Object.entries(t).flatMap(([s,u])=>u?r(s):!1).filter(Boolean),i=Object.entries(t).flatMap(([s,u])=>u?!1:r(s)).filter(Boolean),o=[],a=[];return i.forEach(s=>{e.classList.contains(s)&&(e.classList.remove(s),a.push(s))}),n.forEach(s=>{e.classList.contains(s)||(e.classList.add(s),o.push(s))}),()=>{a.forEach(s=>e.classList.add(s)),o.forEach(s=>e.classList.remove(s))}}function er(e,t){return typeof t=="object"&&t!==null?da(e,t):pa(e,t)}function da(e,t){let r={};return Object.entries(t).forEach(([n,i])=>{r[n]=e.style[n],n.startsWith("--")||(n=va(n)),e.style.setProperty(n,i)}),setTimeout(()=>{e.style.length===0&&e.removeAttribute("style")}),()=>{er(e,r)}}function pa(e,t){let r=e.getAttribute("style",t);return e.setAttribute("style",t),()=>{e.setAttribute("style",r||"")}}function va(e){return e.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}function Mr(e,t=()=>{}){let r=!1;return function(){r?t.apply(this,arguments):(r=!0,e.apply(this,arguments))}}j("transition",(e,{value:t,modifiers:r,expression:n},{evaluate:i})=>{typeof n=="function"&&(n=i(n)),n!==!1&&(!n||typeof n=="boolean"?ga(e,r,t):ha(e,n,t))});function ha(e,t,r){Si(e,Zr,""),{enter:i=>{e._x_transition.enter.during=i},"enter-start":i=>{e._x_transition.enter.start=i},"enter-end":i=>{e._x_transition.enter.end=i},leave:i=>{e._x_transition.leave.during=i},"leave-start":i=>{e._x_transition.leave.start=i},"leave-end":i=>{e._x_transition.leave.end=i}}[r](t)}function ga(e,t,r){Si(e,er);let n=!t.includes("in")&&!t.includes("out")&&!r,i=n||t.includes("in")||["enter"].includes(r),o=n||t.includes("out")||["leave"].includes(r);t.includes("in")&&!n&&(t=t.filter((_,b)=>b<t.indexOf("out"))),t.includes("out")&&!n&&(t=t.filter((_,b)=>b>t.indexOf("out")));let a=!t.includes("opacity")&&!t.includes("scale"),s=a||t.includes("opacity"),u=a||t.includes("scale"),l=s?0:1,f=u?st(t,"scale",95)/100:1,v=st(t,"delay",0)/1e3,g=st(t,"origin","center"),m="opacity, transform",w=st(t,"duration",150)/1e3,O=st(t,"duration",75)/1e3,p="cubic-bezier(0.4, 0.0, 0.2, 1)";i&&(e._x_transition.enter.during={transformOrigin:g,transitionDelay:`${v}s`,transitionProperty:m,transitionDuration:`${w}s`,transitionTimingFunction:p},e._x_transition.enter.start={opacity:l,transform:`scale(${f})`},e._x_transition.enter.end={opacity:1,transform:"scale(1)"}),o&&(e._x_transition.leave.during={transformOrigin:g,transitionDelay:`${v}s`,transitionProperty:m,transitionDuration:`${O}s`,transitionTimingFunction:p},e._x_transition.leave.start={opacity:1,transform:"scale(1)"},e._x_transition.leave.end={opacity:l,transform:`scale(${f})`})}function Si(e,t,r={}){e._x_transition||(e._x_transition={enter:{during:r,start:r,end:r},leave:{during:r,start:r,end:r},in(n=()=>{},i=()=>{}){Lr(e,t,{during:this.enter.during,start:this.enter.start,end:this.enter.end},n,i)},out(n=()=>{},i=()=>{}){Lr(e,t,{during:this.leave.during,start:this.leave.start,end:this.leave.end},n,i)}})}window.Element.prototype._x_toggleAndCascadeWithTransitions=function(e,t,r,n){const i=document.visibilityState==="visible"?requestAnimationFrame:setTimeout;let o=()=>i(r);if(t){e._x_transition&&(e._x_transition.enter||e._x_transition.leave)?e._x_transition.enter&&(Object.entries(e._x_transition.enter.during).length||Object.entries(e._x_transition.enter.start).length||Object.entries(e._x_transition.enter.end).length)?e._x_transition.in(r):o():e._x_transition?e._x_transition.in(r):o();return}e._x_hidePromise=e._x_transition?new Promise((a,s)=>{e._x_transition.out(()=>{},()=>a(n)),e._x_transitioning&&e._x_transitioning.beforeCancel(()=>s({isFromCancelledTransition:!0}))}):Promise.resolve(n),queueMicrotask(()=>{let a=Ti(e);a?(a._x_hideChildren||(a._x_hideChildren=[]),a._x_hideChildren.push(e)):i(()=>{let s=u=>{let l=Promise.all([u._x_hidePromise,...(u._x_hideChildren||[]).map(s)]).then(([f])=>f==null?void 0:f());return delete u._x_hidePromise,delete u._x_hideChildren,l};s(e).catch(u=>{if(!u.isFromCancelledTransition)throw u})})})};function Ti(e){let t=e.parentNode;if(t)return t._x_hidePromise?t:Ti(t)}function Lr(e,t,{during:r,start:n,end:i}={},o=()=>{},a=()=>{}){if(e._x_transitioning&&e._x_transitioning.cancel(),Object.keys(r).length===0&&Object.keys(n).length===0&&Object.keys(i).length===0){o(),a();return}let s,u,l;ma(e,{start(){s=t(e,n)},during(){u=t(e,r)},before:o,end(){s(),l=t(e,i)},after:a,cleanup(){u(),l()}})}function ma(e,t){let r,n,i,o=Mr(()=>{P(()=>{r=!0,n||t.before(),i||(t.end(),Cr()),t.after(),e.isConnected&&t.cleanup(),delete e._x_transitioning})});e._x_transitioning={beforeCancels:[],beforeCancel(a){this.beforeCancels.push(a)},cancel:Mr(function(){for(;this.beforeCancels.length;)this.beforeCancels.shift()();o()}),finish:o},P(()=>{t.start(),t.during()}),fa(),requestAnimationFrame(()=>{if(r)return;let a=Number(getComputedStyle(e).transitionDuration.replace(/,.*/,"").replace("s",""))*1e3,s=Number(getComputedStyle(e).transitionDelay.replace(/,.*/,"").replace("s",""))*1e3;a===0&&(a=Number(getComputedStyle(e).animationDuration.replace("s",""))*1e3),P(()=>{t.before()}),n=!0,requestAnimationFrame(()=>{r||(P(()=>{t.end()}),Cr(),setTimeout(e._x_transitioning.finish,a+s),i=!0)})})}function st(e,t,r){if(e.indexOf(t)===-1)return r;const n=e[e.indexOf(t)+1];if(!n||t==="scale"&&isNaN(n))return r;if(t==="duration"||t==="delay"){let i=n.match(/([0-9]+)ms/);if(i)return i[1]}return t==="origin"&&["top","right","left","center","bottom"].includes(e[e.indexOf(t)+2])?[n,e[e.indexOf(t)+2]].join(" "):n}var _e=!1;function xe(e,t=()=>{}){return(...r)=>_e?t(...r):e(...r)}function ya(e){return(...t)=>_e&&e(...t)}var Ci=[];function tr(e){Ci.push(e)}function _a(e,t){Ci.forEach(r=>r(e,t)),_e=!0,Mi(()=>{ve(t,(r,n)=>{n(r,()=>{})})}),_e=!1}var Dr=!1;function ba(e,t){t._x_dataStack||(t._x_dataStack=e._x_dataStack),_e=!0,Dr=!0,Mi(()=>{xa(t)}),_e=!1,Dr=!1}function xa(e){let t=!1;ve(e,(n,i)=>{Ie(n,(o,a)=>{if(t&&aa(o))return a();t=!0,i(o,a)})})}function Mi(e){let t=Be;mn((r,n)=>{let i=t(r);return Ge(i),()=>{}}),e(),mn(t)}function Li(e,t,r,n=[]){switch(e._x_bindings||(e._x_bindings=Je({})),e._x_bindings[t]=r,t=n.includes("camel")?Ma(t):t,t){case"value":wa(e,r);break;case"style":Ea(e,r);break;case"class":Oa(e,r);break;case"selected":case"checked":Aa(e,t,r);break;default:Di(e,t,r);break}}function wa(e,t){if($i(e))e.attributes.value===void 0&&(e.value=t),window.fromModel&&(typeof t=="boolean"?e.checked=Ut(e.value)===t:e.checked=bn(e.value,t));else if(Qr(e))Number.isInteger(t)?e.value=t:!Array.isArray(t)&&typeof t!="boolean"&&![null,void 0].includes(t)?e.value=String(t):Array.isArray(t)?e.checked=t.some(r=>bn(r,e.value)):e.checked=!!t;else if(e.tagName==="SELECT")Ca(e,t);else{if(e.value===t)return;e.value=t===void 0?"":t}}function Oa(e,t){e._x_undoAddedClasses&&e._x_undoAddedClasses(),e._x_undoAddedClasses=Zr(e,t)}function Ea(e,t){e._x_undoAddedStyles&&e._x_undoAddedStyles(),e._x_undoAddedStyles=er(e,t)}function Aa(e,t,r){Di(e,t,r),Ta(e,t,r)}function Di(e,t,r){[null,void 0,!1].includes(r)&&Da(t)?e.removeAttribute(t):(Pi(t)&&(r=t),Sa(e,t,r))}function Sa(e,t,r){e.getAttribute(t)!=r&&e.setAttribute(t,r)}function Ta(e,t,r){e[t]!==r&&(e[t]=r)}function Ca(e,t){const r=[].concat(t).map(n=>n+"");Array.from(e.options).forEach(n=>{n.selected=r.includes(n.value)})}function Ma(e){return e.toLowerCase().replace(/-(\w)/g,(t,r)=>r.toUpperCase())}function bn(e,t){return e==t}function Ut(e){return[1,"1","true","on","yes",!0].includes(e)?!0:[0,"0","false","off","no",!1].includes(e)?!1:e?!!e:null}var La=new Set(["allowfullscreen","async","autofocus","autoplay","checked","controls","default","defer","disabled","formnovalidate","inert","ismap","itemscope","loop","multiple","muted","nomodule","novalidate","open","playsinline","readonly","required","reversed","selected","shadowrootclonable","shadowrootdelegatesfocus","shadowrootserializable"]);function Pi(e){return La.has(e)}function Da(e){return!["aria-pressed","aria-checked","aria-expanded","aria-selected"].includes(e)}function Pa(e,t,r){return e._x_bindings&&e._x_bindings[t]!==void 0?e._x_bindings[t]:Ri(e,t,r)}function Ra(e,t,r,n=!0){if(e._x_bindings&&e._x_bindings[t]!==void 0)return e._x_bindings[t];if(e._x_inlineBindings&&e._x_inlineBindings[t]!==void 0){let i=e._x_inlineBindings[t];return i.extract=n,ui(()=>De(e,i.expression))}return Ri(e,t,r)}function Ri(e,t,r){let n=e.getAttribute(t);return n===null?typeof r=="function"?r():r:n===""?!0:Pi(t)?!![t,"true"].includes(n):n}function Qr(e){return e.type==="checkbox"||e.localName==="ui-checkbox"||e.localName==="ui-switch"}function $i(e){return e.type==="radio"||e.localName==="ui-radio"}function Ii(e,t){var r;return function(){var n=this,i=arguments,o=function(){r=null,e.apply(n,i)};clearTimeout(r),r=setTimeout(o,t)}}function ji(e,t){let r;return function(){let n=this,i=arguments;r||(e.apply(n,i),r=!0,setTimeout(()=>r=!1,t))}}function Bi({get:e,set:t},{get:r,set:n}){let i=!0,o,a=Be(()=>{let s=e(),u=r();if(i)n(lr(s)),i=!1;else{let l=JSON.stringify(s),f=JSON.stringify(u);l!==o?n(lr(s)):l!==f&&t(lr(u))}o=JSON.stringify(e()),JSON.stringify(r())});return()=>{Ge(a)}}function lr(e){return typeof e=="object"?JSON.parse(JSON.stringify(e)):e}function $a(e){(Array.isArray(e)?e:[e]).forEach(r=>r(wt))}var Te={},xn=!1;function Ia(e,t){if(xn||(Te=Je(Te),xn=!0),t===void 0)return Te[e];Te[e]=t,oi(Te[e]),typeof t=="object"&&t!==null&&t.hasOwnProperty("init")&&typeof t.init=="function"&&Te[e].init()}function ja(){return Te}var Ni={};function Ba(e,t){let r=typeof t!="function"?()=>t:t;return e instanceof Element?ki(e,r()):(Ni[e]=r,()=>{})}function Na(e){return Object.entries(Ni).forEach(([t,r])=>{Object.defineProperty(e,t,{get(){return(...n)=>r(...n)}})}),e}function ki(e,t,r){let n=[];for(;n.length;)n.pop()();let i=Object.entries(t).map(([a,s])=>({name:a,value:s})),o=li(i);return i=i.map(a=>o.find(s=>s.name===a.name)?{name:`x-bind:${a.name}`,value:`"${a.value}"`}:a),qr(e,i,r).map(a=>{n.push(a.runCleanups),a()}),()=>{for(;n.length;)n.pop()()}}var Fi={};function ka(e,t){Fi[e]=t}function Fa(e,t){return Object.entries(Fi).forEach(([r,n])=>{Object.defineProperty(e,r,{get(){return(...i)=>n.bind(t)(...i)},enumerable:!1})}),e}var Ha={get reactive(){return Je},get release(){return Ge},get effect(){return Be},get raw(){return Xn},version:"3.14.9",flushAndStopDeferringMutations:Vo,dontAutoEvaluateFunctions:ui,disableEffectScheduling:jo,startObservingMutations:Vr,stopObservingMutations:ni,setReactivityEngine:Bo,onAttributeRemoved:ti,onAttributesAdded:ei,closestDataStack:ze,skipDuringClone:xe,onlyDuringClone:ya,addRootSelector:Oi,addInitSelector:Ei,interceptClone:tr,addScopeToNode:bt,deferMutations:Wo,mapAttributes:Yr,evaluateLater:W,interceptInit:sa,setEvaluator:Xo,mergeProxies:xt,extractProp:Ra,findClosest:Qe,onElRemoved:Fr,closestRoot:Qt,destroyTree:et,interceptor:ai,transition:Lr,setStyles:er,mutateDom:P,directive:j,entangle:Bi,throttle:ji,debounce:Ii,evaluate:De,initTree:ve,nextTick:Gr,prefixed:Ze,prefix:Qo,plugin:$a,magic:re,store:Ia,start:oa,clone:ba,cloneNode:_a,bound:Pa,$data:ii,watch:Jn,walk:Ie,data:ka,bind:Ba},wt=Ha;function Wa(e,t){const r=Object.create(null),n=e.split(",");for(let i=0;i<n.length;i++)r[n[i]]=!0;return t?i=>!!r[i.toLowerCase()]:i=>!!r[i]}var Va=Object.freeze({}),za=Object.prototype.hasOwnProperty,rr=(e,t)=>za.call(e,t),Pe=Array.isArray,dt=e=>Hi(e)==="[object Map]",Ua=e=>typeof e=="string",en=e=>typeof e=="symbol",nr=e=>e!==null&&typeof e=="object",Ka=Object.prototype.toString,Hi=e=>Ka.call(e),Wi=e=>Hi(e).slice(8,-1),tn=e=>Ua(e)&&e!=="NaN"&&e[0]!=="-"&&""+parseInt(e,10)===e,qa=e=>{const t=Object.create(null);return r=>t[r]||(t[r]=e(r))},Ya=qa(e=>e.charAt(0).toUpperCase()+e.slice(1)),Vi=(e,t)=>e!==t&&(e===e||t===t),Pr=new WeakMap,ut=[],ae,Re=Symbol("iterate"),Rr=Symbol("Map key iterate");function Xa(e){return e&&e._isEffect===!0}function Ja(e,t=Va){Xa(e)&&(e=e.raw);const r=Qa(e,t);return t.lazy||r(),r}function Ga(e){e.active&&(zi(e),e.options.onStop&&e.options.onStop(),e.active=!1)}var Za=0;function Qa(e,t){const r=function(){if(!r.active)return e();if(!ut.includes(r)){zi(r);try{return ts(),ut.push(r),ae=r,e()}finally{ut.pop(),Ui(),ae=ut[ut.length-1]}}};return r.id=Za++,r.allowRecurse=!!t.allowRecurse,r._isEffect=!0,r.active=!0,r.raw=e,r.deps=[],r.options=t,r}function zi(e){const{deps:t}=e;if(t.length){for(let r=0;r<t.length;r++)t[r].delete(e);t.length=0}}var Ue=!0,rn=[];function es(){rn.push(Ue),Ue=!1}function ts(){rn.push(Ue),Ue=!0}function Ui(){const e=rn.pop();Ue=e===void 0?!0:e}function te(e,t,r){if(!Ue||ae===void 0)return;let n=Pr.get(e);n||Pr.set(e,n=new Map);let i=n.get(r);i||n.set(r,i=new Set),i.has(ae)||(i.add(ae),ae.deps.push(i),ae.options.onTrack&&ae.options.onTrack({effect:ae,target:e,type:t,key:r}))}function be(e,t,r,n,i,o){const a=Pr.get(e);if(!a)return;const s=new Set,u=f=>{f&&f.forEach(v=>{(v!==ae||v.allowRecurse)&&s.add(v)})};if(t==="clear")a.forEach(u);else if(r==="length"&&Pe(e))a.forEach((f,v)=>{(v==="length"||v>=n)&&u(f)});else switch(r!==void 0&&u(a.get(r)),t){case"add":Pe(e)?tn(r)&&u(a.get("length")):(u(a.get(Re)),dt(e)&&u(a.get(Rr)));break;case"delete":Pe(e)||(u(a.get(Re)),dt(e)&&u(a.get(Rr)));break;case"set":dt(e)&&u(a.get(Re));break}const l=f=>{f.options.onTrigger&&f.options.onTrigger({effect:f,target:e,key:r,type:t,newValue:n,oldValue:i,oldTarget:o}),f.options.scheduler?f.options.scheduler(f):f()};s.forEach(l)}var rs=Wa("__proto__,__v_isRef,__isVue"),Ki=new Set(Object.getOwnPropertyNames(Symbol).map(e=>Symbol[e]).filter(en)),ns=qi(),is=qi(!0),wn=os();function os(){const e={};return["includes","indexOf","lastIndexOf"].forEach(t=>{e[t]=function(...r){const n=M(this);for(let o=0,a=this.length;o<a;o++)te(n,"get",o+"");const i=n[t](...r);return i===-1||i===!1?n[t](...r.map(M)):i}}),["push","pop","shift","unshift","splice"].forEach(t=>{e[t]=function(...r){es();const n=M(this)[t].apply(this,r);return Ui(),n}}),e}function qi(e=!1,t=!1){return function(n,i,o){if(i==="__v_isReactive")return!e;if(i==="__v_isReadonly")return e;if(i==="__v_raw"&&o===(e?t?xs:Gi:t?bs:Ji).get(n))return n;const a=Pe(n);if(!e&&a&&rr(wn,i))return Reflect.get(wn,i,o);const s=Reflect.get(n,i,o);return(en(i)?Ki.has(i):rs(i))||(e||te(n,"get",i),t)?s:$r(s)?!a||!tn(i)?s.value:s:nr(s)?e?Zi(s):sn(s):s}}var as=ss();function ss(e=!1){return function(r,n,i,o){let a=r[n];if(!e&&(i=M(i),a=M(a),!Pe(r)&&$r(a)&&!$r(i)))return a.value=i,!0;const s=Pe(r)&&tn(n)?Number(n)<r.length:rr(r,n),u=Reflect.set(r,n,i,o);return r===M(o)&&(s?Vi(i,a)&&be(r,"set",n,i,a):be(r,"add",n,i)),u}}function us(e,t){const r=rr(e,t),n=e[t],i=Reflect.deleteProperty(e,t);return i&&r&&be(e,"delete",t,void 0,n),i}function cs(e,t){const r=Reflect.has(e,t);return(!en(t)||!Ki.has(t))&&te(e,"has",t),r}function fs(e){return te(e,"iterate",Pe(e)?"length":Re),Reflect.ownKeys(e)}var ls={get:ns,set:as,deleteProperty:us,has:cs,ownKeys:fs},ds={get:is,set(e,t){return console.warn(`Set operation on key "${String(t)}" failed: target is readonly.`,e),!0},deleteProperty(e,t){return console.warn(`Delete operation on key "${String(t)}" failed: target is readonly.`,e),!0}},nn=e=>nr(e)?sn(e):e,on=e=>nr(e)?Zi(e):e,an=e=>e,ir=e=>Reflect.getPrototypeOf(e);function Bt(e,t,r=!1,n=!1){e=e.__v_raw;const i=M(e),o=M(t);t!==o&&!r&&te(i,"get",t),!r&&te(i,"get",o);const{has:a}=ir(i),s=n?an:r?on:nn;if(a.call(i,t))return s(e.get(t));if(a.call(i,o))return s(e.get(o));e!==i&&e.get(t)}function Nt(e,t=!1){const r=this.__v_raw,n=M(r),i=M(e);return e!==i&&!t&&te(n,"has",e),!t&&te(n,"has",i),e===i?r.has(e):r.has(e)||r.has(i)}function kt(e,t=!1){return e=e.__v_raw,!t&&te(M(e),"iterate",Re),Reflect.get(e,"size",e)}function On(e){e=M(e);const t=M(this);return ir(t).has.call(t,e)||(t.add(e),be(t,"add",e,e)),this}function En(e,t){t=M(t);const r=M(this),{has:n,get:i}=ir(r);let o=n.call(r,e);o?Xi(r,n,e):(e=M(e),o=n.call(r,e));const a=i.call(r,e);return r.set(e,t),o?Vi(t,a)&&be(r,"set",e,t,a):be(r,"add",e,t),this}function An(e){const t=M(this),{has:r,get:n}=ir(t);let i=r.call(t,e);i?Xi(t,r,e):(e=M(e),i=r.call(t,e));const o=n?n.call(t,e):void 0,a=t.delete(e);return i&&be(t,"delete",e,void 0,o),a}function Sn(){const e=M(this),t=e.size!==0,r=dt(e)?new Map(e):new Set(e),n=e.clear();return t&&be(e,"clear",void 0,void 0,r),n}function Ft(e,t){return function(n,i){const o=this,a=o.__v_raw,s=M(a),u=t?an:e?on:nn;return!e&&te(s,"iterate",Re),a.forEach((l,f)=>n.call(i,u(l),u(f),o))}}function Ht(e,t,r){return function(...n){const i=this.__v_raw,o=M(i),a=dt(o),s=e==="entries"||e===Symbol.iterator&&a,u=e==="keys"&&a,l=i[e](...n),f=r?an:t?on:nn;return!t&&te(o,"iterate",u?Rr:Re),{next(){const{value:v,done:g}=l.next();return g?{value:v,done:g}:{value:s?[f(v[0]),f(v[1])]:f(v),done:g}},[Symbol.iterator](){return this}}}}function ye(e){return function(...t){{const r=t[0]?`on key "${t[0]}" `:"";console.warn(`${Ya(e)} operation ${r}failed: target is readonly.`,M(this))}return e==="delete"?!1:this}}function ps(){const e={get(o){return Bt(this,o)},get size(){return kt(this)},has:Nt,add:On,set:En,delete:An,clear:Sn,forEach:Ft(!1,!1)},t={get(o){return Bt(this,o,!1,!0)},get size(){return kt(this)},has:Nt,add:On,set:En,delete:An,clear:Sn,forEach:Ft(!1,!0)},r={get(o){return Bt(this,o,!0)},get size(){return kt(this,!0)},has(o){return Nt.call(this,o,!0)},add:ye("add"),set:ye("set"),delete:ye("delete"),clear:ye("clear"),forEach:Ft(!0,!1)},n={get(o){return Bt(this,o,!0,!0)},get size(){return kt(this,!0)},has(o){return Nt.call(this,o,!0)},add:ye("add"),set:ye("set"),delete:ye("delete"),clear:ye("clear"),forEach:Ft(!0,!0)};return["keys","values","entries",Symbol.iterator].forEach(o=>{e[o]=Ht(o,!1,!1),r[o]=Ht(o,!0,!1),t[o]=Ht(o,!1,!0),n[o]=Ht(o,!0,!0)}),[e,r,t,n]}var[vs,hs,gs,ms]=ps();function Yi(e,t){const r=t?e?ms:gs:e?hs:vs;return(n,i,o)=>i==="__v_isReactive"?!e:i==="__v_isReadonly"?e:i==="__v_raw"?n:Reflect.get(rr(r,i)&&i in n?r:n,i,o)}var ys={get:Yi(!1,!1)},_s={get:Yi(!0,!1)};function Xi(e,t,r){const n=M(r);if(n!==r&&t.call(e,n)){const i=Wi(e);console.warn(`Reactive ${i} contains both the raw and reactive versions of the same object${i==="Map"?" as keys":""}, which can lead to inconsistencies. Avoid differentiating between the raw and reactive versions of an object and only use the reactive version if possible.`)}}var Ji=new WeakMap,bs=new WeakMap,Gi=new WeakMap,xs=new WeakMap;function ws(e){switch(e){case"Object":case"Array":return 1;case"Map":case"Set":case"WeakMap":case"WeakSet":return 2;default:return 0}}function Os(e){return e.__v_skip||!Object.isExtensible(e)?0:ws(Wi(e))}function sn(e){return e&&e.__v_isReadonly?e:Qi(e,!1,ls,ys,Ji)}function Zi(e){return Qi(e,!0,ds,_s,Gi)}function Qi(e,t,r,n,i){if(!nr(e))return console.warn(`value cannot be made reactive: ${String(e)}`),e;if(e.__v_raw&&!(t&&e.__v_isReactive))return e;const o=i.get(e);if(o)return o;const a=Os(e);if(a===0)return e;const s=new Proxy(e,a===2?n:r);return i.set(e,s),s}function M(e){return e&&M(e.__v_raw)||e}function $r(e){return!!(e&&e.__v_isRef===!0)}re("nextTick",()=>Gr);re("dispatch",e=>lt.bind(lt,e));re("watch",(e,{evaluateLater:t,cleanup:r})=>(n,i)=>{let o=t(n),s=Jn(()=>{let u;return o(l=>u=l),u},i);r(s)});re("store",ja);re("data",e=>ii(e));re("root",e=>Qt(e));re("refs",e=>(e._x_refs_proxy||(e._x_refs_proxy=xt(Es(e))),e._x_refs_proxy));function Es(e){let t=[];return Qe(e,r=>{r._x_refs&&t.push(r._x_refs)}),t}var dr={};function eo(e){return dr[e]||(dr[e]=0),++dr[e]}function As(e,t){return Qe(e,r=>{if(r._x_ids&&r._x_ids[t])return!0})}function Ss(e,t){e._x_ids||(e._x_ids={}),e._x_ids[t]||(e._x_ids[t]=eo(t))}re("id",(e,{cleanup:t})=>(r,n=null)=>{let i=`${r}${n?`-${n}`:""}`;return Ts(e,i,t,()=>{let o=As(e,r),a=o?o._x_ids[r]:eo(r);return n?`${r}-${a}-${n}`:`${r}-${a}`})});tr((e,t)=>{e._x_id&&(t._x_id=e._x_id)});function Ts(e,t,r,n){if(e._x_id||(e._x_id={}),e._x_id[t])return e._x_id[t];let i=n();return e._x_id[t]=i,r(()=>{delete e._x_id[t]}),i}re("el",e=>e);to("Focus","focus","focus");to("Persist","persist","persist");function to(e,t,r){re(t,n=>X(`You can't use [$${t}] without first installing the "${e}" plugin here: https://alpinejs.dev/plugins/${r}`,n))}j("modelable",(e,{expression:t},{effect:r,evaluateLater:n,cleanup:i})=>{let o=n(t),a=()=>{let f;return o(v=>f=v),f},s=n(`${t} = __placeholder`),u=f=>s(()=>{},{scope:{__placeholder:f}}),l=a();u(l),queueMicrotask(()=>{if(!e._x_model)return;e._x_removeModelListeners.default();let f=e._x_model.get,v=e._x_model.set,g=Bi({get(){return f()},set(m){v(m)}},{get(){return a()},set(m){u(m)}});i(g)})});j("teleport",(e,{modifiers:t,expression:r},{cleanup:n})=>{e.tagName.toLowerCase()!=="template"&&X("x-teleport can only be used on a <template> tag",e);let i=Tn(r),o=e.content.cloneNode(!0).firstElementChild;e._x_teleport=o,o._x_teleportBack=e,e.setAttribute("data-teleport-template",!0),o.setAttribute("data-teleport-target",!0),e._x_forwardEvents&&e._x_forwardEvents.forEach(s=>{o.addEventListener(s,u=>{u.stopPropagation(),e.dispatchEvent(new u.constructor(u.type,u))})}),bt(o,{},e);let a=(s,u,l)=>{l.includes("prepend")?u.parentNode.insertBefore(s,u):l.includes("append")?u.parentNode.insertBefore(s,u.nextSibling):u.appendChild(s)};P(()=>{a(o,i,t),xe(()=>{ve(o)})()}),e._x_teleportPutBack=()=>{let s=Tn(r);P(()=>{a(e._x_teleport,s,t)})},n(()=>P(()=>{o.remove(),et(o)}))});var Cs=document.createElement("div");function Tn(e){let t=xe(()=>document.querySelector(e),()=>Cs)();return t||X(`Cannot find x-teleport element for selector: "${e}"`),t}var ro=()=>{};ro.inline=(e,{modifiers:t},{cleanup:r})=>{t.includes("self")?e._x_ignoreSelf=!0:e._x_ignore=!0,r(()=>{t.includes("self")?delete e._x_ignoreSelf:delete e._x_ignore})};j("ignore",ro);j("effect",xe((e,{expression:t},{effect:r})=>{r(W(e,t))}));function Ir(e,t,r,n){let i=e,o=u=>n(u),a={},s=(u,l)=>f=>l(u,f);if(r.includes("dot")&&(t=Ms(t)),r.includes("camel")&&(t=Ls(t)),r.includes("passive")&&(a.passive=!0),r.includes("capture")&&(a.capture=!0),r.includes("window")&&(i=window),r.includes("document")&&(i=document),r.includes("debounce")){let u=r[r.indexOf("debounce")+1]||"invalid-wait",l=Jt(u.split("ms")[0])?Number(u.split("ms")[0]):250;o=Ii(o,l)}if(r.includes("throttle")){let u=r[r.indexOf("throttle")+1]||"invalid-wait",l=Jt(u.split("ms")[0])?Number(u.split("ms")[0]):250;o=ji(o,l)}return r.includes("prevent")&&(o=s(o,(u,l)=>{l.preventDefault(),u(l)})),r.includes("stop")&&(o=s(o,(u,l)=>{l.stopPropagation(),u(l)})),r.includes("once")&&(o=s(o,(u,l)=>{u(l),i.removeEventListener(t,o,a)})),(r.includes("away")||r.includes("outside"))&&(i=document,o=s(o,(u,l)=>{e.contains(l.target)||l.target.isConnected!==!1&&(e.offsetWidth<1&&e.offsetHeight<1||e._x_isShown!==!1&&u(l))})),r.includes("self")&&(o=s(o,(u,l)=>{l.target===e&&u(l)})),(Ps(t)||no(t))&&(o=s(o,(u,l)=>{Rs(l,r)||u(l)})),i.addEventListener(t,o,a),()=>{i.removeEventListener(t,o,a)}}function Ms(e){return e.replace(/-/g,".")}function Ls(e){return e.toLowerCase().replace(/-(\w)/g,(t,r)=>r.toUpperCase())}function Jt(e){return!Array.isArray(e)&&!isNaN(e)}function Ds(e){return[" ","_"].includes(e)?e:e.replace(/([a-z])([A-Z])/g,"$1-$2").replace(/[_\s]/,"-").toLowerCase()}function Ps(e){return["keydown","keyup"].includes(e)}function no(e){return["contextmenu","click","mouse"].some(t=>e.includes(t))}function Rs(e,t){let r=t.filter(o=>!["window","document","prevent","stop","once","capture","self","away","outside","passive"].includes(o));if(r.includes("debounce")){let o=r.indexOf("debounce");r.splice(o,Jt((r[o+1]||"invalid-wait").split("ms")[0])?2:1)}if(r.includes("throttle")){let o=r.indexOf("throttle");r.splice(o,Jt((r[o+1]||"invalid-wait").split("ms")[0])?2:1)}if(r.length===0||r.length===1&&Cn(e.key).includes(r[0]))return!1;const i=["ctrl","shift","alt","meta","cmd","super"].filter(o=>r.includes(o));return r=r.filter(o=>!i.includes(o)),!(i.length>0&&i.filter(a=>((a==="cmd"||a==="super")&&(a="meta"),e[`${a}Key`])).length===i.length&&(no(e.type)||Cn(e.key).includes(r[0])))}function Cn(e){if(!e)return[];e=Ds(e);let t={ctrl:"control",slash:"/",space:" ",spacebar:" ",cmd:"meta",esc:"escape",up:"arrow-up",down:"arrow-down",left:"arrow-left",right:"arrow-right",period:".",comma:",",equal:"=",minus:"-",underscore:"_"};return t[e]=e,Object.keys(t).map(r=>{if(t[r]===e)return r}).filter(r=>r)}j("model",(e,{modifiers:t,expression:r},{effect:n,cleanup:i})=>{let o=e;t.includes("parent")&&(o=e.parentNode);let a=W(o,r),s;typeof r=="string"?s=W(o,`${r} = __placeholder`):typeof r=="function"&&typeof r()=="string"?s=W(o,`${r()} = __placeholder`):s=()=>{};let u=()=>{let g;return a(m=>g=m),Mn(g)?g.get():g},l=g=>{let m;a(w=>m=w),Mn(m)?m.set(g):s(()=>{},{scope:{__placeholder:g}})};typeof r=="string"&&e.type==="radio"&&P(()=>{e.hasAttribute("name")||e.setAttribute("name",r)});var f=e.tagName.toLowerCase()==="select"||["checkbox","radio"].includes(e.type)||t.includes("lazy")?"change":"input";let v=_e?()=>{}:Ir(e,f,t,g=>{l(pr(e,t,g,u()))});if(t.includes("fill")&&([void 0,null,""].includes(u())||Qr(e)&&Array.isArray(u())||e.tagName.toLowerCase()==="select"&&e.multiple)&&l(pr(e,t,{target:e},u())),e._x_removeModelListeners||(e._x_removeModelListeners={}),e._x_removeModelListeners.default=v,i(()=>e._x_removeModelListeners.default()),e.form){let g=Ir(e.form,"reset",[],m=>{Gr(()=>e._x_model&&e._x_model.set(pr(e,t,{target:e},u())))});i(()=>g())}e._x_model={get(){return u()},set(g){l(g)}},e._x_forceModelUpdate=g=>{g===void 0&&typeof r=="string"&&r.match(/\./)&&(g=""),window.fromModel=!0,P(()=>Li(e,"value",g)),delete window.fromModel},n(()=>{let g=u();t.includes("unintrusive")&&document.activeElement.isSameNode(e)||e._x_forceModelUpdate(g)})});function pr(e,t,r,n){return P(()=>{if(r instanceof CustomEvent&&r.detail!==void 0)return r.detail!==null&&r.detail!==void 0?r.detail:r.target.value;if(Qr(e))if(Array.isArray(n)){let i=null;return t.includes("number")?i=vr(r.target.value):t.includes("boolean")?i=Ut(r.target.value):i=r.target.value,r.target.checked?n.includes(i)?n:n.concat([i]):n.filter(o=>!$s(o,i))}else return r.target.checked;else{if(e.tagName.toLowerCase()==="select"&&e.multiple)return t.includes("number")?Array.from(r.target.selectedOptions).map(i=>{let o=i.value||i.text;return vr(o)}):t.includes("boolean")?Array.from(r.target.selectedOptions).map(i=>{let o=i.value||i.text;return Ut(o)}):Array.from(r.target.selectedOptions).map(i=>i.value||i.text);{let i;return $i(e)?r.target.checked?i=r.target.value:i=n:i=r.target.value,t.includes("number")?vr(i):t.includes("boolean")?Ut(i):t.includes("trim")?i.trim():i}}})}function vr(e){let t=e?parseFloat(e):null;return Is(t)?t:e}function $s(e,t){return e==t}function Is(e){return!Array.isArray(e)&&!isNaN(e)}function Mn(e){return e!==null&&typeof e=="object"&&typeof e.get=="function"&&typeof e.set=="function"}j("cloak",e=>queueMicrotask(()=>P(()=>e.removeAttribute(Ze("cloak")))));Ei(()=>`[${Ze("init")}]`);j("init",xe((e,{expression:t},{evaluate:r})=>typeof t=="string"?!!t.trim()&&r(t,{},!1):r(t,{},!1)));j("text",(e,{expression:t},{effect:r,evaluateLater:n})=>{let i=n(t);r(()=>{i(o=>{P(()=>{e.textContent=o})})})});j("html",(e,{expression:t},{effect:r,evaluateLater:n})=>{let i=n(t);r(()=>{i(o=>{P(()=>{e.innerHTML=o,e._x_ignoreSelf=!0,ve(e),delete e._x_ignoreSelf})})})});Yr(vi(":",hi(Ze("bind:"))));var io=(e,{value:t,modifiers:r,expression:n,original:i},{effect:o,cleanup:a})=>{if(!t){let u={};Na(u),W(e,n)(f=>{ki(e,f,i)},{scope:u});return}if(t==="key")return js(e,n);if(e._x_inlineBindings&&e._x_inlineBindings[t]&&e._x_inlineBindings[t].extract)return;let s=W(e,n);o(()=>s(u=>{u===void 0&&typeof n=="string"&&n.match(/\./)&&(u=""),P(()=>Li(e,t,u,r))})),a(()=>{e._x_undoAddedClasses&&e._x_undoAddedClasses(),e._x_undoAddedStyles&&e._x_undoAddedStyles()})};io.inline=(e,{value:t,modifiers:r,expression:n})=>{t&&(e._x_inlineBindings||(e._x_inlineBindings={}),e._x_inlineBindings[t]={expression:n,extract:!1})};j("bind",io);function js(e,t){e._x_keyExpression=t}Oi(()=>`[${Ze("data")}]`);j("data",(e,{expression:t},{cleanup:r})=>{if(Bs(e))return;t=t===""?"{}":t;let n={};Er(n,e);let i={};Fa(i,n);let o=De(e,t,{scope:i});(o===void 0||o===!0)&&(o={}),Er(o,e);let a=Je(o);oi(a);let s=bt(e,a);a.init&&De(e,a.init),r(()=>{a.destroy&&De(e,a.destroy),s()})});tr((e,t)=>{e._x_dataStack&&(t._x_dataStack=e._x_dataStack,t.setAttribute("data-has-alpine-state",!0))});function Bs(e){return _e?Dr?!0:e.hasAttribute("data-has-alpine-state"):!1}j("show",(e,{modifiers:t,expression:r},{effect:n})=>{let i=W(e,r);e._x_doHide||(e._x_doHide=()=>{P(()=>{e.style.setProperty("display","none",t.includes("important")?"important":void 0)})}),e._x_doShow||(e._x_doShow=()=>{P(()=>{e.style.length===1&&e.style.display==="none"?e.removeAttribute("style"):e.style.removeProperty("display")})});let o=()=>{e._x_doHide(),e._x_isShown=!1},a=()=>{e._x_doShow(),e._x_isShown=!0},s=()=>setTimeout(a),u=Mr(v=>v?a():o(),v=>{typeof e._x_toggleAndCascadeWithTransitions=="function"?e._x_toggleAndCascadeWithTransitions(e,v,a,o):v?s():o()}),l,f=!0;n(()=>i(v=>{!f&&v===l||(t.includes("immediate")&&(v?s():o()),u(v),l=v,f=!1)}))});j("for",(e,{expression:t},{effect:r,cleanup:n})=>{let i=ks(t),o=W(e,i.items),a=W(e,e._x_keyExpression||"index");e._x_prevKeys=[],e._x_lookup={},r(()=>Ns(e,i,o,a)),n(()=>{Object.values(e._x_lookup).forEach(s=>P(()=>{et(s),s.remove()})),delete e._x_prevKeys,delete e._x_lookup})});function Ns(e,t,r,n){let i=a=>typeof a=="object"&&!Array.isArray(a),o=e;r(a=>{Fs(a)&&a>=0&&(a=Array.from(Array(a).keys(),p=>p+1)),a===void 0&&(a=[]);let s=e._x_lookup,u=e._x_prevKeys,l=[],f=[];if(i(a))a=Object.entries(a).map(([p,_])=>{let b=Ln(t,_,p,a);n(E=>{f.includes(E)&&X("Duplicate key on x-for",e),f.push(E)},{scope:{index:p,...b}}),l.push(b)});else for(let p=0;p<a.length;p++){let _=Ln(t,a[p],p,a);n(b=>{f.includes(b)&&X("Duplicate key on x-for",e),f.push(b)},{scope:{index:p,..._}}),l.push(_)}let v=[],g=[],m=[],w=[];for(let p=0;p<u.length;p++){let _=u[p];f.indexOf(_)===-1&&m.push(_)}u=u.filter(p=>!m.includes(p));let O="template";for(let p=0;p<f.length;p++){let _=f[p],b=u.indexOf(_);if(b===-1)u.splice(p,0,_),v.push([O,p]);else if(b!==p){let E=u.splice(p,1)[0],c=u.splice(b-1,1)[0];u.splice(p,0,c),u.splice(b,0,E),g.push([E,c])}else w.push(_);O=_}for(let p=0;p<m.length;p++){let _=m[p];_ in s&&(P(()=>{et(s[_]),s[_].remove()}),delete s[_])}for(let p=0;p<g.length;p++){let[_,b]=g[p],E=s[_],c=s[b],A=document.createElement("div");P(()=>{c||X('x-for ":key" is undefined or invalid',o,b,s),c.after(A),E.after(c),c._x_currentIfEl&&c.after(c._x_currentIfEl),A.before(E),E._x_currentIfEl&&E.after(E._x_currentIfEl),A.remove()}),c._x_refreshXForScope(l[f.indexOf(b)])}for(let p=0;p<v.length;p++){let[_,b]=v[p],E=_==="template"?o:s[_];E._x_currentIfEl&&(E=E._x_currentIfEl);let c=l[b],A=f[b],h=document.importNode(o.content,!0).firstElementChild,C=Je(c);bt(h,C,o),h._x_refreshXForScope=I=>{Object.entries(I).forEach(([R,L])=>{C[R]=L})},P(()=>{E.after(h),xe(()=>ve(h))()}),typeof A=="object"&&X("x-for key cannot be an object, it must be a string or an integer",o),s[A]=h}for(let p=0;p<w.length;p++)s[w[p]]._x_refreshXForScope(l[f.indexOf(w[p])]);o._x_prevKeys=f})}function ks(e){let t=/,([^,\}\]]*)(?:,([^,\}\]]*))?$/,r=/^\s*\(|\)\s*$/g,n=/([\s\S]*?)\s+(?:in|of)\s+([\s\S]*)/,i=e.match(n);if(!i)return;let o={};o.items=i[2].trim();let a=i[1].replace(r,"").trim(),s=a.match(t);return s?(o.item=a.replace(t,"").trim(),o.index=s[1].trim(),s[2]&&(o.collection=s[2].trim())):o.item=a,o}function Ln(e,t,r,n){let i={};return/^\[.*\]$/.test(e.item)&&Array.isArray(t)?e.item.replace("[","").replace("]","").split(",").map(a=>a.trim()).forEach((a,s)=>{i[a]=t[s]}):/^\{.*\}$/.test(e.item)&&!Array.isArray(t)&&typeof t=="object"?e.item.replace("{","").replace("}","").split(",").map(a=>a.trim()).forEach(a=>{i[a]=t[a]}):i[e.item]=t,e.index&&(i[e.index]=r),e.collection&&(i[e.collection]=n),i}function Fs(e){return!Array.isArray(e)&&!isNaN(e)}function oo(){}oo.inline=(e,{expression:t},{cleanup:r})=>{let n=Qt(e);n._x_refs||(n._x_refs={}),n._x_refs[t]=e,r(()=>delete n._x_refs[t])};j("ref",oo);j("if",(e,{expression:t},{effect:r,cleanup:n})=>{e.tagName.toLowerCase()!=="template"&&X("x-if can only be used on a <template> tag",e);let i=W(e,t),o=()=>{if(e._x_currentIfEl)return e._x_currentIfEl;let s=e.content.cloneNode(!0).firstElementChild;return bt(s,{},e),P(()=>{e.after(s),xe(()=>ve(s))()}),e._x_currentIfEl=s,e._x_undoIf=()=>{P(()=>{et(s),s.remove()}),delete e._x_currentIfEl},s},a=()=>{e._x_undoIf&&(e._x_undoIf(),delete e._x_undoIf)};r(()=>i(s=>{s?o():a()})),n(()=>e._x_undoIf&&e._x_undoIf())});j("id",(e,{expression:t},{evaluate:r})=>{r(t).forEach(i=>Ss(e,i))});tr((e,t)=>{e._x_ids&&(t._x_ids=e._x_ids)});Yr(vi("@",hi(Ze("on:"))));j("on",xe((e,{value:t,modifiers:r,expression:n},{cleanup:i})=>{let o=n?W(e,n):()=>{};e.tagName.toLowerCase()==="template"&&(e._x_forwardEvents||(e._x_forwardEvents=[]),e._x_forwardEvents.includes(t)||e._x_forwardEvents.push(t));let a=Ir(e,t,r,s=>{o(()=>{},{scope:{$event:s},params:[s]})});i(()=>a())}));or("Collapse","collapse","collapse");or("Intersect","intersect","intersect");or("Focus","trap","focus");or("Mask","mask","mask");function or(e,t,r){j(t,n=>X(`You can't use [x-${t}] without first installing the "${e}" plugin here: https://alpinejs.dev/plugins/${r}`,n))}wt.setEvaluator(fi);wt.setReactivityEngine({reactive:sn,effect:Ja,release:Ga,raw:M});var Hs=wt,pt=Hs,V="top",G="bottom",Z="right",z="left",un="auto",Ot=[V,G,Z,z],Ke="start",yt="end",Ws="clippingParents",ao="viewport",ct="popper",Vs="reference",Dn=Ot.reduce(function(e,t){return e.concat([t+"-"+Ke,t+"-"+yt])},[]),so=[].concat(Ot,[un]).reduce(function(e,t){return e.concat([t,t+"-"+Ke,t+"-"+yt])},[]),zs="beforeRead",Us="read",Ks="afterRead",qs="beforeMain",Ys="main",Xs="afterMain",Js="beforeWrite",Gs="write",Zs="afterWrite",Qs=[zs,Us,Ks,qs,Ys,Xs,Js,Gs,Zs];function ce(e){return e?(e.nodeName||"").toLowerCase():null}function q(e){if(e==null)return window;if(e.toString()!=="[object Window]"){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function je(e){var t=q(e).Element;return e instanceof t||e instanceof Element}function J(e){var t=q(e).HTMLElement;return e instanceof t||e instanceof HTMLElement}function cn(e){if(typeof ShadowRoot>"u")return!1;var t=q(e).ShadowRoot;return e instanceof t||e instanceof ShadowRoot}function eu(e){var t=e.state;Object.keys(t.elements).forEach(function(r){var n=t.styles[r]||{},i=t.attributes[r]||{},o=t.elements[r];!J(o)||!ce(o)||(Object.assign(o.style,n),Object.keys(i).forEach(function(a){var s=i[a];s===!1?o.removeAttribute(a):o.setAttribute(a,s===!0?"":s)}))})}function tu(e){var t=e.state,r={popper:{position:t.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(t.elements.popper.style,r.popper),t.styles=r,t.elements.arrow&&Object.assign(t.elements.arrow.style,r.arrow),function(){Object.keys(t.elements).forEach(function(n){var i=t.elements[n],o=t.attributes[n]||{},a=Object.keys(t.styles.hasOwnProperty(n)?t.styles[n]:r[n]),s=a.reduce(function(u,l){return u[l]="",u},{});!J(i)||!ce(i)||(Object.assign(i.style,s),Object.keys(o).forEach(function(u){i.removeAttribute(u)}))})}}const uo={name:"applyStyles",enabled:!0,phase:"write",fn:eu,effect:tu,requires:["computeStyles"]};function ue(e){return e.split("-")[0]}var $e=Math.max,Gt=Math.min,qe=Math.round;function jr(){var e=navigator.userAgentData;return e!=null&&e.brands&&Array.isArray(e.brands)?e.brands.map(function(t){return t.brand+"/"+t.version}).join(" "):navigator.userAgent}function co(){return!/^((?!chrome|android).)*safari/i.test(jr())}function Ye(e,t,r){t===void 0&&(t=!1),r===void 0&&(r=!1);var n=e.getBoundingClientRect(),i=1,o=1;t&&J(e)&&(i=e.offsetWidth>0&&qe(n.width)/e.offsetWidth||1,o=e.offsetHeight>0&&qe(n.height)/e.offsetHeight||1);var a=je(e)?q(e):window,s=a.visualViewport,u=!co()&&r,l=(n.left+(u&&s?s.offsetLeft:0))/i,f=(n.top+(u&&s?s.offsetTop:0))/o,v=n.width/i,g=n.height/o;return{width:v,height:g,top:f,right:l+v,bottom:f+g,left:l,x:l,y:f}}function fn(e){var t=Ye(e),r=e.offsetWidth,n=e.offsetHeight;return Math.abs(t.width-r)<=1&&(r=t.width),Math.abs(t.height-n)<=1&&(n=t.height),{x:e.offsetLeft,y:e.offsetTop,width:r,height:n}}function fo(e,t){var r=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(r&&cn(r)){var n=t;do{if(n&&e.isSameNode(n))return!0;n=n.parentNode||n.host}while(n)}return!1}function he(e){return q(e).getComputedStyle(e)}function ru(e){return["table","td","th"].indexOf(ce(e))>=0}function we(e){return((je(e)?e.ownerDocument:e.document)||window.document).documentElement}function ar(e){return ce(e)==="html"?e:e.assignedSlot||e.parentNode||(cn(e)?e.host:null)||we(e)}function Pn(e){return!J(e)||he(e).position==="fixed"?null:e.offsetParent}function nu(e){var t=/firefox/i.test(jr()),r=/Trident/i.test(jr());if(r&&J(e)){var n=he(e);if(n.position==="fixed")return null}var i=ar(e);for(cn(i)&&(i=i.host);J(i)&&["html","body"].indexOf(ce(i))<0;){var o=he(i);if(o.transform!=="none"||o.perspective!=="none"||o.contain==="paint"||["transform","perspective"].indexOf(o.willChange)!==-1||t&&o.willChange==="filter"||t&&o.filter&&o.filter!=="none")return i;i=i.parentNode}return null}function Et(e){for(var t=q(e),r=Pn(e);r&&ru(r)&&he(r).position==="static";)r=Pn(r);return r&&(ce(r)==="html"||ce(r)==="body"&&he(r).position==="static")?t:r||nu(e)||t}function ln(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function vt(e,t,r){return $e(e,Gt(t,r))}function iu(e,t,r){var n=vt(e,t,r);return n>r?r:n}function lo(){return{top:0,right:0,bottom:0,left:0}}function po(e){return Object.assign({},lo(),e)}function vo(e,t){return t.reduce(function(r,n){return r[n]=e,r},{})}var ou=function(t,r){return t=typeof t=="function"?t(Object.assign({},r.rects,{placement:r.placement})):t,po(typeof t!="number"?t:vo(t,Ot))};function au(e){var t,r=e.state,n=e.name,i=e.options,o=r.elements.arrow,a=r.modifiersData.popperOffsets,s=ue(r.placement),u=ln(s),l=[z,Z].indexOf(s)>=0,f=l?"height":"width";if(!(!o||!a)){var v=ou(i.padding,r),g=fn(o),m=u==="y"?V:z,w=u==="y"?G:Z,O=r.rects.reference[f]+r.rects.reference[u]-a[u]-r.rects.popper[f],p=a[u]-r.rects.reference[u],_=Et(o),b=_?u==="y"?_.clientHeight||0:_.clientWidth||0:0,E=O/2-p/2,c=v[m],A=b-g[f]-v[w],h=b/2-g[f]/2+E,C=vt(c,h,A),I=u;r.modifiersData[n]=(t={},t[I]=C,t.centerOffset=C-h,t)}}function su(e){var t=e.state,r=e.options,n=r.element,i=n===void 0?"[data-popper-arrow]":n;i!=null&&(typeof i=="string"&&(i=t.elements.popper.querySelector(i),!i)||fo(t.elements.popper,i)&&(t.elements.arrow=i))}const uu={name:"arrow",enabled:!0,phase:"main",fn:au,effect:su,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function Xe(e){return e.split("-")[1]}var cu={top:"auto",right:"auto",bottom:"auto",left:"auto"};function fu(e,t){var r=e.x,n=e.y,i=t.devicePixelRatio||1;return{x:qe(r*i)/i||0,y:qe(n*i)/i||0}}function Rn(e){var t,r=e.popper,n=e.popperRect,i=e.placement,o=e.variation,a=e.offsets,s=e.position,u=e.gpuAcceleration,l=e.adaptive,f=e.roundOffsets,v=e.isFixed,g=a.x,m=g===void 0?0:g,w=a.y,O=w===void 0?0:w,p=typeof f=="function"?f({x:m,y:O}):{x:m,y:O};m=p.x,O=p.y;var _=a.hasOwnProperty("x"),b=a.hasOwnProperty("y"),E=z,c=V,A=window;if(l){var h=Et(r),C="clientHeight",I="clientWidth";if(h===q(r)&&(h=we(r),he(h).position!=="static"&&s==="absolute"&&(C="scrollHeight",I="scrollWidth")),h=h,i===V||(i===z||i===Z)&&o===yt){c=G;var R=v&&h===A&&A.visualViewport?A.visualViewport.height:h[C];O-=R-n.height,O*=u?1:-1}if(i===z||(i===V||i===G)&&o===yt){E=Z;var L=v&&h===A&&A.visualViewport?A.visualViewport.width:h[I];m-=L-n.width,m*=u?1:-1}}var B=Object.assign({position:s},l&&cu),$=f===!0?fu({x:m,y:O},q(r)):{x:m,y:O};if(m=$.x,O=$.y,u){var D;return Object.assign({},B,(D={},D[c]=b?"0":"",D[E]=_?"0":"",D.transform=(A.devicePixelRatio||1)<=1?"translate("+m+"px, "+O+"px)":"translate3d("+m+"px, "+O+"px, 0)",D))}return Object.assign({},B,(t={},t[c]=b?O+"px":"",t[E]=_?m+"px":"",t.transform="",t))}function lu(e){var t=e.state,r=e.options,n=r.gpuAcceleration,i=n===void 0?!0:n,o=r.adaptive,a=o===void 0?!0:o,s=r.roundOffsets,u=s===void 0?!0:s,l={placement:ue(t.placement),variation:Xe(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:i,isFixed:t.options.strategy==="fixed"};t.modifiersData.popperOffsets!=null&&(t.styles.popper=Object.assign({},t.styles.popper,Rn(Object.assign({},l,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:a,roundOffsets:u})))),t.modifiersData.arrow!=null&&(t.styles.arrow=Object.assign({},t.styles.arrow,Rn(Object.assign({},l,{offsets:t.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:u})))),t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement})}const du={name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:lu,data:{}};var Wt={passive:!0};function pu(e){var t=e.state,r=e.instance,n=e.options,i=n.scroll,o=i===void 0?!0:i,a=n.resize,s=a===void 0?!0:a,u=q(t.elements.popper),l=[].concat(t.scrollParents.reference,t.scrollParents.popper);return o&&l.forEach(function(f){f.addEventListener("scroll",r.update,Wt)}),s&&u.addEventListener("resize",r.update,Wt),function(){o&&l.forEach(function(f){f.removeEventListener("scroll",r.update,Wt)}),s&&u.removeEventListener("resize",r.update,Wt)}}const vu={name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:pu,data:{}};var hu={left:"right",right:"left",bottom:"top",top:"bottom"};function Kt(e){return e.replace(/left|right|bottom|top/g,function(t){return hu[t]})}var gu={start:"end",end:"start"};function $n(e){return e.replace(/start|end/g,function(t){return gu[t]})}function dn(e){var t=q(e),r=t.pageXOffset,n=t.pageYOffset;return{scrollLeft:r,scrollTop:n}}function pn(e){return Ye(we(e)).left+dn(e).scrollLeft}function mu(e,t){var r=q(e),n=we(e),i=r.visualViewport,o=n.clientWidth,a=n.clientHeight,s=0,u=0;if(i){o=i.width,a=i.height;var l=co();(l||!l&&t==="fixed")&&(s=i.offsetLeft,u=i.offsetTop)}return{width:o,height:a,x:s+pn(e),y:u}}function yu(e){var t,r=we(e),n=dn(e),i=(t=e.ownerDocument)==null?void 0:t.body,o=$e(r.scrollWidth,r.clientWidth,i?i.scrollWidth:0,i?i.clientWidth:0),a=$e(r.scrollHeight,r.clientHeight,i?i.scrollHeight:0,i?i.clientHeight:0),s=-n.scrollLeft+pn(e),u=-n.scrollTop;return he(i||r).direction==="rtl"&&(s+=$e(r.clientWidth,i?i.clientWidth:0)-o),{width:o,height:a,x:s,y:u}}function vn(e){var t=he(e),r=t.overflow,n=t.overflowX,i=t.overflowY;return/auto|scroll|overlay|hidden/.test(r+i+n)}function ho(e){return["html","body","#document"].indexOf(ce(e))>=0?e.ownerDocument.body:J(e)&&vn(e)?e:ho(ar(e))}function ht(e,t){var r;t===void 0&&(t=[]);var n=ho(e),i=n===((r=e.ownerDocument)==null?void 0:r.body),o=q(n),a=i?[o].concat(o.visualViewport||[],vn(n)?n:[]):n,s=t.concat(a);return i?s:s.concat(ht(ar(a)))}function Br(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function _u(e,t){var r=Ye(e,!1,t==="fixed");return r.top=r.top+e.clientTop,r.left=r.left+e.clientLeft,r.bottom=r.top+e.clientHeight,r.right=r.left+e.clientWidth,r.width=e.clientWidth,r.height=e.clientHeight,r.x=r.left,r.y=r.top,r}function In(e,t,r){return t===ao?Br(mu(e,r)):je(t)?_u(t,r):Br(yu(we(e)))}function bu(e){var t=ht(ar(e)),r=["absolute","fixed"].indexOf(he(e).position)>=0,n=r&&J(e)?Et(e):e;return je(n)?t.filter(function(i){return je(i)&&fo(i,n)&&ce(i)!=="body"}):[]}function xu(e,t,r,n){var i=t==="clippingParents"?bu(e):[].concat(t),o=[].concat(i,[r]),a=o[0],s=o.reduce(function(u,l){var f=In(e,l,n);return u.top=$e(f.top,u.top),u.right=Gt(f.right,u.right),u.bottom=Gt(f.bottom,u.bottom),u.left=$e(f.left,u.left),u},In(e,a,n));return s.width=s.right-s.left,s.height=s.bottom-s.top,s.x=s.left,s.y=s.top,s}function go(e){var t=e.reference,r=e.element,n=e.placement,i=n?ue(n):null,o=n?Xe(n):null,a=t.x+t.width/2-r.width/2,s=t.y+t.height/2-r.height/2,u;switch(i){case V:u={x:a,y:t.y-r.height};break;case G:u={x:a,y:t.y+t.height};break;case Z:u={x:t.x+t.width,y:s};break;case z:u={x:t.x-r.width,y:s};break;default:u={x:t.x,y:t.y}}var l=i?ln(i):null;if(l!=null){var f=l==="y"?"height":"width";switch(o){case Ke:u[l]=u[l]-(t[f]/2-r[f]/2);break;case yt:u[l]=u[l]+(t[f]/2-r[f]/2);break}}return u}function _t(e,t){t===void 0&&(t={});var r=t,n=r.placement,i=n===void 0?e.placement:n,o=r.strategy,a=o===void 0?e.strategy:o,s=r.boundary,u=s===void 0?Ws:s,l=r.rootBoundary,f=l===void 0?ao:l,v=r.elementContext,g=v===void 0?ct:v,m=r.altBoundary,w=m===void 0?!1:m,O=r.padding,p=O===void 0?0:O,_=po(typeof p!="number"?p:vo(p,Ot)),b=g===ct?Vs:ct,E=e.rects.popper,c=e.elements[w?b:g],A=xu(je(c)?c:c.contextElement||we(e.elements.popper),u,f,a),h=Ye(e.elements.reference),C=go({reference:h,element:E,strategy:"absolute",placement:i}),I=Br(Object.assign({},E,C)),R=g===ct?I:h,L={top:A.top-R.top+_.top,bottom:R.bottom-A.bottom+_.bottom,left:A.left-R.left+_.left,right:R.right-A.right+_.right},B=e.modifiersData.offset;if(g===ct&&B){var $=B[i];Object.keys(L).forEach(function(D){var U=[Z,G].indexOf(D)>=0?1:-1,K=[V,G].indexOf(D)>=0?"y":"x";L[D]+=$[K]*U})}return L}function wu(e,t){t===void 0&&(t={});var r=t,n=r.placement,i=r.boundary,o=r.rootBoundary,a=r.padding,s=r.flipVariations,u=r.allowedAutoPlacements,l=u===void 0?so:u,f=Xe(n),v=f?s?Dn:Dn.filter(function(w){return Xe(w)===f}):Ot,g=v.filter(function(w){return l.indexOf(w)>=0});g.length===0&&(g=v);var m=g.reduce(function(w,O){return w[O]=_t(e,{placement:O,boundary:i,rootBoundary:o,padding:a})[ue(O)],w},{});return Object.keys(m).sort(function(w,O){return m[w]-m[O]})}function Ou(e){if(ue(e)===un)return[];var t=Kt(e);return[$n(e),t,$n(t)]}function Eu(e){var t=e.state,r=e.options,n=e.name;if(!t.modifiersData[n]._skip){for(var i=r.mainAxis,o=i===void 0?!0:i,a=r.altAxis,s=a===void 0?!0:a,u=r.fallbackPlacements,l=r.padding,f=r.boundary,v=r.rootBoundary,g=r.altBoundary,m=r.flipVariations,w=m===void 0?!0:m,O=r.allowedAutoPlacements,p=t.options.placement,_=ue(p),b=_===p,E=u||(b||!w?[Kt(p)]:Ou(p)),c=[p].concat(E).reduce(function(fe,Q){return fe.concat(ue(Q)===un?wu(t,{placement:Q,boundary:f,rootBoundary:v,padding:l,flipVariations:w,allowedAutoPlacements:O}):Q)},[]),A=t.rects.reference,h=t.rects.popper,C=new Map,I=!0,R=c[0],L=0;L<c.length;L++){var B=c[L],$=ue(B),D=Xe(B)===Ke,U=[V,G].indexOf($)>=0,K=U?"width":"height",k=_t(t,{placement:B,boundary:f,rootBoundary:v,altBoundary:g,padding:l}),F=U?D?Z:z:D?G:V;A[K]>h[K]&&(F=Kt(F));var N=Kt(F),ne=[];if(o&&ne.push(k[$]<=0),s&&ne.push(k[F]<=0,k[N]<=0),ne.every(function(fe){return fe})){R=B,I=!1;break}C.set(B,ne)}if(I)for(var ie=w?3:1,Oe=function(Q){var le=c.find(function(Ne){var de=C.get(Ne);if(de)return de.slice(0,Q).every(function(ke){return ke})});if(le)return R=le,"break"},oe=ie;oe>0;oe--){var Ee=Oe(oe);if(Ee==="break")break}t.placement!==R&&(t.modifiersData[n]._skip=!0,t.placement=R,t.reset=!0)}}const Au={name:"flip",enabled:!0,phase:"main",fn:Eu,requiresIfExists:["offset"],data:{_skip:!1}};function jn(e,t,r){return r===void 0&&(r={x:0,y:0}),{top:e.top-t.height-r.y,right:e.right-t.width+r.x,bottom:e.bottom-t.height+r.y,left:e.left-t.width-r.x}}function Bn(e){return[V,Z,G,z].some(function(t){return e[t]>=0})}function Su(e){var t=e.state,r=e.name,n=t.rects.reference,i=t.rects.popper,o=t.modifiersData.preventOverflow,a=_t(t,{elementContext:"reference"}),s=_t(t,{altBoundary:!0}),u=jn(a,n),l=jn(s,i,o),f=Bn(u),v=Bn(l);t.modifiersData[r]={referenceClippingOffsets:u,popperEscapeOffsets:l,isReferenceHidden:f,hasPopperEscaped:v},t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":f,"data-popper-escaped":v})}const Tu={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:Su};function Cu(e,t,r){var n=ue(e),i=[z,V].indexOf(n)>=0?-1:1,o=typeof r=="function"?r(Object.assign({},t,{placement:e})):r,a=o[0],s=o[1];return a=a||0,s=(s||0)*i,[z,Z].indexOf(n)>=0?{x:s,y:a}:{x:a,y:s}}function Mu(e){var t=e.state,r=e.options,n=e.name,i=r.offset,o=i===void 0?[0,0]:i,a=so.reduce(function(f,v){return f[v]=Cu(v,t.rects,o),f},{}),s=a[t.placement],u=s.x,l=s.y;t.modifiersData.popperOffsets!=null&&(t.modifiersData.popperOffsets.x+=u,t.modifiersData.popperOffsets.y+=l),t.modifiersData[n]=a}const Lu={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:Mu};function Du(e){var t=e.state,r=e.name;t.modifiersData[r]=go({reference:t.rects.reference,element:t.rects.popper,strategy:"absolute",placement:t.placement})}const Pu={name:"popperOffsets",enabled:!0,phase:"read",fn:Du,data:{}};function Ru(e){return e==="x"?"y":"x"}function $u(e){var t=e.state,r=e.options,n=e.name,i=r.mainAxis,o=i===void 0?!0:i,a=r.altAxis,s=a===void 0?!1:a,u=r.boundary,l=r.rootBoundary,f=r.altBoundary,v=r.padding,g=r.tether,m=g===void 0?!0:g,w=r.tetherOffset,O=w===void 0?0:w,p=_t(t,{boundary:u,rootBoundary:l,padding:v,altBoundary:f}),_=ue(t.placement),b=Xe(t.placement),E=!b,c=ln(_),A=Ru(c),h=t.modifiersData.popperOffsets,C=t.rects.reference,I=t.rects.popper,R=typeof O=="function"?O(Object.assign({},t.rects,{placement:t.placement})):O,L=typeof R=="number"?{mainAxis:R,altAxis:R}:Object.assign({mainAxis:0,altAxis:0},R),B=t.modifiersData.offset?t.modifiersData.offset[t.placement]:null,$={x:0,y:0};if(h){if(o){var D,U=c==="y"?V:z,K=c==="y"?G:Z,k=c==="y"?"height":"width",F=h[c],N=F+p[U],ne=F-p[K],ie=m?-I[k]/2:0,Oe=b===Ke?C[k]:I[k],oe=b===Ke?-I[k]:-C[k],Ee=t.elements.arrow,fe=m&&Ee?fn(Ee):{width:0,height:0},Q=t.modifiersData["arrow#persistent"]?t.modifiersData["arrow#persistent"].padding:lo(),le=Q[U],Ne=Q[K],de=vt(0,C[k],fe[k]),ke=E?C[k]/2-ie-de-le-L.mainAxis:Oe-de-le-L.mainAxis,ge=E?-C[k]/2+ie+de+Ne+L.mainAxis:oe+de+Ne+L.mainAxis,Fe=t.elements.arrow&&Et(t.elements.arrow),St=Fe?c==="y"?Fe.clientTop||0:Fe.clientLeft||0:0,tt=(D=B==null?void 0:B[c])!=null?D:0,Tt=F+ke-tt-St,Ct=F+ge-tt,rt=vt(m?Gt(N,Tt):N,F,m?$e(ne,Ct):ne);h[c]=rt,$[c]=rt-F}if(s){var nt,Mt=c==="x"?V:z,Lt=c==="x"?G:Z,pe=h[A],me=A==="y"?"height":"width",it=pe+p[Mt],Ae=pe-p[Lt],ot=[V,z].indexOf(_)!==-1,Dt=(nt=B==null?void 0:B[A])!=null?nt:0,Pt=ot?it:pe-C[me]-I[me]-Dt+L.altAxis,Rt=ot?pe+C[me]+I[me]-Dt-L.altAxis:Ae,$t=m&&ot?iu(Pt,pe,Rt):vt(m?Pt:it,pe,m?Rt:Ae);h[A]=$t,$[A]=$t-pe}t.modifiersData[n]=$}}const Iu={name:"preventOverflow",enabled:!0,phase:"main",fn:$u,requiresIfExists:["offset"]};function ju(e){return{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}}function Bu(e){return e===q(e)||!J(e)?dn(e):ju(e)}function Nu(e){var t=e.getBoundingClientRect(),r=qe(t.width)/e.offsetWidth||1,n=qe(t.height)/e.offsetHeight||1;return r!==1||n!==1}function ku(e,t,r){r===void 0&&(r=!1);var n=J(t),i=J(t)&&Nu(t),o=we(t),a=Ye(e,i,r),s={scrollLeft:0,scrollTop:0},u={x:0,y:0};return(n||!n&&!r)&&((ce(t)!=="body"||vn(o))&&(s=Bu(t)),J(t)?(u=Ye(t,!0),u.x+=t.clientLeft,u.y+=t.clientTop):o&&(u.x=pn(o))),{x:a.left+s.scrollLeft-u.x,y:a.top+s.scrollTop-u.y,width:a.width,height:a.height}}function Fu(e){var t=new Map,r=new Set,n=[];e.forEach(function(o){t.set(o.name,o)});function i(o){r.add(o.name);var a=[].concat(o.requires||[],o.requiresIfExists||[]);a.forEach(function(s){if(!r.has(s)){var u=t.get(s);u&&i(u)}}),n.push(o)}return e.forEach(function(o){r.has(o.name)||i(o)}),n}function Hu(e){var t=Fu(e);return Qs.reduce(function(r,n){return r.concat(t.filter(function(i){return i.phase===n}))},[])}function Wu(e){var t;return function(){return t||(t=new Promise(function(r){Promise.resolve().then(function(){t=void 0,r(e())})})),t}}function Vu(e){var t=e.reduce(function(r,n){var i=r[n.name];return r[n.name]=i?Object.assign({},i,n,{options:Object.assign({},i.options,n.options),data:Object.assign({},i.data,n.data)}):n,r},{});return Object.keys(t).map(function(r){return t[r]})}var Nn={placement:"bottom",modifiers:[],strategy:"absolute"};function kn(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return!t.some(function(n){return!(n&&typeof n.getBoundingClientRect=="function")})}function zu(e){e===void 0&&(e={});var t=e,r=t.defaultModifiers,n=r===void 0?[]:r,i=t.defaultOptions,o=i===void 0?Nn:i;return function(s,u,l){l===void 0&&(l=o);var f={placement:"bottom",orderedModifiers:[],options:Object.assign({},Nn,o),modifiersData:{},elements:{reference:s,popper:u},attributes:{},styles:{}},v=[],g=!1,m={state:f,setOptions:function(_){var b=typeof _=="function"?_(f.options):_;O(),f.options=Object.assign({},o,f.options,b),f.scrollParents={reference:je(s)?ht(s):s.contextElement?ht(s.contextElement):[],popper:ht(u)};var E=Hu(Vu([].concat(n,f.options.modifiers)));return f.orderedModifiers=E.filter(function(c){return c.enabled}),w(),m.update()},forceUpdate:function(){if(!g){var _=f.elements,b=_.reference,E=_.popper;if(kn(b,E)){f.rects={reference:ku(b,Et(E),f.options.strategy==="fixed"),popper:fn(E)},f.reset=!1,f.placement=f.options.placement,f.orderedModifiers.forEach(function(L){return f.modifiersData[L.name]=Object.assign({},L.data)});for(var c=0;c<f.orderedModifiers.length;c++){if(f.reset===!0){f.reset=!1,c=-1;continue}var A=f.orderedModifiers[c],h=A.fn,C=A.options,I=C===void 0?{}:C,R=A.name;typeof h=="function"&&(f=h({state:f,options:I,name:R,instance:m})||f)}}}},update:Wu(function(){return new Promise(function(p){m.forceUpdate(),p(f)})}),destroy:function(){O(),g=!0}};if(!kn(s,u))return m;m.setOptions(l).then(function(p){!g&&l.onFirstUpdate&&l.onFirstUpdate(p)});function w(){f.orderedModifiers.forEach(function(p){var _=p.name,b=p.options,E=b===void 0?{}:b,c=p.effect;if(typeof c=="function"){var A=c({state:f,name:_,instance:m,options:E}),h=function(){};v.push(A||h)}})}function O(){v.forEach(function(p){return p()}),v=[]}return m}}var Uu=[vu,Pu,du,uo,Lu,Au,Iu,uu,Tu],Ku=zu({defaultModifiers:Uu}),qu="tippy-box",mo="tippy-content",Yu="tippy-backdrop",yo="tippy-arrow",_o="tippy-svg-arrow",Ce={passive:!0,capture:!0},bo=function(){return document.body};function hr(e,t,r){if(Array.isArray(e)){var n=e[t];return n??(Array.isArray(r)?r[t]:r)}return e}function hn(e,t){var r={}.toString.call(e);return r.indexOf("[object")===0&&r.indexOf(t+"]")>-1}function xo(e,t){return typeof e=="function"?e.apply(void 0,t):e}function Fn(e,t){if(t===0)return e;var r;return function(n){clearTimeout(r),r=setTimeout(function(){e(n)},t)}}function Xu(e){return e.split(/\s+/).filter(Boolean)}function Ve(e){return[].concat(e)}function Hn(e,t){e.indexOf(t)===-1&&e.push(t)}function Ju(e){return e.filter(function(t,r){return e.indexOf(t)===r})}function Gu(e){return e.split("-")[0]}function Zt(e){return[].slice.call(e)}function Wn(e){return Object.keys(e).reduce(function(t,r){return e[r]!==void 0&&(t[r]=e[r]),t},{})}function gt(){return document.createElement("div")}function sr(e){return["Element","Fragment"].some(function(t){return hn(e,t)})}function Zu(e){return hn(e,"NodeList")}function Qu(e){return hn(e,"MouseEvent")}function ec(e){return!!(e&&e._tippy&&e._tippy.reference===e)}function tc(e){return sr(e)?[e]:Zu(e)?Zt(e):Array.isArray(e)?e:Zt(document.querySelectorAll(e))}function gr(e,t){e.forEach(function(r){r&&(r.style.transitionDuration=t+"ms")})}function Vn(e,t){e.forEach(function(r){r&&r.setAttribute("data-state",t)})}function rc(e){var t,r=Ve(e),n=r[0];return n!=null&&(t=n.ownerDocument)!=null&&t.body?n.ownerDocument:document}function nc(e,t){var r=t.clientX,n=t.clientY;return e.every(function(i){var o=i.popperRect,a=i.popperState,s=i.props,u=s.interactiveBorder,l=Gu(a.placement),f=a.modifiersData.offset;if(!f)return!0;var v=l==="bottom"?f.top.y:0,g=l==="top"?f.bottom.y:0,m=l==="right"?f.left.x:0,w=l==="left"?f.right.x:0,O=o.top-n+v>u,p=n-o.bottom-g>u,_=o.left-r+m>u,b=r-o.right-w>u;return O||p||_||b})}function mr(e,t,r){var n=t+"EventListener";["transitionend","webkitTransitionEnd"].forEach(function(i){e[n](i,r)})}function zn(e,t){for(var r=t;r;){var n;if(e.contains(r))return!0;r=r.getRootNode==null||(n=r.getRootNode())==null?void 0:n.host}return!1}var se={isTouch:!1},Un=0;function ic(){se.isTouch||(se.isTouch=!0,window.performance&&document.addEventListener("mousemove",wo))}function wo(){var e=performance.now();e-Un<20&&(se.isTouch=!1,document.removeEventListener("mousemove",wo)),Un=e}function oc(){var e=document.activeElement;if(ec(e)){var t=e._tippy;e.blur&&!t.state.isVisible&&e.blur()}}function ac(){document.addEventListener("touchstart",ic,Ce),window.addEventListener("blur",oc)}var sc=typeof window<"u"&&typeof document<"u",uc=sc?!!window.msCrypto:!1,cc={animateFill:!1,followCursor:!1,inlinePositioning:!1,sticky:!1},fc={allowHTML:!1,animation:"fade",arrow:!0,content:"",inertia:!1,maxWidth:350,role:"tooltip",theme:"",zIndex:9999},ee=Object.assign({appendTo:bo,aria:{content:"auto",expanded:"auto"},delay:0,duration:[300,250],getReferenceClientRect:null,hideOnClick:!0,ignoreAttributes:!1,interactive:!1,interactiveBorder:2,interactiveDebounce:0,moveTransition:"",offset:[0,10],onAfterUpdate:function(){},onBeforeUpdate:function(){},onCreate:function(){},onDestroy:function(){},onHidden:function(){},onHide:function(){},onMount:function(){},onShow:function(){},onShown:function(){},onTrigger:function(){},onUntrigger:function(){},onClickOutside:function(){},placement:"top",plugins:[],popperOptions:{},render:null,showOnCreate:!1,touch:!0,trigger:"mouseenter focus",triggerTarget:null},cc,fc),lc=Object.keys(ee),dc=function(t){var r=Object.keys(t);r.forEach(function(n){ee[n]=t[n]})};function Oo(e){var t=e.plugins||[],r=t.reduce(function(n,i){var o=i.name,a=i.defaultValue;if(o){var s;n[o]=e[o]!==void 0?e[o]:(s=ee[o])!=null?s:a}return n},{});return Object.assign({},e,r)}function pc(e,t){var r=t?Object.keys(Oo(Object.assign({},ee,{plugins:t}))):lc,n=r.reduce(function(i,o){var a=(e.getAttribute("data-tippy-"+o)||"").trim();if(!a)return i;if(o==="content")i[o]=a;else try{i[o]=JSON.parse(a)}catch{i[o]=a}return i},{});return n}function Kn(e,t){var r=Object.assign({},t,{content:xo(t.content,[e])},t.ignoreAttributes?{}:pc(e,t.plugins));return r.aria=Object.assign({},ee.aria,r.aria),r.aria={expanded:r.aria.expanded==="auto"?t.interactive:r.aria.expanded,content:r.aria.content==="auto"?t.interactive?null:"describedby":r.aria.content},r}var vc=function(){return"innerHTML"};function Nr(e,t){e[vc()]=t}function qn(e){var t=gt();return e===!0?t.className=yo:(t.className=_o,sr(e)?t.appendChild(e):Nr(t,e)),t}function Yn(e,t){sr(t.content)?(Nr(e,""),e.appendChild(t.content)):typeof t.content!="function"&&(t.allowHTML?Nr(e,t.content):e.textContent=t.content)}function kr(e){var t=e.firstElementChild,r=Zt(t.children);return{box:t,content:r.find(function(n){return n.classList.contains(mo)}),arrow:r.find(function(n){return n.classList.contains(yo)||n.classList.contains(_o)}),backdrop:r.find(function(n){return n.classList.contains(Yu)})}}function Eo(e){var t=gt(),r=gt();r.className=qu,r.setAttribute("data-state","hidden"),r.setAttribute("tabindex","-1");var n=gt();n.className=mo,n.setAttribute("data-state","hidden"),Yn(n,e.props),t.appendChild(r),r.appendChild(n),i(e.props,e.props);function i(o,a){var s=kr(t),u=s.box,l=s.content,f=s.arrow;a.theme?u.setAttribute("data-theme",a.theme):u.removeAttribute("data-theme"),typeof a.animation=="string"?u.setAttribute("data-animation",a.animation):u.removeAttribute("data-animation"),a.inertia?u.setAttribute("data-inertia",""):u.removeAttribute("data-inertia"),u.style.maxWidth=typeof a.maxWidth=="number"?a.maxWidth+"px":a.maxWidth,a.role?u.setAttribute("role",a.role):u.removeAttribute("role"),(o.content!==a.content||o.allowHTML!==a.allowHTML)&&Yn(l,e.props),a.arrow?f?o.arrow!==a.arrow&&(u.removeChild(f),u.appendChild(qn(a.arrow))):u.appendChild(qn(a.arrow)):f&&u.removeChild(f)}return{popper:t,onUpdate:i}}Eo.$$tippy=!0;var hc=1,Vt=[],yr=[];function gc(e,t){var r=Kn(e,Object.assign({},ee,Oo(Wn(t)))),n,i,o,a=!1,s=!1,u=!1,l=!1,f,v,g,m=[],w=Fn(Tt,r.interactiveDebounce),O,p=hc++,_=null,b=Ju(r.plugins),E={isEnabled:!0,isVisible:!1,isDestroyed:!1,isMounted:!1,isShown:!1},c={id:p,reference:e,popper:gt(),popperInstance:_,props:r,state:E,plugins:b,clearDelayTimeouts:Pt,setProps:Rt,setContent:$t,show:Ao,hide:So,hideWithInteractivity:To,enable:ot,disable:Dt,unmount:Co,destroy:Mo};if(!r.render)return c;var A=r.render(c),h=A.popper,C=A.onUpdate;h.setAttribute("data-tippy-root",""),h.id="tippy-"+c.id,c.popper=h,e._tippy=c,h._tippy=c;var I=b.map(function(d){return d.fn(c)}),R=e.hasAttribute("aria-expanded");return Fe(),ie(),F(),N("onCreate",[c]),r.showOnCreate&&it(),h.addEventListener("mouseenter",function(){c.props.interactive&&c.state.isVisible&&c.clearDelayTimeouts()}),h.addEventListener("mouseleave",function(){c.props.interactive&&c.props.trigger.indexOf("mouseenter")>=0&&U().addEventListener("mousemove",w)}),c;function L(){var d=c.props.touch;return Array.isArray(d)?d:[d,0]}function B(){return L()[0]==="hold"}function $(){var d;return!!((d=c.props.render)!=null&&d.$$tippy)}function D(){return O||e}function U(){var d=D().parentNode;return d?rc(d):document}function K(){return kr(h)}function k(d){return c.state.isMounted&&!c.state.isVisible||se.isTouch||f&&f.type==="focus"?0:hr(c.props.delay,d?0:1,ee.delay)}function F(d){d===void 0&&(d=!1),h.style.pointerEvents=c.props.interactive&&!d?"":"none",h.style.zIndex=""+c.props.zIndex}function N(d,y,x){if(x===void 0&&(x=!0),I.forEach(function(S){S[d]&&S[d].apply(S,y)}),x){var T;(T=c.props)[d].apply(T,y)}}function ne(){var d=c.props.aria;if(d.content){var y="aria-"+d.content,x=h.id,T=Ve(c.props.triggerTarget||e);T.forEach(function(S){var H=S.getAttribute(y);if(c.state.isVisible)S.setAttribute(y,H?H+" "+x:x);else{var Y=H&&H.replace(x,"").trim();Y?S.setAttribute(y,Y):S.removeAttribute(y)}})}}function ie(){if(!(R||!c.props.aria.expanded)){var d=Ve(c.props.triggerTarget||e);d.forEach(function(y){c.props.interactive?y.setAttribute("aria-expanded",c.state.isVisible&&y===D()?"true":"false"):y.removeAttribute("aria-expanded")})}}function Oe(){U().removeEventListener("mousemove",w),Vt=Vt.filter(function(d){return d!==w})}function oe(d){if(!(se.isTouch&&(u||d.type==="mousedown"))){var y=d.composedPath&&d.composedPath()[0]||d.target;if(!(c.props.interactive&&zn(h,y))){if(Ve(c.props.triggerTarget||e).some(function(x){return zn(x,y)})){if(se.isTouch||c.state.isVisible&&c.props.trigger.indexOf("click")>=0)return}else N("onClickOutside",[c,d]);c.props.hideOnClick===!0&&(c.clearDelayTimeouts(),c.hide(),s=!0,setTimeout(function(){s=!1}),c.state.isMounted||le())}}}function Ee(){u=!0}function fe(){u=!1}function Q(){var d=U();d.addEventListener("mousedown",oe,!0),d.addEventListener("touchend",oe,Ce),d.addEventListener("touchstart",fe,Ce),d.addEventListener("touchmove",Ee,Ce)}function le(){var d=U();d.removeEventListener("mousedown",oe,!0),d.removeEventListener("touchend",oe,Ce),d.removeEventListener("touchstart",fe,Ce),d.removeEventListener("touchmove",Ee,Ce)}function Ne(d,y){ke(d,function(){!c.state.isVisible&&h.parentNode&&h.parentNode.contains(h)&&y()})}function de(d,y){ke(d,y)}function ke(d,y){var x=K().box;function T(S){S.target===x&&(mr(x,"remove",T),y())}if(d===0)return y();mr(x,"remove",v),mr(x,"add",T),v=T}function ge(d,y,x){x===void 0&&(x=!1);var T=Ve(c.props.triggerTarget||e);T.forEach(function(S){S.addEventListener(d,y,x),m.push({node:S,eventType:d,handler:y,options:x})})}function Fe(){B()&&(ge("touchstart",tt,{passive:!0}),ge("touchend",Ct,{passive:!0})),Xu(c.props.trigger).forEach(function(d){if(d!=="manual")switch(ge(d,tt),d){case"mouseenter":ge("mouseleave",Ct);break;case"focus":ge(uc?"focusout":"blur",rt);break;case"focusin":ge("focusout",rt);break}})}function St(){m.forEach(function(d){var y=d.node,x=d.eventType,T=d.handler,S=d.options;y.removeEventListener(x,T,S)}),m=[]}function tt(d){var y,x=!1;if(!(!c.state.isEnabled||nt(d)||s)){var T=((y=f)==null?void 0:y.type)==="focus";f=d,O=d.currentTarget,ie(),!c.state.isVisible&&Qu(d)&&Vt.forEach(function(S){return S(d)}),d.type==="click"&&(c.props.trigger.indexOf("mouseenter")<0||a)&&c.props.hideOnClick!==!1&&c.state.isVisible?x=!0:it(d),d.type==="click"&&(a=!x),x&&!T&&Ae(d)}}function Tt(d){var y=d.target,x=D().contains(y)||h.contains(y);if(!(d.type==="mousemove"&&x)){var T=me().concat(h).map(function(S){var H,Y=S._tippy,He=(H=Y.popperInstance)==null?void 0:H.state;return He?{popperRect:S.getBoundingClientRect(),popperState:He,props:r}:null}).filter(Boolean);nc(T,d)&&(Oe(),Ae(d))}}function Ct(d){var y=nt(d)||c.props.trigger.indexOf("click")>=0&&a;if(!y){if(c.props.interactive){c.hideWithInteractivity(d);return}Ae(d)}}function rt(d){c.props.trigger.indexOf("focusin")<0&&d.target!==D()||c.props.interactive&&d.relatedTarget&&h.contains(d.relatedTarget)||Ae(d)}function nt(d){return se.isTouch?B()!==d.type.indexOf("touch")>=0:!1}function Mt(){Lt();var d=c.props,y=d.popperOptions,x=d.placement,T=d.offset,S=d.getReferenceClientRect,H=d.moveTransition,Y=$()?kr(h).arrow:null,He=S?{getBoundingClientRect:S,contextElement:S.contextElement||D()}:e,gn={name:"$$tippy",enabled:!0,phase:"beforeWrite",requires:["computeStyles"],fn:function(It){var We=It.state;if($()){var Lo=K(),cr=Lo.box;["placement","reference-hidden","escaped"].forEach(function(jt){jt==="placement"?cr.setAttribute("data-placement",We.placement):We.attributes.popper["data-popper-"+jt]?cr.setAttribute("data-"+jt,""):cr.removeAttribute("data-"+jt)}),We.attributes.popper={}}}},Se=[{name:"offset",options:{offset:T}},{name:"preventOverflow",options:{padding:{top:2,bottom:2,left:5,right:5}}},{name:"flip",options:{padding:5}},{name:"computeStyles",options:{adaptive:!H}},gn];$()&&Y&&Se.push({name:"arrow",options:{element:Y,padding:3}}),Se.push.apply(Se,(y==null?void 0:y.modifiers)||[]),c.popperInstance=Ku(He,h,Object.assign({},y,{placement:x,onFirstUpdate:g,modifiers:Se}))}function Lt(){c.popperInstance&&(c.popperInstance.destroy(),c.popperInstance=null)}function pe(){var d=c.props.appendTo,y,x=D();c.props.interactive&&d===bo||d==="parent"?y=x.parentNode:y=xo(d,[x]),y.contains(h)||y.appendChild(h),c.state.isMounted=!0,Mt()}function me(){return Zt(h.querySelectorAll("[data-tippy-root]"))}function it(d){c.clearDelayTimeouts(),d&&N("onTrigger",[c,d]),Q();var y=k(!0),x=L(),T=x[0],S=x[1];se.isTouch&&T==="hold"&&S&&(y=S),y?n=setTimeout(function(){c.show()},y):c.show()}function Ae(d){if(c.clearDelayTimeouts(),N("onUntrigger",[c,d]),!c.state.isVisible){le();return}if(!(c.props.trigger.indexOf("mouseenter")>=0&&c.props.trigger.indexOf("click")>=0&&["mouseleave","mousemove"].indexOf(d.type)>=0&&a)){var y=k(!1);y?i=setTimeout(function(){c.state.isVisible&&c.hide()},y):o=requestAnimationFrame(function(){c.hide()})}}function ot(){c.state.isEnabled=!0}function Dt(){c.hide(),c.state.isEnabled=!1}function Pt(){clearTimeout(n),clearTimeout(i),cancelAnimationFrame(o)}function Rt(d){if(!c.state.isDestroyed){N("onBeforeUpdate",[c,d]),St();var y=c.props,x=Kn(e,Object.assign({},y,Wn(d),{ignoreAttributes:!0}));c.props=x,Fe(),y.interactiveDebounce!==x.interactiveDebounce&&(Oe(),w=Fn(Tt,x.interactiveDebounce)),y.triggerTarget&&!x.triggerTarget?Ve(y.triggerTarget).forEach(function(T){T.removeAttribute("aria-expanded")}):x.triggerTarget&&e.removeAttribute("aria-expanded"),ie(),F(),C&&C(y,x),c.popperInstance&&(Mt(),me().forEach(function(T){requestAnimationFrame(T._tippy.popperInstance.forceUpdate)})),N("onAfterUpdate",[c,d])}}function $t(d){c.setProps({content:d})}function Ao(){var d=c.state.isVisible,y=c.state.isDestroyed,x=!c.state.isEnabled,T=se.isTouch&&!c.props.touch,S=hr(c.props.duration,0,ee.duration);if(!(d||y||x||T)&&!D().hasAttribute("disabled")&&(N("onShow",[c],!1),c.props.onShow(c)!==!1)){if(c.state.isVisible=!0,$()&&(h.style.visibility="visible"),F(),Q(),c.state.isMounted||(h.style.transition="none"),$()){var H=K(),Y=H.box,He=H.content;gr([Y,He],0)}g=function(){var Se;if(!(!c.state.isVisible||l)){if(l=!0,h.offsetHeight,h.style.transition=c.props.moveTransition,$()&&c.props.animation){var ur=K(),It=ur.box,We=ur.content;gr([It,We],S),Vn([It,We],"visible")}ne(),ie(),Hn(yr,c),(Se=c.popperInstance)==null||Se.forceUpdate(),N("onMount",[c]),c.props.animation&&$()&&de(S,function(){c.state.isShown=!0,N("onShown",[c])})}},pe()}}function So(){var d=!c.state.isVisible,y=c.state.isDestroyed,x=!c.state.isEnabled,T=hr(c.props.duration,1,ee.duration);if(!(d||y||x)&&(N("onHide",[c],!1),c.props.onHide(c)!==!1)){if(c.state.isVisible=!1,c.state.isShown=!1,l=!1,a=!1,$()&&(h.style.visibility="hidden"),Oe(),le(),F(!0),$()){var S=K(),H=S.box,Y=S.content;c.props.animation&&(gr([H,Y],T),Vn([H,Y],"hidden"))}ne(),ie(),c.props.animation?$()&&Ne(T,c.unmount):c.unmount()}}function To(d){U().addEventListener("mousemove",w),Hn(Vt,w),w(d)}function Co(){c.state.isVisible&&c.hide(),c.state.isMounted&&(Lt(),me().forEach(function(d){d._tippy.unmount()}),h.parentNode&&h.parentNode.removeChild(h),yr=yr.filter(function(d){return d!==c}),c.state.isMounted=!1,N("onHidden",[c]))}function Mo(){c.state.isDestroyed||(c.clearDelayTimeouts(),c.unmount(),St(),delete e._tippy,c.state.isDestroyed=!0,N("onDestroy",[c]))}}function At(e,t){t===void 0&&(t={});var r=ee.plugins.concat(t.plugins||[]);ac();var n=Object.assign({},t,{plugins:r}),i=tc(e),o=i.reduce(function(a,s){var u=s&&gc(s,n);return u&&a.push(u),a},[]);return sr(e)?o[0]:o}At.defaultProps=ee;At.setDefaultProps=dc;At.currentInput=se;Object.assign({},uo,{effect:function(t){var r=t.state,n={popper:{position:r.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};Object.assign(r.elements.popper.style,n.popper),r.styles=n,r.elements.arrow&&Object.assign(r.elements.arrow.style,n.arrow)}});At.setDefaultProps({render:Eo});const mc='<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 240 220" role="img" aria-label="Pest logomark"><title>Pest logomark</title><path fill="#ffffff" fill-rule="evenodd" clip-rule="evenodd" d="M36.844 61.111 51.014 0H240l-32.594 140.556H81.417L62.995 220H0L32.593 79.445h125.989l4.252-18.334z"/></svg>',yc='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 381 100" role="img" aria-label="PEST"><title>Pest wordmark</title><path fill="#ffffff" fill-rule="evenodd" clip-rule="evenodd" d="M16.607 27.51 22.994 0h85.181L93.484 63.272H36.697l-8.303 35.763H0l14.69-63.272h56.788l1.916-8.253zM295.574 0h85.181l-6.387 27.51h-39.752L318.01 99.035h-28.394l16.607-71.525h-73.824l-1.917 8.253h56.788l-6.387 27.51-1.916 8.252-6.387 27.51h-85.181l6.387-27.51h56.787l1.916-8.253h-56.787l6.387-27.51 1.916-8.252L210.392 0zm-93.7 0h-85.181l-6.387 27.51h85.181zm-25.34 35.763h-68.145l-6.387 27.51h68.145zm8.734 35.762h-85.182l-6.387 27.51h85.181z"/></svg>';document.addEventListener("alpine:init",()=>{const e=window.matchMedia("(prefers-color-scheme: light)");let t="dark";try{t=["dark","light","system"].includes(localStorage.theme)?localStorage.theme:"dark"}catch{}pt.store("theme",{mode:t,light:t==="light"||t==="system"&&e.matches,get nextMode(){return{dark:"light",light:"system",system:"dark"}[this.mode]},init(){e.addEventListener("change",()=>{this.mode==="system"&&this.apply()}),this.apply()},apply(){this.light=this.mode==="light"||this.mode==="system"&&e.matches,document.documentElement.classList.toggle("light",this.light),document.querySelector('meta[name="theme-color"]').content=this.light?"#ffffff":"#18181b"},setMode(r){this.mode=["dark","light","system"].includes(r)?r:"dark";try{localStorage.theme=this.mode}catch{}this.apply()},toggle(){this.setMode(this.nextMode)}}),pt.directive("tooltip",(r,{expression:n})=>{At(r,{content:n,theme:"pest",placement:"top",delay:[80,0],maxWidth:240})}),pt.data("pestLogoMenu",()=>({open:!1,x:0,y:0,logomark:mc,wordmark:yc,openMenu(r){this.x=Math.min(r.clientX,window.innerWidth-236-8),this.y=Math.min(r.clientY,window.innerHeight-152-8),this.open=!0},copy(r){navigator.clipboard.writeText(this[r]).catch(()=>{}),this.open=!1}}))});try{sessionStorage.removeItem("pest-scroll")}catch{}addEventListener("pagehide",()=>{try{sessionStorage.setItem("pest-scroll",scrollY)}catch{}});window.Alpine=pt;pt.start();
diff --git a/public/www/index.html b/public/www/index.html
index 46df05e..a202a7d 100644
--- a/public/www/index.html
+++ b/public/www/index.html
@@ -19,7 +19,8 @@
         <link rel="apple-touch-icon" href="/www/apple-touch-icon.png" sizes="180x180">
         <link rel="manifest" href="/www/site.webmanifest">
         <meta name="theme-color" content="#18181b">
-        <meta name="color-scheme" content="dark">
+        <meta name="color-scheme" content="dark light">
+        <script>try { const t = localStorage.theme; const l = t === 'light' || (t === 'system' && matchMedia('(prefers-color-scheme: light)').matches); if (l) document.documentElement.classList.add('light'); document.querySelector('meta[name="theme-color"]').content = l ? '#ffffff' : '#18181b'; } catch (e) {}</script>
         <meta name="apple-mobile-web-app-title" content="Pest">
 
         <!-- Open Graph -->
@@ -84,17 +85,17 @@
         }
         </script>
         <script>try { if (+sessionStorage.getItem('pest-scroll') > 100) document.documentElement.classList.add('no-intro'); } catch (e) {}</script>
-      <script type="module" crossorigin src="/www/index.74b69963.js"></script>
-      <link rel="stylesheet" href="/www/index-e20ebfb9.css">
+      <script type="module" crossorigin src="/www/index.57b64d18.js"></script>
+      <link rel="stylesheet" href="/www/index-ba7b869f.css">
     </head>
 
-    <body x-data="{ mobileMenuIsOpen: false }" class="font-synthesis-none overflow-x-clip bg-zinc-900 font-sans text-zinc-200 antialiased selection:bg-rose-600 selection:text-white">
+    <body x-data="{ mobileMenuIsOpen: false }" class="font-synthesis-none overflow-x-clip bg-[var(--theme-bg)] font-sans text-[var(--theme-fg)] antialiased selection:bg-rose-600 selection:text-white">
 
-        <header class="motion-preset-fade lg:motion-delay-[1100ms] motion-reduce:animate-none sticky top-0 z-50 border-b border-zinc-700 bg-zinc-900/85 backdrop-blur-md">
+        <header class="motion-preset-fade lg:motion-delay-[1100ms] motion-reduce:animate-none sticky top-0 z-50 border-b border-[var(--theme-border)] bg-[var(--theme-overlay)] backdrop-blur-md">
             <nav aria-label="Main" class="h-15.5 container mx-auto flex items-center gap-7 px-5 sm:px-10">
                 <div class="flex items-center gap-2" x-data="pestLogoMenu">
                     <a aria-label="Pest" class="flex items-center gap-2" href="/" @contextmenu.prevent="openMenu($event)">
-                        <svg aria-label="PEST" class="block h-7 w-auto fill-zinc-200" role="img" viewBox="0 0 381 100" xmlns="http://www.w3.org/2000/svg">
+                        <svg aria-label="PEST" class="block h-7 w-auto fill-[var(--theme-fg)]" role="img" viewBox="0 0 381 100" xmlns="http://www.w3.org/2000/svg">
                             <path clip-rule="evenodd" d="M16.607 27.51 22.994 0h85.181L93.484 63.272H36.697l-8.303 35.763H0l14.69-63.272h56.788l1.916-8.253zM295.574 0h85.181l-6.387 27.51h-39.752L318.01 99.035h-28.394l16.607-71.525h-73.824l-1.917 8.253h56.788l-6.387 27.51-1.916 8.252-6.387 27.51h-85.181l6.387-27.51h56.787l1.916-8.253h-56.787l6.387-27.51 1.916-8.252L210.392 0zm-93.7 0h-85.181l-6.387 27.51h85.181zm-25.34 35.763h-68.145l-6.387 27.51h68.145zm8.734 35.762h-85.182l-6.387 27.51h85.181z" fill-rule="evenodd" id="pest-wordmark" />
                         </svg>
                     </a>
@@ -104,17 +105,17 @@
                         <div x-show="open" x-cloak x-transition.opacity.duration.150ms
                             @click.outside="open = false" @keydown.escape.window="open = false" @contextmenu.prevent.stop
                             :style="`left:${x}px;top:${y}px`"
-                            class="fixed z-[100] w-56 overflow-hidden rounded-xl border border-zinc-700 bg-zinc-800 py-1.5 shadow-2xl shadow-black/40">
-                            <button type="button" @click="copy('logomark')" class="flex w-full items-center gap-3 px-3 py-2 text-left text-sm text-zinc-200 hover:bg-white/5">
+                            class="fixed z-[100] w-56 overflow-hidden rounded-xl border border-[var(--theme-border)] bg-[var(--theme-surface-raised)] py-1.5 text-[var(--theme-fg)] shadow-2xl shadow-[color:var(--theme-shadow)]">
+                            <button type="button" @click="copy('logomark')" class="flex w-full items-center gap-3 px-3 py-2 text-left text-sm hover:bg-[var(--theme-surface-inset)]">
                                 <svg class="size-4 shrink-0" fill="none" viewBox="0 0 240 220" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M36.844 61.111 51.014 0H240l-32.594 140.556H81.417L62.995 220H0L32.593 79.445h125.989l4.252-18.334z"/></svg>
                                 Copy Logo as SVG
                             </button>
-                            <button type="button" @click="copy('wordmark')" class="flex w-full items-center gap-3 px-3 py-2 text-left text-sm text-zinc-200 hover:bg-white/5">
+                            <button type="button" @click="copy('wordmark')" class="flex w-full items-center gap-3 px-3 py-2 text-left text-sm hover:bg-[var(--theme-surface-inset)]">
                                 <svg class="size-4 shrink-0" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M4 7V5h16v2M9 5v14m-2 0h4" /></svg>
                                 Copy Wordmark as SVG
                             </button>
-                            <div class="my-1.5 border-t border-zinc-700"></div>
-                            <a href="/brand" class="flex w-full items-center gap-3 px-3 py-2 text-left text-sm text-zinc-200 hover:bg-white/5">
+                            <div class="my-1.5 border-t border-[var(--theme-border)]"></div>
+                            <a href="/brand" class="flex w-full items-center gap-3 px-3 py-2 text-left text-sm hover:bg-[var(--theme-surface-inset)]">
                                 <svg class="size-4 shrink-0" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M12 3 3 7.5 12 12l9-4.5L12 3ZM3 12l9 4.5L21 12M3 16.5 12 21l9-4.5" /></svg>
                                 Brand Guidelines
                             </a>
@@ -122,26 +123,39 @@
                     </template>
                 </div>
                 <div class="ml-2 hidden gap-6 lg:flex">
-                    <a class="text-sm font-medium text-zinc-400 underline-offset-4 transition-colors hover:text-white hover:underline" href="/docs">Documentation</a>
-                    <a class="text-sm font-medium text-zinc-400 underline-offset-4 transition-colors hover:text-white hover:underline" href="https://youtube.com/@nunomaduro">YouTube</a>
-                    <a class="text-sm font-medium text-zinc-400 underline-offset-4 transition-colors hover:text-white hover:underline" href="https://github.com/sponsors/nunomaduro">Sponsor</a>
+                    <a class="text-sm font-medium text-[var(--theme-muted)] underline-offset-4 transition-colors hover:text-[var(--theme-fg)] hover:underline" href="/docs">Documentation</a>
+                    <a class="text-sm font-medium text-[var(--theme-muted)] underline-offset-4 transition-colors hover:text-[var(--theme-fg)] hover:underline" href="https://youtube.com/@nunomaduro">YouTube</a>
+                    <a class="text-sm font-medium text-[var(--theme-muted)] underline-offset-4 transition-colors hover:text-[var(--theme-fg)] hover:underline" href="https://github.com/sponsors/nunomaduro">Sponsor</a>
                 </div>
                 <div class="ml-auto flex items-center gap-4">
-                    <a class="flex items-center gap-2 text-sm font-semibold text-zinc-200 transition-colors hover:text-rose-400" href="https://github.com/pestphp/pest" target="_blank">
+                    <a class="flex items-center gap-2 text-sm font-semibold text-[var(--theme-fg)] transition-colors hover:text-[var(--theme-accent)]" href="https://github.com/pestphp/pest" target="_blank">
                         <svg class="size-4" fill="none" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
                             <path clip-rule="evenodd" d="M16 0C7.16 0 0 7.16 0 16c0 7.08 4.58 13.06 10.94 15.18.8.14 1.1-.34 1.1-.76 0-.38-.02-1.64-.02-2.98-4.02.74-5.06-.98-5.38-1.88-.18-.46-.96-1.88-1.64-2.26-.56-.3-1.36-1.04-.02-1.06 1.26-.02 2.16 1.16 2.46 1.64 1.44 2.42 3.74 1.74 4.66 1.32.14-1.04.56-1.74 1.02-2.14-3.56-.4-7.28-1.78-7.28-7.9 0-1.74.62-3.18 1.64-4.3-.16-.4-.72-2.04.16-4.24 0 0 1.34-.42 4.4 1.64 1.28-.36 2.64-.54 4-.54 1.36 0 2.72.18 4 .54 3.06-2.08 4.4-1.64 4.4-1.64.88 2.2.32 3.84.16 4.24 1.02 1.12 1.64 2.54 1.64 4.3 0 6.14-3.74 7.5-7.3 7.9.58.5 1.08 1.46 1.08 2.96 0 2.14-.02 3.86-.02 4.4 0 .42.3.92 1.1.76A16.026 16.026 0 0 0 32 16c0-8.84-7.16-16-16-16Z" fill-rule="evenodd" fill="currentColor"></path>
                         </svg>
                         12k+
                     </a>
-                    <a class="hidden w-56 items-center gap-1 rounded-lg border border-zinc-700 bg-zinc-800 px-2 py-1.5 text-sm text-zinc-400 transition-colors hover:border-zinc-200/20 hover:text-zinc-200 sm:flex" href="/docs">
+                    <a class="hidden w-56 items-center gap-1 rounded-lg border border-[var(--theme-border)] bg-[var(--theme-surface-raised)] px-2 py-1.5 text-sm text-[var(--theme-muted)] transition-colors hover:border-[var(--theme-muted)] hover:text-[var(--theme-fg)] sm:flex" href="/docs">
                         <svg class="size-5" fill="none" stroke-linecap="round" stroke-width="2" stroke="currentColor" viewBox="0 0 24 24">
                             <circle cx="11" cy="11" r="7" />
                             <path d="m20 20-3.5-3.5" />
                         </svg>
                         Search docs
-                        <kbd class="text-2xs ml-auto rounded-sm border border-zinc-700 bg-zinc-900 px-1 py-px font-sans">⌘K</kbd>
+                        <kbd class="text-2xs ml-auto rounded-sm border border-[var(--theme-border)] bg-[var(--theme-surface-inset)] px-1 py-px font-sans">⌘K</kbd>
                     </a>
-                    <button @click="mobileMenuIsOpen = true" aria-label="Open menu" class="active:scale-96 flex size-8 items-center justify-center text-zinc-400 transition hover:text-zinc-200 lg:hidden" type="button">
+                    <button @click="$store.theme.toggle()" :aria-label="`Theme: ${$store.theme.mode}. Switch to ${$store.theme.nextMode} theme`" :aria-pressed="$store.theme.mode === 'system' ? 'mixed' : $store.theme.mode === 'light'" aria-label="Theme: dark. Switch to light theme" aria-pressed="false" class="active:scale-96 hidden size-8 items-center justify-center text-[var(--theme-muted)] transition hover:text-[var(--theme-fg)] lg:flex" type="button">
+                        <svg x-show="$store.theme.mode === 'light'" x-cloak aria-hidden="true" class="size-5" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.6" stroke="currentColor" viewBox="0 0 24 24">
+                            <circle cx="12" cy="12" r="3.5" />
+                            <path d="M12 2v2M12 20v2M4.93 4.93l1.42 1.42M17.65 17.65l1.42 1.42M2 12h2M20 12h2M4.93 19.07l1.42-1.42M17.65 6.35l1.42-1.42" />
+                        </svg>
+                        <svg x-show="$store.theme.mode === 'dark'" aria-hidden="true" class="size-5" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.6" stroke="currentColor" viewBox="0 0 24 24">
+                            <path d="M20.5 15.5A8.5 8.5 0 0 1 8.5 3.5a8.5 8.5 0 1 0 12 12Z" />
+                        </svg>
+                        <svg x-show="$store.theme.mode === 'system'" x-cloak aria-hidden="true" class="size-5" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.6" stroke="currentColor" viewBox="0 0 24 24">
+                            <rect x="3" y="4" width="18" height="13" rx="2" />
+                            <path d="M8 21h8M12 17v4" />
+                        </svg>
+                    </button>
+                    <button @click="mobileMenuIsOpen = true" aria-label="Open menu" class="active:scale-96 flex size-8 items-center justify-center text-[var(--theme-muted)] transition hover:text-[var(--theme-fg)] lg:hidden" type="button">
                         <svg class="size-5" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.6" stroke="currentColor" viewBox="0 0 24 24">
                             <path d="M4 7h16M4 12h16M4 17h16" />
                         </svg>
@@ -151,26 +165,40 @@
         </header>
 
         <div x-show="mobileMenuIsOpen" x-cloak class="fixed inset-0 z-[60] lg:hidden" @keydown.escape.window="mobileMenuIsOpen = false">
-            <div class="fixed inset-0 bg-zinc-900/80 backdrop-blur-sm" @click="mobileMenuIsOpen = false"></div>
-            <div class="fixed inset-y-0 right-0 flex w-full max-w-xs flex-col overflow-y-auto border-l border-zinc-700 bg-zinc-900 px-6 py-5">
+            <div class="fixed inset-0 bg-[var(--theme-overlay)] backdrop-blur-sm" @click="mobileMenuIsOpen = false"></div>
+            <div class="fixed inset-y-0 right-0 flex w-full max-w-xs flex-col overflow-y-auto border-l border-[var(--theme-border)] bg-[var(--theme-bg)] px-6 py-5">
                 <div class="flex items-center justify-between">
-                    <span class="font-mono text-xs tracking-widest text-zinc-400"><span class="font-bold text-rose-500">//</span> menu</span>
-                    <button @click="mobileMenuIsOpen = false" aria-label="Close menu" class="active:scale-96 flex size-8 items-center justify-center text-zinc-400 transition hover:text-zinc-200" type="button">
+                    <span class="font-mono text-xs tracking-widest text-[var(--theme-muted)]"><span class="font-bold text-[var(--theme-accent)]">//</span> menu</span>
+                    <button @click="mobileMenuIsOpen = false" aria-label="Close menu" class="active:scale-96 flex size-8 items-center justify-center text-[var(--theme-muted)] transition hover:text-[var(--theme-fg)]" type="button">
                         <svg class="size-6" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.6" stroke="currentColor" viewBox="0 0 24 24">
                             <path d="M6 18 18 6M6 6l12 12" />
                         </svg>
                     </button>
                 </div>
                 <nav class="mt-8 flex flex-col gap-1">
-                    <a class="rounded-lg px-3 py-2.5 text-sm font-medium text-zinc-300 transition-colors hover:bg-zinc-800 hover:text-zinc-100" href="/docs">Documentation</a>
-                    <a class="rounded-lg px-3 py-2.5 text-sm font-medium text-zinc-300 transition-colors hover:bg-zinc-800 hover:text-zinc-100" href="https://youtube.com/@nunomaduro">YouTube</a>
-                    <a class="rounded-lg px-3 py-2.5 text-sm font-medium text-zinc-300 transition-colors hover:bg-zinc-800 hover:text-zinc-100" href="https://github.com/sponsors/nunomaduro">Sponsor</a>
+                    <a class="rounded-lg px-3 py-2.5 text-sm font-medium text-[var(--theme-fg)] transition-colors hover:bg-[var(--theme-surface-raised)]" href="/docs">Documentation</a>
+                    <a class="rounded-lg px-3 py-2.5 text-sm font-medium text-[var(--theme-fg)] transition-colors hover:bg-[var(--theme-surface-raised)]" href="https://youtube.com/@nunomaduro">YouTube</a>
+                    <a class="rounded-lg px-3 py-2.5 text-sm font-medium text-[var(--theme-fg)] transition-colors hover:bg-[var(--theme-surface-raised)]" href="https://github.com/sponsors/nunomaduro">Sponsor</a>
                 </nav>
-                <a class="active:scale-96 mt-6 inline-flex items-center justify-center gap-2 rounded-xl bg-rose-500 px-4 py-2.5 text-sm font-semibold text-white transition-[background-color,scale] hover:bg-rose-600" href="/docs/installation">Start testing</a>
+                <button @click="$store.theme.toggle()" :aria-label="`Theme: ${$store.theme.mode}. Switch to ${$store.theme.nextMode} theme`" :aria-pressed="$store.theme.mode === 'system' ? 'mixed' : $store.theme.mode === 'light'" aria-label="Theme: dark. Switch to light theme" aria-pressed="false" class="active:scale-96 mt-6 flex w-full items-center gap-3 rounded-lg border border-[var(--theme-border)] bg-[var(--theme-surface-raised)] px-3 py-2.5 text-sm font-medium text-[var(--theme-fg)] transition-[border-color,scale] hover:border-[var(--theme-muted)]" type="button">
+                    <svg x-show="$store.theme.mode === 'light'" x-cloak aria-hidden="true" class="size-5" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.6" stroke="currentColor" viewBox="0 0 24 24">
+                        <circle cx="12" cy="12" r="3.5" />
+                        <path d="M12 2v2M12 20v2M4.93 4.93l1.42 1.42M17.65 17.65l1.42 1.42M2 12h2M20 12h2M4.93 19.07l1.42-1.42M17.65 6.35l1.42-1.42" />
+                    </svg>
+                    <svg x-show="$store.theme.mode === 'dark'" aria-hidden="true" class="size-5" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.6" stroke="currentColor" viewBox="0 0 24 24">
+                        <path d="M20.5 15.5A8.5 8.5 0 0 1 8.5 3.5a8.5 8.5 0 1 0 12 12Z" />
+                    </svg>
+                    <svg x-show="$store.theme.mode === 'system'" x-cloak aria-hidden="true" class="size-5" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.6" stroke="currentColor" viewBox="0 0 24 24">
+                        <rect x="3" y="4" width="18" height="13" rx="2" />
+                        <path d="M8 21h8M12 17v4" />
+                    </svg>
+                    <span x-text="`Theme: ${$store.theme.mode}`">Theme: dark</span>
+                </button>
+                <a class="active:scale-96 mt-6 inline-flex items-center justify-center gap-2 rounded-xl bg-[var(--theme-accent)] px-4 py-2.5 text-sm font-semibold text-[var(--theme-accent-contrast)] transition-[background-color,scale] hover:bg-[var(--theme-accent-hover)]" href="/docs/installation">Start testing</a>
             </div>
         </div>
 
-        <main class="animate-border-in lg:[animation-delay:1100ms] motion-reduce:animate-none container relative mx-auto sm:border-x border-zinc-700">
+        <main class="animate-border-in lg:[animation-delay:1100ms] motion-reduce:animate-none container relative mx-auto border-[var(--theme-border)] sm:border-x">
             <div class="motion-preset-fade motion-duration-1000 lg:motion-delay-[1100ms] motion-reduce:animate-none top-14.25 pointer-events-none fixed inset-x-0 z-10">
                 <div class="container relative mx-auto">
                     <span class="size-2.25 before:w-2.25 after:h-2.25 absolute -left-1 top-px before:absolute before:left-0 before:top-1 before:h-px before:bg-rose-500 before:content-[''] after:absolute after:left-1 after:top-0 after:w-px after:bg-rose-500 after:content-['']"></span>
@@ -178,57 +206,57 @@
                 </div>
             </div>
 
-            <section class="relative" x-data="{ moveSpot(e) { if (!matchMedia('(hover: hover)').matches) return; const r = $refs.spotlight.getBoundingClientRect(); $refs.spotlight.style.setProperty('--spot-x', (e.clientX - r.left) + 'px'); $refs.spotlight.style.setProperty('--spot-y', (e.clientY - r.top) + 'px'); $refs.spotlight.style.opacity = 1; }, clearSpot() { $refs.spotlight.style.opacity = 0; }, syncSpot() { if (!$refs.developers || !$refs.wordSpot) return; const w = $refs.developers.getBoundingClientRect(); const g = $refs.wordSpot.getBoundingClientRect(); $refs.wordSpot.style.setProperty('--spot-x', (w.left - g.left + w.width / 2) + 'px'); $refs.wordSpot.style.setProperty('--spot-y', (w.top - g.top + w.height / 2 + 49) + 'px'); } }" x-init="$nextTick(() => { syncSpot(); document.fonts && document.fonts.ready.then(() => syncSpot()) })" @resize.window="syncSpot()" @animationend="syncSpot()" @pointermove="moveSpot($event)" @pointerleave="clearSpot()">
-                <div class="motion-preset-fade motion-duration-1000 lg:motion-delay-[1100ms] motion-reduce:animate-none bg-size-[3.5rem_3.5rem] mask-[radial-gradient(ellipse_90%_80%_at_60%_20%,#000_30%,transparent_75%)] absolute inset-0 -mt-15.5 bg-[linear-gradient(var(--color-zinc-700)_1px,transparent_1px),linear-gradient(90deg,var(--color-zinc-700)_1px,transparent_1px)] opacity-50 overflow-hidden" x-data x-init="[...$el.querySelectorAll('[data-beam]')].forEach(b => { const c = b.cloneNode(); c.style.setProperty('--beam-delay', (3 * Math.random()).toFixed(1) + 's'); $el.appendChild(c) }); $el.querySelectorAll('[data-beam]').forEach(b => { const roll = () => { const h = b.dataset.beam === 'x'; const cell = 3.5 * parseFloat(getComputedStyle(document.documentElement).fontSize); const lines = Math.floor((h ? $el.clientHeight : $el.clientWidth) / cell); b.style[h ? 'top' : 'left'] = cell * (1 + Math.floor(Math.random() * (lines - 1))) + 'px'; b.style.setProperty('--beam-duration', (1 + 2 * Math.random()).toFixed(1) + 's'); b.style.animationDirection = Math.random() < 0.5 ? 'reverse' : 'normal'; }; roll(); b.addEventListener('animationiteration', roll) })">
-                    <span data-beam="x" class="animate-beam-x motion-reduce:hidden absolute -left-40 w-40 top-28 h-px bg-[linear-gradient(90deg,transparent,var(--color-rose-500),transparent)] drop-shadow-[0_0_6px_var(--color-rose-500)] [--beam-duration:7s]"></span>
-                    <span data-beam="x" class="animate-beam-x motion-reduce:hidden absolute -left-40 w-40 top-56 h-px bg-[linear-gradient(90deg,transparent,var(--color-rose-500),transparent)] drop-shadow-[0_0_6px_var(--color-rose-500)] [--beam-duration:11s] [--beam-delay:2.7s]"></span>
-                    <span data-beam="x" class="animate-beam-x motion-reduce:hidden absolute -left-40 w-40 top-84 h-px bg-[linear-gradient(90deg,transparent,var(--color-rose-500),transparent)] drop-shadow-[0_0_6px_var(--color-rose-500)] [--beam-duration:9s] [--beam-delay:1s]"></span>
-                    <span data-beam="y" class="animate-beam-y motion-reduce:hidden absolute -top-40 h-40 left-70 w-px bg-[linear-gradient(180deg,transparent,var(--color-rose-500),transparent)] drop-shadow-[0_0_6px_var(--color-rose-500)] [--beam-duration:13s] [--beam-delay:1.7s]"></span>
-                    <span data-beam="y" class="animate-beam-y motion-reduce:hidden absolute -top-40 h-40 left-140 w-px bg-[linear-gradient(180deg,transparent,var(--color-rose-500),transparent)] drop-shadow-[0_0_6px_var(--color-rose-500)] [--beam-duration:8s] [--beam-delay:0.5s]"></span>
-                    <span data-beam="y" class="animate-beam-y motion-reduce:hidden absolute -top-40 h-40 left-210 w-px bg-[linear-gradient(180deg,transparent,var(--color-rose-500),transparent)] drop-shadow-[0_0_6px_var(--color-rose-500)] [--beam-duration:10s] [--beam-delay:3.2s]"></span>
-                    <span data-beam="x" class="animate-beam-x motion-reduce:hidden absolute -left-40 w-40 top-14 h-px bg-[linear-gradient(90deg,transparent,var(--color-rose-500),transparent)] drop-shadow-[0_0_6px_var(--color-rose-500)] [--beam-duration:6s] [--beam-delay:2.2s]"></span>
-                    <span data-beam="y" class="animate-beam-y motion-reduce:hidden absolute -top-40 h-40 left-42 w-px bg-[linear-gradient(180deg,transparent,var(--color-rose-500),transparent)] drop-shadow-[0_0_6px_var(--color-rose-500)] [--beam-duration:12s] [--beam-delay:1.2s]"></span>
-                    <span data-beam="y" class="animate-beam-y motion-reduce:hidden absolute -top-40 h-40 left-252 w-px bg-[linear-gradient(180deg,transparent,var(--color-rose-500),transparent)] drop-shadow-[0_0_6px_var(--color-rose-500)] [--beam-duration:9s] [--beam-delay:3.7s]"></span>
-                    <span data-beam="x" class="animate-beam-x motion-reduce:hidden absolute -left-40 w-40 top-70 h-px bg-[linear-gradient(90deg,transparent,var(--color-rose-500),transparent)] drop-shadow-[0_0_6px_var(--color-rose-500)] [--beam-duration:5s] [--beam-delay:0.2s]"></span>
-                    <span data-beam="x" class="animate-beam-x motion-reduce:hidden absolute -left-40 w-40 top-98 h-px bg-[linear-gradient(90deg,transparent,var(--color-rose-500),transparent)] drop-shadow-[0_0_6px_var(--color-rose-500)] [--beam-duration:7s] [--beam-delay:1.5s]"></span>
-                    <span data-beam="y" class="animate-beam-y motion-reduce:hidden absolute -top-40 h-40 left-98 w-px bg-[linear-gradient(180deg,transparent,var(--color-rose-500),transparent)] drop-shadow-[0_0_6px_var(--color-rose-500)] [--beam-duration:6s] [--beam-delay:0.8s]"></span>
-                    <span data-beam="y" class="animate-beam-y motion-reduce:hidden absolute -top-40 h-40 left-168 w-px bg-[linear-gradient(180deg,transparent,var(--color-rose-500),transparent)] drop-shadow-[0_0_6px_var(--color-rose-500)] [--beam-duration:8s] [--beam-delay:2.3s]"></span>
-                    <span data-beam="y" class="animate-beam-y motion-reduce:hidden absolute -top-40 h-40 left-28 w-px bg-[linear-gradient(180deg,transparent,var(--color-rose-500),transparent)] drop-shadow-[0_0_6px_var(--color-rose-500)] [--beam-duration:10s] [--beam-delay:3s]"></span>
+            <section class="relative bg-[var(--theme-bg)]" x-data="{ moveSpot(e) { if (!matchMedia('(hover: hover)').matches) return; const r = $refs.spotlight.getBoundingClientRect(); $refs.spotlight.style.setProperty('--spot-x', (e.clientX - r.left) + 'px'); $refs.spotlight.style.setProperty('--spot-y', (e.clientY - r.top) + 'px'); $refs.spotlight.style.opacity = 1; }, clearSpot() { $refs.spotlight.style.opacity = 0; }, syncSpot() { if (!$refs.developers || !$refs.wordSpot) return; const w = $refs.developers.getBoundingClientRect(); const g = $refs.wordSpot.getBoundingClientRect(); $refs.wordSpot.style.setProperty('--spot-x', (w.left - g.left + w.width / 2) + 'px'); $refs.wordSpot.style.setProperty('--spot-y', (w.top - g.top + w.height / 2 + 49) + 'px'); } }" x-init="$nextTick(() => { syncSpot(); document.fonts && document.fonts.ready.then(() => syncSpot()) })" @resize.window="syncSpot()" @animationend="syncSpot()" @pointermove="moveSpot($event)" @pointerleave="clearSpot()">
+                <div class="motion-preset-fade motion-duration-1000 lg:motion-delay-[1100ms] motion-reduce:animate-none bg-size-[3.5rem_3.5rem] mask-[radial-gradient(ellipse_90%_80%_at_60%_20%,#000_30%,transparent_75%)] absolute inset-0 -mt-15.5 bg-[linear-gradient(var(--theme-grid-line)_1px,transparent_1px),linear-gradient(90deg,var(--theme-grid-line)_1px,transparent_1px)] opacity-[var(--theme-hero-grid-opacity)] overflow-hidden" x-data x-init="[...$el.querySelectorAll('[data-beam]')].forEach(b => { const c = b.cloneNode(); c.style.setProperty('--beam-delay', (3 * Math.random()).toFixed(1) + 's'); $el.appendChild(c) }); $el.querySelectorAll('[data-beam]').forEach(b => { const roll = () => { const h = b.dataset.beam === 'x'; const cell = 3.5 * parseFloat(getComputedStyle(document.documentElement).fontSize); const lines = Math.floor((h ? $el.clientHeight : $el.clientWidth) / cell); b.style[h ? 'top' : 'left'] = cell * (1 + Math.floor(Math.random() * (lines - 1))) + 'px'; b.style.setProperty('--beam-duration', (1 + 2 * Math.random()).toFixed(1) + 's'); b.style.animationDirection = Math.random() < 0.5 ? 'reverse' : 'normal'; }; roll(); b.addEventListener('animationiteration', roll) })">
+                    <span data-beam="x" class="animate-beam-x motion-reduce:hidden absolute -left-40 w-40 top-28 h-px bg-[linear-gradient(90deg,transparent,var(--theme-hero-beam),transparent)] drop-shadow-[0_0_6px_var(--theme-hero-beam)] [--beam-duration:7s]"></span>
+                    <span data-beam="x" class="animate-beam-x motion-reduce:hidden absolute -left-40 w-40 top-56 h-px bg-[linear-gradient(90deg,transparent,var(--theme-hero-beam),transparent)] drop-shadow-[0_0_6px_var(--theme-hero-beam)] [--beam-duration:11s] [--beam-delay:2.7s]"></span>
+                    <span data-beam="x" class="animate-beam-x motion-reduce:hidden absolute -left-40 w-40 top-84 h-px bg-[linear-gradient(90deg,transparent,var(--theme-hero-beam),transparent)] drop-shadow-[0_0_6px_var(--theme-hero-beam)] [--beam-duration:9s] [--beam-delay:1s]"></span>
+                    <span data-beam="y" class="animate-beam-y motion-reduce:hidden absolute -top-40 h-40 left-70 w-px bg-[linear-gradient(180deg,transparent,var(--theme-hero-beam),transparent)] drop-shadow-[0_0_6px_var(--theme-hero-beam)] [--beam-duration:13s] [--beam-delay:1.7s]"></span>
+                    <span data-beam="y" class="animate-beam-y motion-reduce:hidden absolute -top-40 h-40 left-140 w-px bg-[linear-gradient(180deg,transparent,var(--theme-hero-beam),transparent)] drop-shadow-[0_0_6px_var(--theme-hero-beam)] [--beam-duration:8s] [--beam-delay:0.5s]"></span>
+                    <span data-beam="y" class="animate-beam-y motion-reduce:hidden absolute -top-40 h-40 left-210 w-px bg-[linear-gradient(180deg,transparent,var(--theme-hero-beam),transparent)] drop-shadow-[0_0_6px_var(--theme-hero-beam)] [--beam-duration:10s] [--beam-delay:3.2s]"></span>
+                    <span data-beam="x" class="animate-beam-x motion-reduce:hidden absolute -left-40 w-40 top-14 h-px bg-[linear-gradient(90deg,transparent,var(--theme-hero-beam),transparent)] drop-shadow-[0_0_6px_var(--theme-hero-beam)] [--beam-duration:6s] [--beam-delay:2.2s]"></span>
+                    <span data-beam="y" class="animate-beam-y motion-reduce:hidden absolute -top-40 h-40 left-42 w-px bg-[linear-gradient(180deg,transparent,var(--theme-hero-beam),transparent)] drop-shadow-[0_0_6px_var(--theme-hero-beam)] [--beam-duration:12s] [--beam-delay:1.2s]"></span>
+                    <span data-beam="y" class="animate-beam-y motion-reduce:hidden absolute -top-40 h-40 left-252 w-px bg-[linear-gradient(180deg,transparent,var(--theme-hero-beam),transparent)] drop-shadow-[0_0_6px_var(--theme-hero-beam)] [--beam-duration:9s] [--beam-delay:3.7s]"></span>
+                    <span data-beam="x" class="animate-beam-x motion-reduce:hidden absolute -left-40 w-40 top-70 h-px bg-[linear-gradient(90deg,transparent,var(--theme-hero-beam),transparent)] drop-shadow-[0_0_6px_var(--theme-hero-beam)] [--beam-duration:5s] [--beam-delay:0.2s]"></span>
+                    <span data-beam="x" class="animate-beam-x motion-reduce:hidden absolute -left-40 w-40 top-98 h-px bg-[linear-gradient(90deg,transparent,var(--theme-hero-beam),transparent)] drop-shadow-[0_0_6px_var(--theme-hero-beam)] [--beam-duration:7s] [--beam-delay:1.5s]"></span>
+                    <span data-beam="y" class="animate-beam-y motion-reduce:hidden absolute -top-40 h-40 left-98 w-px bg-[linear-gradient(180deg,transparent,var(--theme-hero-beam),transparent)] drop-shadow-[0_0_6px_var(--theme-hero-beam)] [--beam-duration:6s] [--beam-delay:0.8s]"></span>
+                    <span data-beam="y" class="animate-beam-y motion-reduce:hidden absolute -top-40 h-40 left-168 w-px bg-[linear-gradient(180deg,transparent,var(--theme-hero-beam),transparent)] drop-shadow-[0_0_6px_var(--theme-hero-beam)] [--beam-duration:8s] [--beam-delay:2.3s]"></span>
+                    <span data-beam="y" class="animate-beam-y motion-reduce:hidden absolute -top-40 h-40 left-28 w-px bg-[linear-gradient(180deg,transparent,var(--theme-hero-beam),transparent)] drop-shadow-[0_0_6px_var(--theme-hero-beam)] [--beam-duration:10s] [--beam-delay:3s]"></span>
                 </div>
-                <div class="bg-size-[3.5rem_3.5rem] mask-[radial-gradient(220px_circle_at_var(--spot-x,50%)_var(--spot-y,50%),#000,transparent),radial-gradient(ellipse_90%_80%_at_60%_20%,#000_30%,transparent_75%)] mask-intersect pointer-events-none absolute inset-0 -mt-15.5 bg-[linear-gradient(var(--color-rose-800)_1px,transparent_1px),linear-gradient(90deg,var(--color-rose-900)_1px,transparent_1px)] opacity-0 transition-opacity duration-300" x-ref="spotlight"></div>
-                <div class="motion-preset-fade motion-duration-1000 lg:motion-delay-[1100ms] motion-reduce:animate-none bg-size-[3.5rem_3.5rem] mask-[radial-gradient(220px_circle_at_var(--spot-x,-999px)_var(--spot-y,-999px),#000,transparent),radial-gradient(ellipse_90%_80%_at_60%_20%,#000_30%,transparent_75%)] mask-intersect pointer-events-none absolute inset-0 -mt-15.5 bg-[linear-gradient(var(--color-rose-800)_1px,transparent_1px),linear-gradient(90deg,var(--color-rose-800)_1px,transparent_1px)]" x-ref="wordSpot"></div>
+                <div class="bg-size-[3.5rem_3.5rem] mask-[radial-gradient(220px_circle_at_var(--spot-x,50%)_var(--spot-y,50%),#000,transparent),radial-gradient(ellipse_90%_80%_at_60%_20%,#000_30%,transparent_75%)] mask-intersect pointer-events-none absolute inset-0 -mt-15.5 bg-[linear-gradient(var(--theme-hero-spotlight)_1px,transparent_1px),linear-gradient(90deg,var(--theme-hero-spotlight-subtle)_1px,transparent_1px)] opacity-0 transition-opacity duration-300" x-ref="spotlight"></div>
+                <div class="motion-preset-fade motion-duration-1000 lg:motion-delay-[1100ms] motion-reduce:animate-none bg-size-[3.5rem_3.5rem] mask-[radial-gradient(220px_circle_at_var(--spot-x,-999px)_var(--spot-y,-999px),#000,transparent),radial-gradient(ellipse_90%_80%_at_60%_20%,#000_30%,transparent_75%)] mask-intersect pointer-events-none absolute inset-0 -mt-15.5 bg-[linear-gradient(var(--theme-hero-spotlight)_1px,transparent_1px),linear-gradient(90deg,var(--theme-hero-spotlight)_1px,transparent_1px)]" x-ref="wordSpot"></div>
                 <div aria-hidden="true" class="animate-intro-out pointer-events-none absolute inset-0 hidden items-center justify-center lg:flex motion-reduce:lg:hidden">
                     <div class="relative w-160">
-                        <svg class="animate-crt-in h-auto w-full fill-zinc-200 opacity-0" viewBox="0 0 381 100" xmlns="http://www.w3.org/2000/svg"><use href="#pest-wordmark" /></svg>
-                        <div class="absolute inset-0 bg-[repeating-linear-gradient(0deg,transparent_0_2px,rgba(24,24,27,0.45)_2px_4px)]"></div>
+                        <svg class="animate-crt-in h-auto w-full fill-[var(--theme-fg)] opacity-0" viewBox="0 0 381 100" xmlns="http://www.w3.org/2000/svg"><use href="#pest-wordmark" /></svg>
+                        <div class="absolute inset-0 bg-[repeating-linear-gradient(0deg,transparent_0_2px,var(--theme-hero-scanline)_2px_4px)]"></div>
                     </div>
                 </div>
                 <div class="relative grid items-center gap-12 px-5 pb-12 pt-14 sm:px-10 lg:grid-cols-[1.05fr_0.95fr] lg:pb-[72px] lg:pt-20">
                     <div>
-                        <a href="/docs/pest5-now-available" class="motion-preset-slide-up lg:motion-delay-[1100ms] motion-reduce:animate-none flex items-center gap-2.5 font-mono text-xs tracking-widest text-zinc-400 transition-colors hover:text-zinc-200">
-                            <span class="font-bold text-rose-500">//</span> pest 5 — now available
+                        <a href="/docs/pest5-now-available" class="motion-preset-slide-up lg:motion-delay-[1100ms] motion-reduce:animate-none flex items-center gap-2.5 font-mono text-xs tracking-widest text-[var(--theme-muted)] transition-colors hover:text-[var(--theme-fg)]">
+                            <span class="font-bold text-[var(--theme-accent)]">//</span> pest 5 — now available
                         </a>
-                        <h1 class="motion-preset-slide-up motion-delay-100 lg:motion-delay-[1200ms] motion-reduce:animate-none font-display font-stretch-112% mb-4 mt-5 text-[clamp(1.875rem,8.6vw,2.5rem)] font-extrabold leading-[1.05] tracking-tight sm:text-[clamp(2.125rem,4vw,3.125rem)]">
+                        <h1 class="motion-preset-slide-up motion-delay-100 lg:motion-delay-[1200ms] motion-reduce:animate-none font-display font-stretch-112% mb-4 mt-5 text-[clamp(1.875rem,8.6vw,2.5rem)] font-extrabold leading-[1.05] tracking-tight text-[var(--theme-fg)] sm:text-[clamp(2.125rem,4vw,3.125rem)]">
                             The elegant<br>testing framework<br><span class="whitespace-nowrap">for PHP <span x-ref="developers">developers</span></span>
-                            <span class="relative whitespace-nowrap italic text-rose-500 after:absolute after:inset-x-0 after:bottom-1.5 after:-z-10 after:h-2.5 after:bg-rose-950 after:content-['']">and AI agents.</span>
+                            <span class="relative whitespace-nowrap italic text-[var(--theme-accent)] after:absolute after:inset-x-0 after:bottom-1.5 after:-z-10 after:h-2.5 after:bg-[var(--theme-accent)] after:opacity-20 after:content-['']">and AI agents.</span>
                         </h1>
-                        <p class="motion-preset-slide-up motion-delay-200 lg:motion-delay-[1300ms] motion-reduce:animate-none mb-7 max-w-[48ch] text-pretty text-lg text-zinc-400">Pest brings the joy of testing to PHP — for you and your coding agents. Browser testing and AI evals are built in, and agents verify their own work, end to end.</p>
+                        <p class="motion-preset-slide-up motion-delay-200 lg:motion-delay-[1300ms] motion-reduce:animate-none mb-7 max-w-[48ch] text-pretty text-lg text-[var(--theme-muted)]">Pest brings the joy of testing to PHP — for you and your coding agents. Browser testing and AI evals are built in, and agents verify their own work, end to end.</p>
                         <div class="motion-preset-slide-up motion-delay-300 lg:motion-delay-[1400ms] motion-reduce:animate-none flex flex-wrap items-center gap-3">
-                            <a class="active:scale-96 inline-flex items-center gap-2 rounded-xl bg-rose-500 px-4 py-2.5 text-sm font-semibold text-white transition-[background-color,scale] hover:bg-rose-600" href="/docs/installation">Start testing</a>
-                            <a class="active:scale-96 inline-flex items-center gap-2 rounded-xl border border-white/15 bg-white/5 px-4 py-2.5 text-sm font-semibold transition-[border-color,scale] hover:border-white/30" href="https://github.com/pestphp/pest">Source code</a>
+                            <a class="active:scale-96 inline-flex items-center gap-2 rounded-xl bg-[var(--theme-accent)] px-4 py-2.5 text-sm font-semibold text-[var(--theme-accent-contrast)] transition-[background-color,scale] hover:bg-[var(--theme-accent-hover)]" href="/docs/installation">Start testing</a>
+                            <a class="active:scale-96 inline-flex items-center gap-2 rounded-xl border border-[var(--theme-border)] bg-[var(--theme-surface-raised)] px-4 py-2.5 text-sm font-semibold text-[var(--theme-fg)] transition-[background-color,border-color,scale] hover:border-[var(--theme-muted)] hover:bg-[var(--theme-surface-inset)]" href="https://github.com/pestphp/pest">Source code</a>
                         </div>
                     </div>
 
-                    <div class="motion-preset-blur-up motion-blur-in-lg motion-delay-[400ms] lg:motion-delay-[1500ms] motion-reduce:animate-none relative overflow-hidden rounded-2xl border border-zinc-700 bg-zinc-800 shadow-[0_24px_60px_-30px_rgba(23,22,27,0.18)]" x-data="{ tab: 'browser' }">
-                        <div class="scrollbar-ghost flex overflow-x-auto border-b border-zinc-700 px-2" role="tablist">
-                            <button @click="tab = 'browser'" :aria-selected="tab === 'browser'" class="cursor-pointer whitespace-nowrap border-b-2 border-transparent px-3 py-3 font-mono text-xs text-zinc-400 transition-colors hover:text-zinc-200 aria-selected:border-rose-500 aria-selected:text-zinc-200" role="tab" type="button">BrowserTest.php</button>
-                            <button @click="tab = 'feature'" :aria-selected="tab === 'feature'" class="cursor-pointer whitespace-nowrap border-b-2 border-transparent px-3 py-3 font-mono text-xs text-zinc-400 transition-colors hover:text-zinc-200 aria-selected:border-rose-500 aria-selected:text-zinc-200" role="tab" type="button">FeatureTest.php</button>
-                            <button @click="tab = 'unit'" :aria-selected="tab === 'unit'" class="cursor-pointer whitespace-nowrap border-b-2 border-transparent px-3 py-3 font-mono text-xs text-zinc-400 transition-colors hover:text-zinc-200 aria-selected:border-rose-500 aria-selected:text-zinc-200" role="tab" type="button">UnitTest.php</button>
-                            <button @click="tab = 'eval'" :aria-selected="tab === 'eval'" class="cursor-pointer whitespace-nowrap border-b-2 border-transparent px-3 py-3 font-mono text-xs text-zinc-400 transition-colors hover:text-zinc-200 aria-selected:border-rose-500 aria-selected:text-zinc-200" role="tab" type="button">EvalTest.php</button>
-                            <button @click="tab = 'arch'" :aria-selected="tab === 'arch'" class="cursor-pointer whitespace-nowrap border-b-2 border-transparent px-3 py-3 font-mono text-xs text-zinc-400 transition-colors hover:text-zinc-200 aria-selected:border-rose-500 aria-selected:text-zinc-200" role="tab" type="button">ArchTest.php</button>
+                    <div data-code-preview class="motion-preset-blur-up motion-blur-in-lg motion-delay-[400ms] lg:motion-delay-[1500ms] motion-reduce:animate-none relative overflow-hidden rounded-2xl border border-[var(--theme-code-border)] bg-[var(--theme-code-panel)] shadow-[0_24px_60px_-30px_var(--theme-code-shadow)]" x-data="{ tab: 'browser' }">
+                        <div class="scrollbar-ghost flex overflow-x-auto border-b border-[var(--theme-code-border)] px-2" role="tablist">
+                            <button @click="tab = 'browser'" :aria-selected="tab === 'browser'" class="cursor-pointer whitespace-nowrap border-b-2 border-transparent px-3 py-3 font-mono text-xs text-[var(--theme-code-tab-muted)] transition-colors hover:text-[var(--theme-code-tab-active)] aria-selected:border-[var(--theme-code-accent)] aria-selected:text-[var(--theme-code-tab-active)]" role="tab" type="button">BrowserTest.php</button>
+                            <button @click="tab = 'feature'" :aria-selected="tab === 'feature'" class="cursor-pointer whitespace-nowrap border-b-2 border-transparent px-3 py-3 font-mono text-xs text-[var(--theme-code-tab-muted)] transition-colors hover:text-[var(--theme-code-tab-active)] aria-selected:border-[var(--theme-code-accent)] aria-selected:text-[var(--theme-code-tab-active)]" role="tab" type="button">FeatureTest.php</button>
+                            <button @click="tab = 'unit'" :aria-selected="tab === 'unit'" class="cursor-pointer whitespace-nowrap border-b-2 border-transparent px-3 py-3 font-mono text-xs text-[var(--theme-code-tab-muted)] transition-colors hover:text-[var(--theme-code-tab-active)] aria-selected:border-[var(--theme-code-accent)] aria-selected:text-[var(--theme-code-tab-active)]" role="tab" type="button">UnitTest.php</button>
+                            <button @click="tab = 'eval'" :aria-selected="tab === 'eval'" class="cursor-pointer whitespace-nowrap border-b-2 border-transparent px-3 py-3 font-mono text-xs text-[var(--theme-code-tab-muted)] transition-colors hover:text-[var(--theme-code-tab-active)] aria-selected:border-[var(--theme-code-accent)] aria-selected:text-[var(--theme-code-tab-active)]" role="tab" type="button">EvalTest.php</button>
+                            <button @click="tab = 'arch'" :aria-selected="tab === 'arch'" class="cursor-pointer whitespace-nowrap border-b-2 border-transparent px-3 py-3 font-mono text-xs text-[var(--theme-code-tab-muted)] transition-colors hover:text-[var(--theme-code-tab-active)] aria-selected:border-[var(--theme-code-accent)] aria-selected:text-[var(--theme-code-tab-active)]" role="tab" type="button">ArchTest.php</button>
                         </div>
                         <div class="grid">
-                            <div :class="tab === 'browser' ? '' : 'invisible opacity-0'" class="text-xs-plus col-start-1 row-start-1 overflow-x-auto whitespace-nowrap px-5 py-4 font-mono leading-[1.85] text-zinc-300 transition-opacity duration-200">
+                            <div :class="tab === 'browser' ? '' : 'invisible opacity-0'" class="text-xs-plus col-start-1 row-start-1 overflow-x-auto whitespace-nowrap px-5 py-4 font-mono leading-[1.85] text-[var(--theme-code-text)] transition-opacity duration-200">
                                 <div><span class="text-green-400">it</span>(<span class="text-yellow-200">'may login'</span>, <span class="text-pink-400">function</span> () {</div>
                                 <div>&nbsp;&nbsp;&nbsp;&nbsp;<span class="text-zinc-100">$user</span> <span class="text-pink-400">=</span> <span class="text-cyan-300">User</span><span class="text-pink-400">::</span><span class="text-green-400">factory</span>()<span class="text-pink-400">-></span><span class="text-green-400">create</span>();</div>
                                 <div>&nbsp;</div>
@@ -241,7 +269,7 @@ <h1 class="motion-preset-slide-up motion-delay-100 lg:motion-delay-[1200ms] moti
                                 <div>&nbsp;&nbsp;&nbsp;&nbsp;<span class="text-zinc-100">$this</span><span class="text-pink-400">-></span><span class="text-green-400">assertAuthenticatedAs</span>(<span class="text-zinc-100">$user</span>);</div>
                                 <div>});</div>
                             </div>
-                            <div :class="tab === 'feature' ? '' : 'invisible opacity-0'" class="text-xs-plus col-start-1 row-start-1 overflow-x-auto whitespace-nowrap px-5 py-4 font-mono leading-[1.85] text-zinc-300 transition-opacity duration-200">
+                            <div :class="tab === 'feature' ? '' : 'invisible opacity-0'" class="text-xs-plus col-start-1 row-start-1 overflow-x-auto whitespace-nowrap px-5 py-4 font-mono leading-[1.85] text-[var(--theme-code-text)] transition-opacity duration-200">
                                 <div><span class="text-green-400">it</span>(<span class="text-yellow-200">'creates a post'</span>, <span class="text-pink-400">function</span> () {</div>
                                 <div>&nbsp;&nbsp;&nbsp;&nbsp;<span class="text-zinc-100">$user</span> <span class="text-pink-400">=</span> <span class="text-cyan-300">User</span><span class="text-pink-400">::</span><span class="text-green-400">factory</span>()<span class="text-pink-400">-></span><span class="text-green-400">create</span>();</div>
                                 <div>&nbsp;</div>
@@ -252,7 +280,7 @@ <h1 class="motion-preset-slide-up motion-delay-100 lg:motion-delay-[1200ms] moti
                                 <div>&nbsp;&nbsp;&nbsp;&nbsp;<span class="text-green-400">expect</span>(<span class="text-zinc-100">$user</span><span class="text-pink-400">-></span>posts)<span class="text-pink-400">-></span><span class="text-green-400">toHaveCount</span>(<span class="text-violet-300">1</span>);</div>
                                 <div>});</div>
                             </div>
-                            <div :class="tab === 'unit' ? '' : 'invisible opacity-0'" class="text-xs-plus col-start-1 row-start-1 overflow-x-auto whitespace-nowrap px-5 py-4 font-mono leading-[1.85] text-zinc-300 transition-opacity duration-200">
+                            <div :class="tab === 'unit' ? '' : 'invisible opacity-0'" class="text-xs-plus col-start-1 row-start-1 overflow-x-auto whitespace-nowrap px-5 py-4 font-mono leading-[1.85] text-[var(--theme-code-text)] transition-opacity duration-200">
                                 <div><span class="text-green-400">it</span>(<span class="text-yellow-200">'performs sums'</span>, <span class="text-pink-400">function</span> () {</div>
                                 <div>&nbsp;&nbsp;&nbsp;&nbsp;<span class="text-green-400">expect</span>(<span class="text-green-400">sum</span>(<span class="text-violet-300">1</span>, <span class="text-violet-300">2</span>))</div>
                                 <div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="text-pink-400">-></span><span class="text-green-400">toBe</span>(<span class="text-violet-300">3</span>)</div>
@@ -260,7 +288,7 @@ <h1 class="motion-preset-slide-up motion-delay-100 lg:motion-delay-[1200ms] moti
                                 <div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="text-pink-400">-></span>not<span class="text-pink-400">-></span><span class="text-green-400">toBeString</span>();</div>
                                 <div>});</div>
                             </div>
-                            <div :class="tab === 'eval' ? '' : 'invisible opacity-0'" class="text-xs-plus col-start-1 row-start-1 overflow-x-auto whitespace-nowrap px-5 py-4 font-mono leading-[1.85] text-zinc-300 transition-opacity duration-200">
+                            <div :class="tab === 'eval' ? '' : 'invisible opacity-0'" class="text-xs-plus col-start-1 row-start-1 overflow-x-auto whitespace-nowrap px-5 py-4 font-mono leading-[1.85] text-[var(--theme-code-text)] transition-opacity duration-200">
                                 <div><span class="text-green-400">it</span>(<span class="text-yellow-200">'classifies sentiment'</span>, <span class="text-pink-400">function</span> () {</div>
                                 <div>&nbsp;&nbsp;&nbsp;&nbsp;<span class="text-green-400">expect</span>(<span class="text-cyan-300">SentimentAgent</span><span class="text-pink-400">::</span><span class="text-pink-400">class</span>)</div>
                                 <div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="text-pink-400">-></span><span class="text-green-400">prompt</span>(<span class="text-yellow-200">'Is "I love Pest" positive?'</span>)</div>
@@ -268,7 +296,7 @@ <h1 class="motion-preset-slide-up motion-delay-100 lg:motion-delay-[1200ms] moti
                                 <div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="text-pink-400">-></span><span class="text-green-400">toSatisfy</span>(<span class="text-yellow-200">'answers in one word'</span>);</div>
                                 <div>});</div>
                             </div>
-                            <div :class="tab === 'arch' ? '' : 'invisible opacity-0'" class="text-xs-plus col-start-1 row-start-1 overflow-x-auto whitespace-nowrap px-5 py-4 font-mono leading-[1.85] text-zinc-300 transition-opacity duration-200">
+                            <div :class="tab === 'arch' ? '' : 'invisible opacity-0'" class="text-xs-plus col-start-1 row-start-1 overflow-x-auto whitespace-nowrap px-5 py-4 font-mono leading-[1.85] text-[var(--theme-code-text)] transition-opacity duration-200">
                                 <div><span class="text-green-400">arch</span>()<span class="text-pink-400">-></span><span class="text-green-400">preset</span>()<span class="text-pink-400">-></span><span class="text-green-400">laravel</span>();</div>
                                 <div><span class="text-green-400">arch</span>()<span class="text-pink-400">-></span><span class="text-green-400">preset</span>()<span class="text-pink-400">-></span><span class="text-green-400">security</span>();</div>
                                 <div>&nbsp;</div>
@@ -278,7 +306,7 @@ <h1 class="motion-preset-slide-up motion-delay-100 lg:motion-delay-[1200ms] moti
                                 <div>&nbsp;&nbsp;&nbsp;&nbsp;<span class="text-pink-400">-></span>not<span class="text-pink-400">-></span><span class="text-green-400">toUse</span>([<span class="text-yellow-200">'dd'</span>, <span class="text-yellow-200">'dump'</span>, <span class="text-yellow-200">'die'</span>]);</div>
                             </div>
                         </div>
-                        <div class="mx-4 mb-4 grid rounded-[10px] bg-zinc-900 px-4 py-3.5 font-mono text-xs leading-[1.9] text-zinc-300">
+                        <div data-code-output class="mx-4 mb-4 grid rounded-[10px] bg-[var(--theme-code-terminal)] px-4 py-3.5 font-mono text-xs leading-[1.9] text-[var(--theme-code-text)]">
                             <div :class="tab === 'browser' ? '' : 'invisible opacity-0'" class="col-start-1 row-start-1 overflow-x-auto whitespace-nowrap transition-opacity duration-200">
                                 <div><span class="text-zinc-500">$</span> ./vendor/bin/pest</div>
                                 <div>&nbsp;&nbsp;<span class="bg-green-400 px-1.5 font-bold text-zinc-900">PASS</span>&nbsp; Tests\Browser\AuthenticationTest</div>
@@ -314,11 +342,11 @@ <h1 class="motion-preset-slide-up motion-delay-100 lg:motion-delay-[1200ms] moti
                 </div>
             </section>
 
-            <section aria-label="Partners" class="motion-preset-fade motion-delay-500 lg:motion-delay-[1600ms] motion-reduce:animate-none relative border-y border-zinc-700">
-                <span class="-top-1.25 size-2.25 before:w-2.25 after:h-2.25 -left-1.25 pointer-events-none absolute z-10 before:absolute before:left-0 before:top-1 before:h-px before:bg-rose-500 before:content-[''] after:absolute after:left-1 after:top-0 after:w-px after:bg-rose-500 after:content-['']"></span>
-                <span class="-right-1.25 -top-1.25 size-2.25 before:w-2.25 after:h-2.25 pointer-events-none absolute z-10 before:absolute before:left-0 before:top-1 before:h-px before:bg-rose-500 before:content-[''] after:absolute after:left-1 after:top-0 after:w-px after:bg-rose-500 after:content-['']"></span>
+            <section aria-label="Partners" class="motion-preset-fade motion-delay-500 lg:motion-delay-[1600ms] motion-reduce:animate-none relative border-y border-[var(--theme-border)] bg-[var(--theme-bg)]">
+                <span class="-top-1.25 size-2.25 before:w-2.25 after:h-2.25 -left-1.25 pointer-events-none absolute z-10 before:absolute before:left-0 before:top-1 before:h-px before:bg-[var(--theme-accent)] before:content-[''] after:absolute after:left-1 after:top-0 after:w-px after:bg-[var(--theme-accent)] after:content-['']"></span>
+                <span class="-right-1.25 -top-1.25 size-2.25 before:w-2.25 after:h-2.25 pointer-events-none absolute z-10 before:absolute before:left-0 before:top-1 before:h-px before:bg-[var(--theme-accent)] before:content-[''] after:absolute after:left-1 after:top-0 after:w-px after:bg-[var(--theme-accent)] after:content-['']"></span>
                 <div class="grid items-stretch lg:grid-cols-[auto_1fr]">
-                    <div class="flex items-center border-b border-zinc-700 px-5 py-6 font-mono text-xs uppercase tracking-widest text-zinc-400 sm:px-10 lg:border-b-0 lg:border-r">
+                    <div class="flex items-center border-b border-[var(--theme-border)] px-5 py-6 font-mono text-xs uppercase tracking-widest text-[var(--theme-muted)] sm:px-10 lg:border-b-0 lg:border-r">
                         Backed by teams<br>who ship with Pest
                     </div>
                     <div class="mask-[linear-gradient(90deg,transparent,black_8%,black_92%,transparent)] relative overflow-hidden" x-data="{ shuffle: list => list.map(s => [Math.random(), s]).sort((a, b) => a[0] - b[0]).map(s => s[1]), all: [
@@ -338,19 +366,19 @@ <h1 class="motion-preset-slide-up motion-delay-100 lg:motion-delay-[1200ms] moti
                     ], sponsors: [], init() { this.sponsors = [...this.shuffle(this.all.filter(s => s.tier === 1)), ...this.shuffle(this.all.filter(s => s.tier === 2))] } }">
                         <div class="animate-marquee flex w-max hover:[animation-play-state:paused] motion-reduce:animate-none">
                             <template x-for="sponsor in sponsors" :key="sponsor.alt">
-                                <a class="flex items-center border-r border-zinc-700 px-12 py-7" :href="sponsor.href" target="_blank"><img :alt="sponsor.alt" class="w-auto object-contain shrink-0" :class="sponsor.h" loading="lazy" :src="sponsor.src"></a>
+                                <a class="flex items-center border-r border-[var(--theme-border)] px-12 py-7" :href="sponsor.href" target="_blank"><img :alt="sponsor.alt" class="w-auto shrink-0 object-contain opacity-[var(--theme-partner-logo-opacity)] [filter:var(--theme-partner-logo-filter)]" :class="sponsor.h" loading="lazy" :src="sponsor.src"></a>
                             </template>
                             <template x-for="sponsor in sponsors" :key="'clone-' + sponsor.alt">
-                                <div aria-hidden="true" class="flex items-center border-r border-zinc-700 px-12 py-7"><img alt="" class="w-auto object-contain shrink-0" :class="sponsor.h" loading="lazy" :src="sponsor.src"></div>
+                                <div aria-hidden="true" class="flex items-center border-r border-[var(--theme-border)] px-12 py-7"><img alt="" class="w-auto shrink-0 object-contain opacity-[var(--theme-partner-logo-opacity)] [filter:var(--theme-partner-logo-filter)]" :class="sponsor.h" loading="lazy" :src="sponsor.src"></div>
                             </template>
                         </div>
                     </div>
                 </div>
-                <span class="-bottom-1.25 size-2.25 before:w-2.25 after:h-2.25 -left-1.25 pointer-events-none absolute z-10 before:absolute before:left-0 before:top-1 before:h-px before:bg-rose-500 before:content-[''] after:absolute after:left-1 after:top-0 after:w-px after:bg-rose-500 after:content-['']"></span>
-                <span class="-bottom-1.25 -right-1.25 size-2.25 before:w-2.25 after:h-2.25 pointer-events-none absolute z-10 before:absolute before:left-0 before:top-1 before:h-px before:bg-rose-500 before:content-[''] after:absolute after:left-1 after:top-0 after:w-px after:bg-rose-500 after:content-['']"></span>
+                <span class="-bottom-1.25 size-2.25 before:w-2.25 after:h-2.25 -left-1.25 pointer-events-none absolute z-10 before:absolute before:left-0 before:top-1 before:h-px before:bg-[var(--theme-accent)] before:content-[''] after:absolute after:left-1 after:top-0 after:w-px after:bg-[var(--theme-accent)] after:content-['']"></span>
+                <span class="-bottom-1.25 -right-1.25 size-2.25 before:w-2.25 after:h-2.25 pointer-events-none absolute z-10 before:absolute before:left-0 before:top-1 before:h-px before:bg-[var(--theme-accent)] before:content-[''] after:absolute after:left-1 after:top-0 after:w-px after:bg-[var(--theme-accent)] after:content-['']"></span>
             </section>
 
-            <section class="motion-preset-fade motion-delay-[600ms] lg:motion-delay-[1700ms] motion-reduce:animate-none relative" id="why">
+            <section data-theme-section class="motion-preset-fade motion-delay-[600ms] lg:motion-delay-[1700ms] motion-reduce:animate-none relative" id="why">
                 <div class="pt-19 px-5 pb-10 sm:px-10">
                     <div class="flex items-center gap-2.5 font-mono text-xs tracking-widest text-zinc-400">
                         <span class="font-bold text-rose-500">//</span> test with confidence
@@ -560,7 +588,7 @@ <h3 class="font-display font-stretch-112% mb-1.5 text-balance text-lg font-bold"
                 </div>
             </section>
 
-            <section aria-label="Community" class="relative border-t border-zinc-700" id="community">
+            <section data-theme-section aria-label="Community" class="relative border-t border-zinc-700" id="community">
                 <span class="-left-1.25 -top-1.25 size-2.25 before:w-2.25 after:h-2.25 pointer-events-none absolute z-10 before:absolute before:left-0 before:top-1 before:h-px before:bg-rose-500 before:content-[''] after:absolute after:left-1 after:top-0 after:w-px after:bg-rose-500 after:content-['']"></span>
                 <span class="-right-1.25 -top-1.25 size-2.25 before:w-2.25 after:h-2.25 pointer-events-none absolute z-10 before:absolute before:left-0 before:top-1 before:h-px before:bg-rose-500 before:content-[''] after:absolute after:left-1 after:top-0 after:w-px after:bg-rose-500 after:content-['']"></span>
                 <div class="pt-19 px-5 pb-10 sm:px-10">
@@ -569,7 +597,7 @@ <h3 class="font-display font-stretch-112% mb-1.5 text-balance text-lg font-bold"
                     </div>
                     <h2 class="font-display font-stretch-112% mt-4 text-balance text-3xl font-extrabold tracking-tight sm:text-4xl">Works <em class="text-rose-500">beautifully</em> with your stack.</h2>
                 </div>
-                <div class="gap-4.5 grid grid-cols-2 px-5 sm:grid-cols-4 sm:px-10">
+                <div data-stack-grid class="gap-4.5 grid grid-cols-2 px-5 sm:grid-cols-4 sm:px-10">
                     <a class="flex items-center justify-center border border-zinc-700 hover:border-zinc-600 rounded-xl h-20" href="https://laravel.com" target="_blank">
                         <svg xmlns="http://www.w3.org/2000/svg" class="h-7 sm:h-8.5" fill="none" viewBox="0 0 360 100"><path fill="#ff2d20" fill-rule="evenodd" d="M149.112 23.146v44.76h16.194v7.723h-24.818V23.146zm46.633 22.268V40.69h8.173v34.94h-8.171v-4.725c-1.102 1.75-2.661 3.125-4.687 4.124q-3.036 1.5-6.11 1.5-3.976 0-7.274-1.461a17 17 0 0 1-5.662-4.013 18.6 18.6 0 0 1-3.67-5.846 18.9 18.9 0 0 1-1.315-7.05q0-3.672 1.313-7.012a18.6 18.6 0 0 1 3.672-5.885 17.05 17.05 0 0 1 5.662-4.01q3.298-1.462 7.274-1.461 3.074 0 6.11 1.5 3.035 1.499 4.685 4.123m-.75 17.02a12.2 12.2 0 0 0 .752-4.274q-.002-2.251-.752-4.273a10.85 10.85 0 0 0-2.098-3.525 10.2 10.2 0 0 0-3.263-2.4q-1.912-.9-4.234-.9-2.327.002-4.201.9a10.3 10.3 0 0 0-3.224 2.4 10.3 10.3 0 0 0-2.059 3.523 12.8 12.8 0 0 0-.714 4.273q0 2.25.712 4.273.711 2.026 2.063 3.526a10.2 10.2 0 0 0 3.224 2.4q1.872.9 4.197.9t4.236-.9a10.1 10.1 0 0 0 3.263-2.4 10.8 10.8 0 0 0 2.098-3.524m15.371 13.199V40.69h22.194v8.043h-14.023v26.9zm51.809-30.22V40.69h8.173v34.94h-8.173v-4.725q-1.648 2.625-4.686 4.124-3.035 1.5-6.111 1.5-3.974 0-7.271-1.461a17 17 0 0 1-5.662-4.013 18.7 18.7 0 0 1-3.673-5.846 18.9 18.9 0 0 1-1.313-7.05q0-3.672 1.313-7.012a18.5 18.5 0 0 1 3.671-5.885 17.05 17.05 0 0 1 5.664-4.01q3.297-1.462 7.271-1.461 3.074 0 6.111 1.5t4.686 4.123m-.749 17.02c.503-1.367.757-2.814.749-4.273q-.002-2.251-.749-4.273a10.9 10.9 0 0 0-2.098-3.525 10.2 10.2 0 0 0-3.263-2.4q-1.912-.9-4.236-.9-2.325.002-4.199.9a10.3 10.3 0 0 0-3.224 2.4 10.3 10.3 0 0 0-2.061 3.523 12.7 12.7 0 0 0-.713 4.273q-.002 2.25.713 4.273.711 2.026 2.061 3.526a10.2 10.2 0 0 0 3.224 2.4q1.874.9 4.199.9t4.236-.9a10.15 10.15 0 0 0 3.263-2.4 10.8 10.8 0 0 0 2.098-3.524m41.686-21.743h8.278l-13.412 34.94h-10.274l-13.413-34.94h8.278l10.272 26.756zm26.104-.9c11.127 0 18.715 9.863 17.289 21.406h-27.111c0 3.014 3.043 8.841 10.27 8.841 6.215 0 10.381-5.467 10.383-5.471l5.522 4.273c-4.937 5.27-8.979 7.691-15.309 7.691-11.309 0-18.975-7.155-18.975-18.37 0-10.144 7.924-18.37 17.931-18.37m-9.801 15.333h19.586c-.061-.672-1.123-8.841-9.852-8.841s-9.672 8.169-9.734 8.84m32.412 20.506V23.146H360v52.483zm-255.66-53.22c.034.13.053.269.053.405v21.261c0 .274-.071.542-.21.777a1.54 1.54 0 0 1-.568.57L77.596 55.693V76.06c0 .554-.295 1.064-.775 1.344l-37.25 21.444c-.085.049-.178.08-.272.113-.035.012-.068.033-.105.043-.26.068-.534.068-.794 0-.043-.012-.081-.035-.122-.05-.086-.032-.175-.059-.257-.106L.78 77.404A1.55 1.55 0 0 1 0 76.06V12.273q.001-.208.054-.406c.012-.045.04-.085.055-.13.029-.082.056-.165.099-.24.029-.051.072-.092.107-.137.044-.062.085-.126.136-.18.044-.045.103-.078.153-.117.056-.047.107-.097.171-.134L19.399.208a1.56 1.56 0 0 1 1.55 0l18.624 10.721h.004c.06.039.113.087.169.132.05.039.107.074.151.117.055.056.094.12.14.182.033.045.078.086.105.136.045.078.07.16.101.241.016.045.043.085.055.132q.052.199.054.404v39.841l15.517-8.936V22.812c0-.136.019-.274.054-.402.014-.047.039-.088.054-.133.031-.081.059-.165.101-.24.03-.05.072-.092.105-.138.047-.062.086-.127.14-.18.045-.046.101-.079.151-.116.059-.046.11-.097.17-.134l18.628-10.723a1.55 1.55 0 0 1 1.55 0L95.443 21.47c.066.038.116.087.174.13.049.038.105.073.148.116.054.056.093.12.14.183.035.046.078.087.105.138.044.075.07.159.1.24.018.045.043.086.055.133M28.245 59.082l9-5.18V14.957L30.73 18.71l-9.002 5.183v38.942zM20.172 3.343l-15.51 8.93 15.51 8.932 15.515-8.934-15.511-8.928zM93.12 43.178l-.002-17.68-6.518 3.752-9.003 5.182v17.682zM74.495 75.163V57.469l-8.857 5.057L40.35 76.96v17.86zM3.104 14.957v60.206l34.14 19.653V76.961L19.41 66.867l-.006-.004-.008-.003c-.06-.035-.11-.086-.167-.129-.048-.036-.103-.067-.146-.11l-.003-.006c-.05-.049-.086-.109-.129-.163-.038-.053-.085-.097-.116-.152l-.002-.005c-.035-.059-.056-.129-.082-.195-.025-.058-.058-.112-.073-.175-.02-.071-.024-.151-.032-.227-.007-.058-.023-.116-.023-.175v-41.63l-9-5.185zm72.943-1.074-15.515 8.93 15.514 8.933 15.511-8.934zM38.793 74.277l22.758-12.992 11.373-6.49-15.5-8.927-17.85 10.276-16.268 9.366zm35.7-39.845L65.49 29.25l-6.516-3.752v17.68l9 5.182 6.52 3.754z" clip-rule="evenodd"/></svg>
                     </a>
@@ -691,19 +719,19 @@ <h3 class="font-display font-stretch-112% text-balance text-xl font-bold">Loved
                 </div>
             </section>
 
-            <section aria-label="Get started" class="relative border-y border-zinc-700">
+            <section data-theme-section aria-label="Get started" class="relative border-y border-zinc-700">
                 <span class="-left-1.25 -top-1.25 size-2.25 before:w-2.25 after:h-2.25 pointer-events-none absolute z-10 before:absolute before:left-0 before:top-1 before:h-px before:bg-rose-500 before:content-[''] after:absolute after:left-1 after:top-0 after:w-px after:bg-rose-500 after:content-['']"></span>
                 <span class="-right-1.25 -top-1.25 size-2.25 before:w-2.25 after:h-2.25 pointer-events-none absolute z-10 before:absolute before:left-0 before:top-1 before:h-px before:bg-rose-500 before:content-[''] after:absolute after:left-1 after:top-0 after:w-px after:bg-rose-500 after:content-['']"></span>
-                <div class="bg-size-[3.5rem_3.5rem] mask-[radial-gradient(ellipse_70%_90%_at_50%_45%,#000_30%,transparent_75%)] absolute inset-0 bg-[linear-gradient(var(--color-zinc-700)_1px,transparent_1px),linear-gradient(90deg,var(--color-zinc-700)_1px,transparent_1px)] opacity-50 overflow-hidden" x-data x-init="[...$el.querySelectorAll('[data-beam]')].forEach(b => { const c = b.cloneNode(); c.style.setProperty('--beam-delay', (3 * Math.random()).toFixed(1) + 's'); $el.appendChild(c) }); $el.querySelectorAll('[data-beam]').forEach(b => { const roll = () => { const h = b.dataset.beam === 'x'; const cell = 3.5 * parseFloat(getComputedStyle(document.documentElement).fontSize); const lines = Math.floor((h ? $el.clientHeight : $el.clientWidth) / cell); b.style[h ? 'top' : 'left'] = cell * (1 + Math.floor(Math.random() * (lines - 1))) + 'px'; b.style.setProperty('--beam-duration', (1 + 2 * Math.random()).toFixed(1) + 's'); b.style.animationDirection = Math.random() < 0.5 ? 'reverse' : 'normal'; }; roll(); b.addEventListener('animationiteration', roll) })">
-                    <span data-beam="x" class="animate-beam-x motion-reduce:hidden absolute -left-40 w-40 top-28 h-px bg-[linear-gradient(90deg,transparent,var(--color-rose-500),transparent)] drop-shadow-[0_0_6px_var(--color-rose-500)] [--beam-duration:7s]"></span>
-                    <span data-beam="x" class="animate-beam-x motion-reduce:hidden absolute -left-40 w-40 top-56 h-px bg-[linear-gradient(90deg,transparent,var(--color-rose-500),transparent)] drop-shadow-[0_0_6px_var(--color-rose-500)] [--beam-duration:11s] [--beam-delay:2.7s]"></span>
-                    <span data-beam="y" class="animate-beam-y motion-reduce:hidden absolute -top-40 h-40 left-70 w-px bg-[linear-gradient(180deg,transparent,var(--color-rose-500),transparent)] drop-shadow-[0_0_6px_var(--color-rose-500)] [--beam-duration:13s] [--beam-delay:1.7s]"></span>
-                    <span data-beam="y" class="animate-beam-y motion-reduce:hidden absolute -top-40 h-40 left-140 w-px bg-[linear-gradient(180deg,transparent,var(--color-rose-500),transparent)] drop-shadow-[0_0_6px_var(--color-rose-500)] [--beam-duration:8s] [--beam-delay:0.5s]"></span>
-                    <span data-beam="x" class="animate-beam-x motion-reduce:hidden absolute -left-40 w-40 top-42 h-px bg-[linear-gradient(90deg,transparent,var(--color-rose-500),transparent)] drop-shadow-[0_0_6px_var(--color-rose-500)] [--beam-duration:6s] [--beam-delay:1.2s]"></span>
-                    <span data-beam="y" class="animate-beam-y motion-reduce:hidden absolute -top-40 h-40 left-210 w-px bg-[linear-gradient(180deg,transparent,var(--color-rose-500),transparent)] drop-shadow-[0_0_6px_var(--color-rose-500)] [--beam-duration:9s] [--beam-delay:2s]"></span>
-                    <span data-beam="x" class="animate-beam-x motion-reduce:hidden absolute -left-40 w-40 top-56 h-px bg-[linear-gradient(90deg,transparent,var(--color-rose-500),transparent)] drop-shadow-[0_0_6px_var(--color-rose-500)] [--beam-duration:5s] [--beam-delay:0.3s]"></span>
-                    <span data-beam="y" class="animate-beam-y motion-reduce:hidden absolute -top-40 h-40 left-70 w-px bg-[linear-gradient(180deg,transparent,var(--color-rose-500),transparent)] drop-shadow-[0_0_6px_var(--color-rose-500)] [--beam-duration:7s] [--beam-delay:1.4s]"></span>
-                    <span data-beam="y" class="animate-beam-y motion-reduce:hidden absolute -top-40 h-40 left-252 w-px bg-[linear-gradient(180deg,transparent,var(--color-rose-500),transparent)] drop-shadow-[0_0_6px_var(--color-rose-500)] [--beam-duration:6s] [--beam-delay:2.8s]"></span>
+                <div class="bg-size-[3.5rem_3.5rem] mask-[radial-gradient(ellipse_70%_90%_at_50%_45%,#000_30%,transparent_75%)] absolute inset-0 bg-[linear-gradient(var(--theme-grid-line)_1px,transparent_1px),linear-gradient(90deg,var(--theme-grid-line)_1px,transparent_1px)] opacity-[var(--theme-hero-grid-opacity)] overflow-hidden" x-data x-init="[...$el.querySelectorAll('[data-beam]')].forEach(b => { const c = b.cloneNode(); c.style.setProperty('--beam-delay', (3 * Math.random()).toFixed(1) + 's'); $el.appendChild(c) }); $el.querySelectorAll('[data-beam]').forEach(b => { const roll = () => { const h = b.dataset.beam === 'x'; const cell = 3.5 * parseFloat(getComputedStyle(document.documentElement).fontSize); const lines = Math.floor((h ? $el.clientHeight : $el.clientWidth) / cell); b.style[h ? 'top' : 'left'] = cell * (1 + Math.floor(Math.random() * (lines - 1))) + 'px'; b.style.setProperty('--beam-duration', (1 + 2 * Math.random()).toFixed(1) + 's'); b.style.animationDirection = Math.random() < 0.5 ? 'reverse' : 'normal'; }; roll(); b.addEventListener('animationiteration', roll) })">
+                    <span data-beam="x" class="animate-beam-x motion-reduce:hidden absolute -left-40 w-40 top-28 h-px bg-[linear-gradient(90deg,transparent,var(--theme-hero-beam),transparent)] drop-shadow-[0_0_6px_var(--theme-hero-beam)] [--beam-duration:7s]"></span>
+                    <span data-beam="x" class="animate-beam-x motion-reduce:hidden absolute -left-40 w-40 top-56 h-px bg-[linear-gradient(90deg,transparent,var(--theme-hero-beam),transparent)] drop-shadow-[0_0_6px_var(--theme-hero-beam)] [--beam-duration:11s] [--beam-delay:2.7s]"></span>
+                    <span data-beam="y" class="animate-beam-y motion-reduce:hidden absolute -top-40 h-40 left-70 w-px bg-[linear-gradient(180deg,transparent,var(--theme-hero-beam),transparent)] drop-shadow-[0_0_6px_var(--theme-hero-beam)] [--beam-duration:13s] [--beam-delay:1.7s]"></span>
+                    <span data-beam="y" class="animate-beam-y motion-reduce:hidden absolute -top-40 h-40 left-140 w-px bg-[linear-gradient(180deg,transparent,var(--theme-hero-beam),transparent)] drop-shadow-[0_0_6px_var(--theme-hero-beam)] [--beam-duration:8s] [--beam-delay:0.5s]"></span>
+                    <span data-beam="x" class="animate-beam-x motion-reduce:hidden absolute -left-40 w-40 top-42 h-px bg-[linear-gradient(90deg,transparent,var(--theme-hero-beam),transparent)] drop-shadow-[0_0_6px_var(--theme-hero-beam)] [--beam-duration:6s] [--beam-delay:1.2s]"></span>
+                    <span data-beam="y" class="animate-beam-y motion-reduce:hidden absolute -top-40 h-40 left-210 w-px bg-[linear-gradient(180deg,transparent,var(--theme-hero-beam),transparent)] drop-shadow-[0_0_6px_var(--theme-hero-beam)] [--beam-duration:9s] [--beam-delay:2s]"></span>
+                    <span data-beam="x" class="animate-beam-x motion-reduce:hidden absolute -left-40 w-40 top-56 h-px bg-[linear-gradient(90deg,transparent,var(--theme-hero-beam),transparent)] drop-shadow-[0_0_6px_var(--theme-hero-beam)] [--beam-duration:5s] [--beam-delay:0.3s]"></span>
+                    <span data-beam="y" class="animate-beam-y motion-reduce:hidden absolute -top-40 h-40 left-70 w-px bg-[linear-gradient(180deg,transparent,var(--theme-hero-beam),transparent)] drop-shadow-[0_0_6px_var(--theme-hero-beam)] [--beam-duration:7s] [--beam-delay:1.4s]"></span>
+                    <span data-beam="y" class="animate-beam-y motion-reduce:hidden absolute -top-40 h-40 left-252 w-px bg-[linear-gradient(180deg,transparent,var(--theme-hero-beam),transparent)] drop-shadow-[0_0_6px_var(--theme-hero-beam)] [--beam-duration:6s] [--beam-delay:2.8s]"></span>
                 </div>
                 <div class="relative mx-auto flex max-w-2xl flex-col items-center px-5 py-20 text-center lg:py-24">
                     <h2 class="font-display font-stretch-112% text-balance text-3xl font-extrabold tracking-tight sm:text-4xl">Bring back the joy of testing. <em class="text-rose-500">Again.</em></h2>
@@ -722,8 +750,8 @@ <h2 class="font-display font-stretch-112% text-balance text-3xl font-extrabold t
             </section>
         </main>
 
-        <footer class="pb-8">
-            <div class="container relative mx-auto border-b border-zinc-700 px-5 py-16 sm:border-x sm:px-10">
+        <footer class="bg-[var(--theme-bg)] pb-8 text-[var(--theme-muted)] [&_a]:text-[var(--theme-muted)] [&_a:hover]:text-[var(--theme-fg)] [&_h3]:text-[var(--theme-muted)]">
+            <div class="container relative mx-auto border-b border-[var(--theme-border)] px-5 py-16 sm:border-x sm:px-10">
                 <nav aria-label="Footer" class="columns-2 gap-x-6 lg:columns-4">
                 <div class="mb-10 break-inside-avoid">
                     <h3 class="mb-4 flex items-center gap-2.5 font-mono text-2xs font-bold uppercase tracking-widest text-zinc-500"><span class="text-rose-500">//</span> what's new</h3>
@@ -820,7 +848,7 @@ <h3 class="mb-4 flex items-center gap-2.5 font-mono text-2xs font-bold uppercase
                 <span class="-bottom-1.25 -right-1.25 size-2.25 before:w-2.25 after:h-2.25 pointer-events-none absolute z-10 before:absolute before:left-0 before:top-1 before:h-px before:bg-rose-500 before:content-[''] after:absolute after:left-1 after:top-0 after:w-px after:bg-rose-500 after:content-['']"></span>
             </div>
             <div class="container mx-auto px-5 pt-8 sm:px-10">
-            <div class="flex flex-col items-start justify-between gap-4 text-xs text-zinc-400 sm:flex-row sm:items-center">
+            <div class="flex flex-col items-start justify-between gap-4 text-xs text-[var(--theme-muted)] sm:flex-row sm:items-center">
                 <div class="font-mono">© 2026 PestPHP — A project by <a class="font-medium underline-offset-4 transition-colors hover:text-white hover:underline" href="https://pinkary.com/@nunomaduro" target="_blank" rel="noopener">Nuno Maduro</a>. Designed by <a class="font-medium underline-offset-4 transition-colors hover:text-white hover:underline" href="https://nunoguerra.com/?ref=pestphp" target="_blank" rel="noopener">Nuno Guerra</a>.</div>
                 <div class="flex items-center gap-5 font-mono">
                     <a class="underline-offset-4 transition-colors hover:text-white hover:underline" href="/llms.txt">/llms.txt</a>
@@ -829,7 +857,7 @@ <h3 class="mb-4 flex items-center gap-2.5 font-mono text-2xs font-bold uppercase
                     <a class="underline-offset-4 transition-colors hover:text-white hover:underline" href="/docs">/docs</a>
                 </div>
             </div>
-            <svg aria-hidden="true" class="mt-10 h-auto w-full fill-white/10" viewBox="0 0 381 100" xmlns="http://www.w3.org/2000/svg">
+            <svg aria-hidden="true" class="mt-10 h-auto w-full fill-[var(--theme-border)]" viewBox="0 0 381 100" xmlns="http://www.w3.org/2000/svg">
                 <use href="#pest-wordmark" />
                 <use href="#pest-wordmark" class="animate-trace motion-reduce:hidden fill-none stroke-rose-500/60 drop-shadow-[0_0_4px_var(--color-rose-500)] [stroke-dasharray:40_360] stroke-[0.3]" />
             </svg>
diff --git a/resources/css/app.css b/resources/css/app.css
index 609678a..a4a4de4 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -77,6 +77,46 @@
     }
 }
 
+:root {
+    color-scheme: dark;
+
+    --theme-bg: var(--color-zinc-900);
+    --theme-fg: var(--color-zinc-200);
+    --theme-muted: var(--color-zinc-400);
+    --theme-border: var(--color-zinc-700);
+    --theme-surface-raised: var(--color-zinc-800);
+    --theme-surface-inset: var(--color-zinc-900);
+    --theme-overlay: rgb(24 24 27 / 0.8);
+    --theme-accent: var(--color-rose-500);
+    --theme-accent-hover: var(--color-rose-600);
+    --theme-accent-contrast: var(--color-white);
+    --theme-code-bg: var(--color-zinc-900);
+    --theme-code-text: var(--color-zinc-300);
+    --theme-prose-body: var(--color-zinc-300);
+    --theme-prose-heading: var(--color-zinc-100);
+    --theme-prose-link: var(--color-rose-400);
+}
+
+html.light {
+    color-scheme: light;
+
+    --theme-bg: var(--color-white);
+    --theme-fg: var(--color-zinc-950);
+    --theme-muted: var(--color-zinc-600);
+    --theme-border: var(--color-zinc-200);
+    --theme-surface-raised: var(--color-zinc-50);
+    --theme-surface-inset: var(--color-zinc-100);
+    --theme-overlay: rgb(250 250 250 / 0.82);
+    --theme-accent: var(--color-rose-500);
+    --theme-accent-hover: var(--color-rose-600);
+    --theme-accent-contrast: var(--color-white);
+    --theme-code-bg: var(--color-zinc-100);
+    --theme-code-text: var(--color-zinc-800);
+    --theme-prose-body: var(--color-zinc-700);
+    --theme-prose-heading: var(--color-zinc-950);
+    --theme-prose-link: var(--color-rose-700);
+}
+
 @layer base {
     html {
         height: 100%;
diff --git a/resources/js/darkmode.js b/resources/js/darkmode.js
index a3e64d3..d905fc8 100644
--- a/resources/js/darkmode.js
+++ b/resources/js/darkmode.js
@@ -1,18 +1,56 @@
+const readMode = () => {
+    try {
+        return ['dark', 'light', 'system'].includes(localStorage.theme) ? localStorage.theme : 'dark';
+    } catch (e) {
+        return 'dark';
+    }
+};
+
+const storeMode = (mode) => {
+    try {
+        localStorage.theme = mode;
+    } catch (e) {}
+};
+
 export default () => ({
-    mode: localStorage.theme,
+    mode: readMode(),
+    systemTheme: window.matchMedia('(prefers-color-scheme: light)'),
+    systemListener: null,
+    get isLight() {
+        return this.mode === 'light';
+    },
+    get isDark() {
+        return this.mode === 'dark';
+    },
+    get isSystem() {
+        return this.mode === 'system';
+    },
+    get nextMode() {
+        return { dark: 'light', light: 'system', system: 'dark' }[this.mode];
+    },
     init() {
-        if (!('theme' in localStorage)) {
-            localStorage.theme = 'dark';
-        }
+        this.systemListener = () => {
+            if (this.isSystem) this.apply();
+        };
+        this.systemTheme.addEventListener('change', this.systemListener);
+        this.setMode(readMode());
+    },
+    destroy() {
+        this.systemTheme.removeEventListener('change', this.systemListener);
+    },
+    apply() {
+        const light = this.isLight || (this.isSystem && this.systemTheme.matches);
 
-        this.apply(localStorage.theme);
+        document.documentElement.classList.toggle('light', light);
+        document.documentElement.classList.toggle('dark', !light);
+        document.querySelector('meta[name="theme-color"]').content = light ? '#ffffff' : '#18181b';
     },
-    apply(mode) {
-        document.documentElement.classList[mode === 'dark' ? 'add' : 'remove']('dark');
+    setMode(mode) {
+        this.mode = ['dark', 'light', 'system'].includes(mode) ? mode : 'dark';
+        storeMode(this.mode);
+        this.apply();
     },
     toggle() {
-        localStorage.theme = this.mode = this.mode === 'dark' ? 'light' : 'dark';
-
-        this.apply(this.mode);
+        this.setMode(this.nextMode);
     }
 })
diff --git a/resources/views/_partials/nav.blade.php b/resources/views/_partials/nav.blade.php
index 497e99f..0f10d65 100644
--- a/resources/views/_partials/nav.blade.php
+++ b/resources/views/_partials/nav.blade.php
@@ -51,6 +51,21 @@ class="fixed z-[100] w-56 overflow-hidden rounded-xl border border-zinc-700 bg-z
                 Search docs
                 <kbd class="text-2xs ml-auto rounded-sm border border-zinc-700 bg-zinc-900 px-1 py-px font-sans">⌘K</kbd>
             </button>
+            <div x-data="ToggleDark">
+                <button @click="toggle()" :aria-label="`Theme: ${mode}. Switch to ${nextMode} theme`" :aria-pressed="isSystem ? 'mixed' : isLight" aria-label="Theme: dark. Switch to light theme" aria-pressed="false" class="active:scale-96 flex size-8 items-center justify-center text-zinc-400 transition hover:text-zinc-200" type="button">
+                    <svg x-show="isLight" x-cloak aria-hidden="true" class="size-5" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.6" stroke="currentColor" viewBox="0 0 24 24">
+                        <circle cx="12" cy="12" r="3.5" />
+                        <path d="M12 2v2M12 20v2M4.93 4.93l1.42 1.42M17.65 17.65l1.42 1.42M2 12h2M20 12h2M4.93 19.07l1.42-1.42M17.65 6.35l1.42-1.42" />
+                    </svg>
+                    <svg x-show="isDark" aria-hidden="true" class="size-5" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.6" stroke="currentColor" viewBox="0 0 24 24">
+                        <path d="M20.5 15.5A8.5 8.5 0 0 1 8.5 3.5a8.5 8.5 0 1 0 12 12Z" />
+                    </svg>
+                    <svg x-show="isSystem" x-cloak aria-hidden="true" class="size-5" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.6" stroke="currentColor" viewBox="0 0 24 24">
+                        <rect x="3" y="4" width="18" height="13" rx="2" />
+                        <path d="M8 21h8M12 17v4" />
+                    </svg>
+                </button>
+            </div>
             <button @click.prevent="toggle()" aria-label="Toggle Documentation Navigation" class="active:scale-96 flex size-8 items-center justify-center text-zinc-400 transition hover:text-zinc-200 lg:hidden" type="button">
                 <svg class="size-5" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.6" stroke="currentColor" viewBox="0 0 24 24">
                     <path d="M4 7h16M4 12h16M4 17h16" />
diff --git a/resources/views/layouts/base.blade.php b/resources/views/layouts/base.blade.php
index 459444a..c2dfb6b 100644
--- a/resources/views/layouts/base.blade.php
+++ b/resources/views/layouts/base.blade.php
@@ -42,6 +42,20 @@
     <link rel="apple-touch-icon" href="/www/apple-touch-icon.png" sizes="180x180">
     <link rel="manifest" href="/www/site.webmanifest">
     <meta name="theme-color" content="#18181b">
+    <meta name="color-scheme" content="dark light">
+    <script>
+        (() => {
+            let theme = 'dark';
+
+            try { theme = ['dark', 'light', 'system'].includes(localStorage.theme) ? localStorage.theme : 'dark'; } catch (e) {}
+
+            const light = theme === 'light' || (theme === 'system' && matchMedia('(prefers-color-scheme: light)').matches);
+
+            document.documentElement.classList.toggle('light', light);
+            document.documentElement.classList.toggle('dark', !light);
+            document.querySelector('meta[name="theme-color"]').content = light ? '#ffffff' : '#18181b';
+        })();
+    </script>
 
     {{ $head ?? '' }}
 
diff --git a/resources/www/index.html b/resources/www/index.html
index 7856885..3bc9141 100644
--- a/resources/www/index.html
+++ b/resources/www/index.html
@@ -19,7 +19,8 @@
         <link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180">
         <link rel="manifest" href="/site.webmanifest">
         <meta name="theme-color" content="#18181b">
-        <meta name="color-scheme" content="dark">
+        <meta name="color-scheme" content="dark light">
+        <script>try { const t = localStorage.theme; const l = t === 'light' || (t === 'system' && matchMedia('(prefers-color-scheme: light)').matches); if (l) document.documentElement.classList.add('light'); document.querySelector('meta[name="theme-color"]').content = l ? '#ffffff' : '#18181b'; } catch (e) {}</script>
         <meta name="apple-mobile-web-app-title" content="Pest">
 
         <!-- Open Graph -->
@@ -86,13 +87,13 @@
         <script>try { if (+sessionStorage.getItem('pest-scroll') > 100) document.documentElement.classList.add('no-intro'); } catch (e) {}</script>
     </head>
 
-    <body x-data="{ mobileMenuIsOpen: false }" class="font-synthesis-none overflow-x-clip bg-zinc-900 font-sans text-zinc-200 antialiased selection:bg-rose-600 selection:text-white">
+    <body x-data="{ mobileMenuIsOpen: false }" class="font-synthesis-none overflow-x-clip bg-[var(--theme-bg)] font-sans text-[var(--theme-fg)] antialiased selection:bg-rose-600 selection:text-white">
 
-        <header class="motion-preset-fade lg:motion-delay-[1100ms] motion-reduce:animate-none sticky top-0 z-50 border-b border-zinc-700 bg-zinc-900/85 backdrop-blur-md">
+        <header class="motion-preset-fade lg:motion-delay-[1100ms] motion-reduce:animate-none sticky top-0 z-50 border-b border-[var(--theme-border)] bg-[var(--theme-overlay)] backdrop-blur-md">
             <nav aria-label="Main" class="h-15.5 container mx-auto flex items-center gap-7 px-5 sm:px-10">
                 <div class="flex items-center gap-2" x-data="pestLogoMenu">
                     <a aria-label="Pest" class="flex items-center gap-2" href="/" @contextmenu.prevent="openMenu($event)">
-                        <svg aria-label="PEST" class="block h-7 w-auto fill-zinc-200" role="img" viewBox="0 0 381 100" xmlns="http://www.w3.org/2000/svg">
+                        <svg aria-label="PEST" class="block h-7 w-auto fill-[var(--theme-fg)]" role="img" viewBox="0 0 381 100" xmlns="http://www.w3.org/2000/svg">
                             <path clip-rule="evenodd" d="M16.607 27.51 22.994 0h85.181L93.484 63.272H36.697l-8.303 35.763H0l14.69-63.272h56.788l1.916-8.253zM295.574 0h85.181l-6.387 27.51h-39.752L318.01 99.035h-28.394l16.607-71.525h-73.824l-1.917 8.253h56.788l-6.387 27.51-1.916 8.252-6.387 27.51h-85.181l6.387-27.51h56.787l1.916-8.253h-56.787l6.387-27.51 1.916-8.252L210.392 0zm-93.7 0h-85.181l-6.387 27.51h85.181zm-25.34 35.763h-68.145l-6.387 27.51h68.145zm8.734 35.762h-85.182l-6.387 27.51h85.181z" fill-rule="evenodd" id="pest-wordmark" />
                         </svg>
                     </a>
@@ -102,17 +103,17 @@
                         <div x-show="open" x-cloak x-transition.opacity.duration.150ms
                             @click.outside="open = false" @keydown.escape.window="open = false" @contextmenu.prevent.stop
                             :style="`left:${x}px;top:${y}px`"
-                            class="fixed z-[100] w-56 overflow-hidden rounded-xl border border-zinc-700 bg-zinc-800 py-1.5 shadow-2xl shadow-black/40">
-                            <button type="button" @click="copy('logomark')" class="flex w-full items-center gap-3 px-3 py-2 text-left text-sm text-zinc-200 hover:bg-white/5">
+                            class="fixed z-[100] w-56 overflow-hidden rounded-xl border border-[var(--theme-border)] bg-[var(--theme-surface-raised)] py-1.5 text-[var(--theme-fg)] shadow-2xl shadow-[color:var(--theme-shadow)]">
+                            <button type="button" @click="copy('logomark')" class="flex w-full items-center gap-3 px-3 py-2 text-left text-sm hover:bg-[var(--theme-surface-inset)]">
                                 <svg class="size-4 shrink-0" fill="none" viewBox="0 0 240 220" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M36.844 61.111 51.014 0H240l-32.594 140.556H81.417L62.995 220H0L32.593 79.445h125.989l4.252-18.334z"/></svg>
                                 Copy Logo as SVG
                             </button>
-                            <button type="button" @click="copy('wordmark')" class="flex w-full items-center gap-3 px-3 py-2 text-left text-sm text-zinc-200 hover:bg-white/5">
+                            <button type="button" @click="copy('wordmark')" class="flex w-full items-center gap-3 px-3 py-2 text-left text-sm hover:bg-[var(--theme-surface-inset)]">
                                 <svg class="size-4 shrink-0" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M4 7V5h16v2M9 5v14m-2 0h4" /></svg>
                                 Copy Wordmark as SVG
                             </button>
-                            <div class="my-1.5 border-t border-zinc-700"></div>
-                            <a href="/brand" class="flex w-full items-center gap-3 px-3 py-2 text-left text-sm text-zinc-200 hover:bg-white/5">
+                            <div class="my-1.5 border-t border-[var(--theme-border)]"></div>
+                            <a href="/brand" class="flex w-full items-center gap-3 px-3 py-2 text-left text-sm hover:bg-[var(--theme-surface-inset)]">
                                 <svg class="size-4 shrink-0" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M12 3 3 7.5 12 12l9-4.5L12 3ZM3 12l9 4.5L21 12M3 16.5 12 21l9-4.5" /></svg>
                                 Brand Guidelines
                             </a>
@@ -120,26 +121,39 @@
                     </template>
                 </div>
                 <div class="ml-2 hidden gap-6 lg:flex">
-                    <a class="text-sm font-medium text-zinc-400 underline-offset-4 transition-colors hover:text-white hover:underline" href="/docs">Documentation</a>
-                    <a class="text-sm font-medium text-zinc-400 underline-offset-4 transition-colors hover:text-white hover:underline" href="https://youtube.com/@nunomaduro">YouTube</a>
-                    <a class="text-sm font-medium text-zinc-400 underline-offset-4 transition-colors hover:text-white hover:underline" href="https://github.com/sponsors/nunomaduro">Sponsor</a>
+                    <a class="text-sm font-medium text-[var(--theme-muted)] underline-offset-4 transition-colors hover:text-[var(--theme-fg)] hover:underline" href="/docs">Documentation</a>
+                    <a class="text-sm font-medium text-[var(--theme-muted)] underline-offset-4 transition-colors hover:text-[var(--theme-fg)] hover:underline" href="https://youtube.com/@nunomaduro">YouTube</a>
+                    <a class="text-sm font-medium text-[var(--theme-muted)] underline-offset-4 transition-colors hover:text-[var(--theme-fg)] hover:underline" href="https://github.com/sponsors/nunomaduro">Sponsor</a>
                 </div>
                 <div class="ml-auto flex items-center gap-4">
-                    <a class="flex items-center gap-2 text-sm font-semibold text-zinc-200 transition-colors hover:text-rose-400" href="https://github.com/pestphp/pest" target="_blank">
+                    <a class="flex items-center gap-2 text-sm font-semibold text-[var(--theme-fg)] transition-colors hover:text-[var(--theme-accent)]" href="https://github.com/pestphp/pest" target="_blank">
                         <svg class="size-4" fill="none" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
                             <path clip-rule="evenodd" d="M16 0C7.16 0 0 7.16 0 16c0 7.08 4.58 13.06 10.94 15.18.8.14 1.1-.34 1.1-.76 0-.38-.02-1.64-.02-2.98-4.02.74-5.06-.98-5.38-1.88-.18-.46-.96-1.88-1.64-2.26-.56-.3-1.36-1.04-.02-1.06 1.26-.02 2.16 1.16 2.46 1.64 1.44 2.42 3.74 1.74 4.66 1.32.14-1.04.56-1.74 1.02-2.14-3.56-.4-7.28-1.78-7.28-7.9 0-1.74.62-3.18 1.64-4.3-.16-.4-.72-2.04.16-4.24 0 0 1.34-.42 4.4 1.64 1.28-.36 2.64-.54 4-.54 1.36 0 2.72.18 4 .54 3.06-2.08 4.4-1.64 4.4-1.64.88 2.2.32 3.84.16 4.24 1.02 1.12 1.64 2.54 1.64 4.3 0 6.14-3.74 7.5-7.3 7.9.58.5 1.08 1.46 1.08 2.96 0 2.14-.02 3.86-.02 4.4 0 .42.3.92 1.1.76A16.026 16.026 0 0 0 32 16c0-8.84-7.16-16-16-16Z" fill-rule="evenodd" fill="currentColor"></path>
                         </svg>
                         12k+
                     </a>
-                    <a class="hidden w-56 items-center gap-1 rounded-lg border border-zinc-700 bg-zinc-800 px-2 py-1.5 text-sm text-zinc-400 transition-colors hover:border-zinc-200/20 hover:text-zinc-200 sm:flex" href="/docs">
+                    <a class="hidden w-56 items-center gap-1 rounded-lg border border-[var(--theme-border)] bg-[var(--theme-surface-raised)] px-2 py-1.5 text-sm text-[var(--theme-muted)] transition-colors hover:border-[var(--theme-muted)] hover:text-[var(--theme-fg)] sm:flex" href="/docs">
                         <svg class="size-5" fill="none" stroke-linecap="round" stroke-width="2" stroke="currentColor" viewBox="0 0 24 24">
                             <circle cx="11" cy="11" r="7" />
                             <path d="m20 20-3.5-3.5" />
                         </svg>
                         Search docs
-                        <kbd class="text-2xs ml-auto rounded-sm border border-zinc-700 bg-zinc-900 px-1 py-px font-sans">⌘K</kbd>
+                        <kbd class="text-2xs ml-auto rounded-sm border border-[var(--theme-border)] bg-[var(--theme-surface-inset)] px-1 py-px font-sans">⌘K</kbd>
                     </a>
-                    <button @click="mobileMenuIsOpen = true" aria-label="Open menu" class="active:scale-96 flex size-8 items-center justify-center text-zinc-400 transition hover:text-zinc-200 lg:hidden" type="button">
+                    <button @click="$store.theme.toggle()" :aria-label="`Theme: ${$store.theme.mode}. Switch to ${$store.theme.nextMode} theme`" :aria-pressed="$store.theme.mode === 'system' ? 'mixed' : $store.theme.mode === 'light'" aria-label="Theme: dark. Switch to light theme" aria-pressed="false" class="active:scale-96 hidden size-8 items-center justify-center text-[var(--theme-muted)] transition hover:text-[var(--theme-fg)] lg:flex" type="button">
+                        <svg x-show="$store.theme.mode === 'light'" x-cloak aria-hidden="true" class="size-5" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.6" stroke="currentColor" viewBox="0 0 24 24">
+                            <circle cx="12" cy="12" r="3.5" />
+                            <path d="M12 2v2M12 20v2M4.93 4.93l1.42 1.42M17.65 17.65l1.42 1.42M2 12h2M20 12h2M4.93 19.07l1.42-1.42M17.65 6.35l1.42-1.42" />
+                        </svg>
+                        <svg x-show="$store.theme.mode === 'dark'" aria-hidden="true" class="size-5" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.6" stroke="currentColor" viewBox="0 0 24 24">
+                            <path d="M20.5 15.5A8.5 8.5 0 0 1 8.5 3.5a8.5 8.5 0 1 0 12 12Z" />
+                        </svg>
+                        <svg x-show="$store.theme.mode === 'system'" x-cloak aria-hidden="true" class="size-5" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.6" stroke="currentColor" viewBox="0 0 24 24">
+                            <rect x="3" y="4" width="18" height="13" rx="2" />
+                            <path d="M8 21h8M12 17v4" />
+                        </svg>
+                    </button>
+                    <button @click="mobileMenuIsOpen = true" aria-label="Open menu" class="active:scale-96 flex size-8 items-center justify-center text-[var(--theme-muted)] transition hover:text-[var(--theme-fg)] lg:hidden" type="button">
                         <svg class="size-5" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.6" stroke="currentColor" viewBox="0 0 24 24">
                             <path d="M4 7h16M4 12h16M4 17h16" />
                         </svg>
@@ -149,26 +163,40 @@
         </header>
 
         <div x-show="mobileMenuIsOpen" x-cloak class="fixed inset-0 z-[60] lg:hidden" @keydown.escape.window="mobileMenuIsOpen = false">
-            <div class="fixed inset-0 bg-zinc-900/80 backdrop-blur-sm" @click="mobileMenuIsOpen = false"></div>
-            <div class="fixed inset-y-0 right-0 flex w-full max-w-xs flex-col overflow-y-auto border-l border-zinc-700 bg-zinc-900 px-6 py-5">
+            <div class="fixed inset-0 bg-[var(--theme-overlay)] backdrop-blur-sm" @click="mobileMenuIsOpen = false"></div>
+            <div class="fixed inset-y-0 right-0 flex w-full max-w-xs flex-col overflow-y-auto border-l border-[var(--theme-border)] bg-[var(--theme-bg)] px-6 py-5">
                 <div class="flex items-center justify-between">
-                    <span class="font-mono text-xs tracking-widest text-zinc-400"><span class="font-bold text-rose-500">//</span> menu</span>
-                    <button @click="mobileMenuIsOpen = false" aria-label="Close menu" class="active:scale-96 flex size-8 items-center justify-center text-zinc-400 transition hover:text-zinc-200" type="button">
+                    <span class="font-mono text-xs tracking-widest text-[var(--theme-muted)]"><span class="font-bold text-[var(--theme-accent)]">//</span> menu</span>
+                    <button @click="mobileMenuIsOpen = false" aria-label="Close menu" class="active:scale-96 flex size-8 items-center justify-center text-[var(--theme-muted)] transition hover:text-[var(--theme-fg)]" type="button">
                         <svg class="size-6" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.6" stroke="currentColor" viewBox="0 0 24 24">
                             <path d="M6 18 18 6M6 6l12 12" />
                         </svg>
                     </button>
                 </div>
                 <nav class="mt-8 flex flex-col gap-1">
-                    <a class="rounded-lg px-3 py-2.5 text-sm font-medium text-zinc-300 transition-colors hover:bg-zinc-800 hover:text-zinc-100" href="/docs">Documentation</a>
-                    <a class="rounded-lg px-3 py-2.5 text-sm font-medium text-zinc-300 transition-colors hover:bg-zinc-800 hover:text-zinc-100" href="https://youtube.com/@nunomaduro">YouTube</a>
-                    <a class="rounded-lg px-3 py-2.5 text-sm font-medium text-zinc-300 transition-colors hover:bg-zinc-800 hover:text-zinc-100" href="https://github.com/sponsors/nunomaduro">Sponsor</a>
+                    <a class="rounded-lg px-3 py-2.5 text-sm font-medium text-[var(--theme-fg)] transition-colors hover:bg-[var(--theme-surface-raised)]" href="/docs">Documentation</a>
+                    <a class="rounded-lg px-3 py-2.5 text-sm font-medium text-[var(--theme-fg)] transition-colors hover:bg-[var(--theme-surface-raised)]" href="https://youtube.com/@nunomaduro">YouTube</a>
+                    <a class="rounded-lg px-3 py-2.5 text-sm font-medium text-[var(--theme-fg)] transition-colors hover:bg-[var(--theme-surface-raised)]" href="https://github.com/sponsors/nunomaduro">Sponsor</a>
                 </nav>
-                <a class="active:scale-96 mt-6 inline-flex items-center justify-center gap-2 rounded-xl bg-rose-500 px-4 py-2.5 text-sm font-semibold text-white transition-[background-color,scale] hover:bg-rose-600" href="/docs/installation">Start testing</a>
+                <button @click="$store.theme.toggle()" :aria-label="`Theme: ${$store.theme.mode}. Switch to ${$store.theme.nextMode} theme`" :aria-pressed="$store.theme.mode === 'system' ? 'mixed' : $store.theme.mode === 'light'" aria-label="Theme: dark. Switch to light theme" aria-pressed="false" class="active:scale-96 mt-6 flex w-full items-center gap-3 rounded-lg border border-[var(--theme-border)] bg-[var(--theme-surface-raised)] px-3 py-2.5 text-sm font-medium text-[var(--theme-fg)] transition-[border-color,scale] hover:border-[var(--theme-muted)]" type="button">
+                    <svg x-show="$store.theme.mode === 'light'" x-cloak aria-hidden="true" class="size-5" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.6" stroke="currentColor" viewBox="0 0 24 24">
+                        <circle cx="12" cy="12" r="3.5" />
+                        <path d="M12 2v2M12 20v2M4.93 4.93l1.42 1.42M17.65 17.65l1.42 1.42M2 12h2M20 12h2M4.93 19.07l1.42-1.42M17.65 6.35l1.42-1.42" />
+                    </svg>
+                    <svg x-show="$store.theme.mode === 'dark'" aria-hidden="true" class="size-5" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.6" stroke="currentColor" viewBox="0 0 24 24">
+                        <path d="M20.5 15.5A8.5 8.5 0 0 1 8.5 3.5a8.5 8.5 0 1 0 12 12Z" />
+                    </svg>
+                    <svg x-show="$store.theme.mode === 'system'" x-cloak aria-hidden="true" class="size-5" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.6" stroke="currentColor" viewBox="0 0 24 24">
+                        <rect x="3" y="4" width="18" height="13" rx="2" />
+                        <path d="M8 21h8M12 17v4" />
+                    </svg>
+                    <span x-text="`Theme: ${$store.theme.mode}`">Theme: dark</span>
+                </button>
+                <a class="active:scale-96 mt-6 inline-flex items-center justify-center gap-2 rounded-xl bg-[var(--theme-accent)] px-4 py-2.5 text-sm font-semibold text-[var(--theme-accent-contrast)] transition-[background-color,scale] hover:bg-[var(--theme-accent-hover)]" href="/docs/installation">Start testing</a>
             </div>
         </div>
 
-        <main class="animate-border-in lg:[animation-delay:1100ms] motion-reduce:animate-none container relative mx-auto sm:border-x border-zinc-700">
+        <main class="animate-border-in lg:[animation-delay:1100ms] motion-reduce:animate-none container relative mx-auto border-[var(--theme-border)] sm:border-x">
             <div class="motion-preset-fade motion-duration-1000 lg:motion-delay-[1100ms] motion-reduce:animate-none top-14.25 pointer-events-none fixed inset-x-0 z-10">
                 <div class="container relative mx-auto">
                     <span class="size-2.25 before:w-2.25 after:h-2.25 absolute -left-1 top-px before:absolute before:left-0 before:top-1 before:h-px before:bg-rose-500 before:content-[''] after:absolute after:left-1 after:top-0 after:w-px after:bg-rose-500 after:content-['']"></span>
@@ -176,57 +204,57 @@
                 </div>
             </div>
 
-            <section class="relative" x-data="{ moveSpot(e) { if (!matchMedia('(hover: hover)').matches) return; const r = $refs.spotlight.getBoundingClientRect(); $refs.spotlight.style.setProperty('--spot-x', (e.clientX - r.left) + 'px'); $refs.spotlight.style.setProperty('--spot-y', (e.clientY - r.top) + 'px'); $refs.spotlight.style.opacity = 1; }, clearSpot() { $refs.spotlight.style.opacity = 0; }, syncSpot() { if (!$refs.developers || !$refs.wordSpot) return; const w = $refs.developers.getBoundingClientRect(); const g = $refs.wordSpot.getBoundingClientRect(); $refs.wordSpot.style.setProperty('--spot-x', (w.left - g.left + w.width / 2) + 'px'); $refs.wordSpot.style.setProperty('--spot-y', (w.top - g.top + w.height / 2 + 49) + 'px'); } }" x-init="$nextTick(() => { syncSpot(); document.fonts && document.fonts.ready.then(() => syncSpot()) })" @resize.window="syncSpot()" @animationend="syncSpot()" @pointermove="moveSpot($event)" @pointerleave="clearSpot()">
-                <div class="motion-preset-fade motion-duration-1000 lg:motion-delay-[1100ms] motion-reduce:animate-none bg-size-[3.5rem_3.5rem] mask-[radial-gradient(ellipse_90%_80%_at_60%_20%,#000_30%,transparent_75%)] absolute inset-0 -mt-15.5 bg-[linear-gradient(var(--color-zinc-700)_1px,transparent_1px),linear-gradient(90deg,var(--color-zinc-700)_1px,transparent_1px)] opacity-50 overflow-hidden" x-data x-init="[...$el.querySelectorAll('[data-beam]')].forEach(b => { const c = b.cloneNode(); c.style.setProperty('--beam-delay', (3 * Math.random()).toFixed(1) + 's'); $el.appendChild(c) }); $el.querySelectorAll('[data-beam]').forEach(b => { const roll = () => { const h = b.dataset.beam === 'x'; const cell = 3.5 * parseFloat(getComputedStyle(document.documentElement).fontSize); const lines = Math.floor((h ? $el.clientHeight : $el.clientWidth) / cell); b.style[h ? 'top' : 'left'] = cell * (1 + Math.floor(Math.random() * (lines - 1))) + 'px'; b.style.setProperty('--beam-duration', (1 + 2 * Math.random()).toFixed(1) + 's'); b.style.animationDirection = Math.random() < 0.5 ? 'reverse' : 'normal'; }; roll(); b.addEventListener('animationiteration', roll) })">
-                    <span data-beam="x" class="animate-beam-x motion-reduce:hidden absolute -left-40 w-40 top-28 h-px bg-[linear-gradient(90deg,transparent,var(--color-rose-500),transparent)] drop-shadow-[0_0_6px_var(--color-rose-500)] [--beam-duration:7s]"></span>
-                    <span data-beam="x" class="animate-beam-x motion-reduce:hidden absolute -left-40 w-40 top-56 h-px bg-[linear-gradient(90deg,transparent,var(--color-rose-500),transparent)] drop-shadow-[0_0_6px_var(--color-rose-500)] [--beam-duration:11s] [--beam-delay:2.7s]"></span>
-                    <span data-beam="x" class="animate-beam-x motion-reduce:hidden absolute -left-40 w-40 top-84 h-px bg-[linear-gradient(90deg,transparent,var(--color-rose-500),transparent)] drop-shadow-[0_0_6px_var(--color-rose-500)] [--beam-duration:9s] [--beam-delay:1s]"></span>
-                    <span data-beam="y" class="animate-beam-y motion-reduce:hidden absolute -top-40 h-40 left-70 w-px bg-[linear-gradient(180deg,transparent,var(--color-rose-500),transparent)] drop-shadow-[0_0_6px_var(--color-rose-500)] [--beam-duration:13s] [--beam-delay:1.7s]"></span>
-                    <span data-beam="y" class="animate-beam-y motion-reduce:hidden absolute -top-40 h-40 left-140 w-px bg-[linear-gradient(180deg,transparent,var(--color-rose-500),transparent)] drop-shadow-[0_0_6px_var(--color-rose-500)] [--beam-duration:8s] [--beam-delay:0.5s]"></span>
-                    <span data-beam="y" class="animate-beam-y motion-reduce:hidden absolute -top-40 h-40 left-210 w-px bg-[linear-gradient(180deg,transparent,var(--color-rose-500),transparent)] drop-shadow-[0_0_6px_var(--color-rose-500)] [--beam-duration:10s] [--beam-delay:3.2s]"></span>
-                    <span data-beam="x" class="animate-beam-x motion-reduce:hidden absolute -left-40 w-40 top-14 h-px bg-[linear-gradient(90deg,transparent,var(--color-rose-500),transparent)] drop-shadow-[0_0_6px_var(--color-rose-500)] [--beam-duration:6s] [--beam-delay:2.2s]"></span>
-                    <span data-beam="y" class="animate-beam-y motion-reduce:hidden absolute -top-40 h-40 left-42 w-px bg-[linear-gradient(180deg,transparent,var(--color-rose-500),transparent)] drop-shadow-[0_0_6px_var(--color-rose-500)] [--beam-duration:12s] [--beam-delay:1.2s]"></span>
-                    <span data-beam="y" class="animate-beam-y motion-reduce:hidden absolute -top-40 h-40 left-252 w-px bg-[linear-gradient(180deg,transparent,var(--color-rose-500),transparent)] drop-shadow-[0_0_6px_var(--color-rose-500)] [--beam-duration:9s] [--beam-delay:3.7s]"></span>
-                    <span data-beam="x" class="animate-beam-x motion-reduce:hidden absolute -left-40 w-40 top-70 h-px bg-[linear-gradient(90deg,transparent,var(--color-rose-500),transparent)] drop-shadow-[0_0_6px_var(--color-rose-500)] [--beam-duration:5s] [--beam-delay:0.2s]"></span>
-                    <span data-beam="x" class="animate-beam-x motion-reduce:hidden absolute -left-40 w-40 top-98 h-px bg-[linear-gradient(90deg,transparent,var(--color-rose-500),transparent)] drop-shadow-[0_0_6px_var(--color-rose-500)] [--beam-duration:7s] [--beam-delay:1.5s]"></span>
-                    <span data-beam="y" class="animate-beam-y motion-reduce:hidden absolute -top-40 h-40 left-98 w-px bg-[linear-gradient(180deg,transparent,var(--color-rose-500),transparent)] drop-shadow-[0_0_6px_var(--color-rose-500)] [--beam-duration:6s] [--beam-delay:0.8s]"></span>
-                    <span data-beam="y" class="animate-beam-y motion-reduce:hidden absolute -top-40 h-40 left-168 w-px bg-[linear-gradient(180deg,transparent,var(--color-rose-500),transparent)] drop-shadow-[0_0_6px_var(--color-rose-500)] [--beam-duration:8s] [--beam-delay:2.3s]"></span>
-                    <span data-beam="y" class="animate-beam-y motion-reduce:hidden absolute -top-40 h-40 left-28 w-px bg-[linear-gradient(180deg,transparent,var(--color-rose-500),transparent)] drop-shadow-[0_0_6px_var(--color-rose-500)] [--beam-duration:10s] [--beam-delay:3s]"></span>
+            <section class="relative bg-[var(--theme-bg)]" x-data="{ moveSpot(e) { if (!matchMedia('(hover: hover)').matches) return; const r = $refs.spotlight.getBoundingClientRect(); $refs.spotlight.style.setProperty('--spot-x', (e.clientX - r.left) + 'px'); $refs.spotlight.style.setProperty('--spot-y', (e.clientY - r.top) + 'px'); $refs.spotlight.style.opacity = 1; }, clearSpot() { $refs.spotlight.style.opacity = 0; }, syncSpot() { if (!$refs.developers || !$refs.wordSpot) return; const w = $refs.developers.getBoundingClientRect(); const g = $refs.wordSpot.getBoundingClientRect(); $refs.wordSpot.style.setProperty('--spot-x', (w.left - g.left + w.width / 2) + 'px'); $refs.wordSpot.style.setProperty('--spot-y', (w.top - g.top + w.height / 2 + 49) + 'px'); } }" x-init="$nextTick(() => { syncSpot(); document.fonts && document.fonts.ready.then(() => syncSpot()) })" @resize.window="syncSpot()" @animationend="syncSpot()" @pointermove="moveSpot($event)" @pointerleave="clearSpot()">
+                <div class="motion-preset-fade motion-duration-1000 lg:motion-delay-[1100ms] motion-reduce:animate-none bg-size-[3.5rem_3.5rem] mask-[radial-gradient(ellipse_90%_80%_at_60%_20%,#000_30%,transparent_75%)] absolute inset-0 -mt-15.5 bg-[linear-gradient(var(--theme-grid-line)_1px,transparent_1px),linear-gradient(90deg,var(--theme-grid-line)_1px,transparent_1px)] opacity-[var(--theme-hero-grid-opacity)] overflow-hidden" x-data x-init="[...$el.querySelectorAll('[data-beam]')].forEach(b => { const c = b.cloneNode(); c.style.setProperty('--beam-delay', (3 * Math.random()).toFixed(1) + 's'); $el.appendChild(c) }); $el.querySelectorAll('[data-beam]').forEach(b => { const roll = () => { const h = b.dataset.beam === 'x'; const cell = 3.5 * parseFloat(getComputedStyle(document.documentElement).fontSize); const lines = Math.floor((h ? $el.clientHeight : $el.clientWidth) / cell); b.style[h ? 'top' : 'left'] = cell * (1 + Math.floor(Math.random() * (lines - 1))) + 'px'; b.style.setProperty('--beam-duration', (1 + 2 * Math.random()).toFixed(1) + 's'); b.style.animationDirection = Math.random() < 0.5 ? 'reverse' : 'normal'; }; roll(); b.addEventListener('animationiteration', roll) })">
+                    <span data-beam="x" class="animate-beam-x motion-reduce:hidden absolute -left-40 w-40 top-28 h-px bg-[linear-gradient(90deg,transparent,var(--theme-hero-beam),transparent)] drop-shadow-[0_0_6px_var(--theme-hero-beam)] [--beam-duration:7s]"></span>
+                    <span data-beam="x" class="animate-beam-x motion-reduce:hidden absolute -left-40 w-40 top-56 h-px bg-[linear-gradient(90deg,transparent,var(--theme-hero-beam),transparent)] drop-shadow-[0_0_6px_var(--theme-hero-beam)] [--beam-duration:11s] [--beam-delay:2.7s]"></span>
+                    <span data-beam="x" class="animate-beam-x motion-reduce:hidden absolute -left-40 w-40 top-84 h-px bg-[linear-gradient(90deg,transparent,var(--theme-hero-beam),transparent)] drop-shadow-[0_0_6px_var(--theme-hero-beam)] [--beam-duration:9s] [--beam-delay:1s]"></span>
+                    <span data-beam="y" class="animate-beam-y motion-reduce:hidden absolute -top-40 h-40 left-70 w-px bg-[linear-gradient(180deg,transparent,var(--theme-hero-beam),transparent)] drop-shadow-[0_0_6px_var(--theme-hero-beam)] [--beam-duration:13s] [--beam-delay:1.7s]"></span>
+                    <span data-beam="y" class="animate-beam-y motion-reduce:hidden absolute -top-40 h-40 left-140 w-px bg-[linear-gradient(180deg,transparent,var(--theme-hero-beam),transparent)] drop-shadow-[0_0_6px_var(--theme-hero-beam)] [--beam-duration:8s] [--beam-delay:0.5s]"></span>
+                    <span data-beam="y" class="animate-beam-y motion-reduce:hidden absolute -top-40 h-40 left-210 w-px bg-[linear-gradient(180deg,transparent,var(--theme-hero-beam),transparent)] drop-shadow-[0_0_6px_var(--theme-hero-beam)] [--beam-duration:10s] [--beam-delay:3.2s]"></span>
+                    <span data-beam="x" class="animate-beam-x motion-reduce:hidden absolute -left-40 w-40 top-14 h-px bg-[linear-gradient(90deg,transparent,var(--theme-hero-beam),transparent)] drop-shadow-[0_0_6px_var(--theme-hero-beam)] [--beam-duration:6s] [--beam-delay:2.2s]"></span>
+                    <span data-beam="y" class="animate-beam-y motion-reduce:hidden absolute -top-40 h-40 left-42 w-px bg-[linear-gradient(180deg,transparent,var(--theme-hero-beam),transparent)] drop-shadow-[0_0_6px_var(--theme-hero-beam)] [--beam-duration:12s] [--beam-delay:1.2s]"></span>
+                    <span data-beam="y" class="animate-beam-y motion-reduce:hidden absolute -top-40 h-40 left-252 w-px bg-[linear-gradient(180deg,transparent,var(--theme-hero-beam),transparent)] drop-shadow-[0_0_6px_var(--theme-hero-beam)] [--beam-duration:9s] [--beam-delay:3.7s]"></span>
+                    <span data-beam="x" class="animate-beam-x motion-reduce:hidden absolute -left-40 w-40 top-70 h-px bg-[linear-gradient(90deg,transparent,var(--theme-hero-beam),transparent)] drop-shadow-[0_0_6px_var(--theme-hero-beam)] [--beam-duration:5s] [--beam-delay:0.2s]"></span>
+                    <span data-beam="x" class="animate-beam-x motion-reduce:hidden absolute -left-40 w-40 top-98 h-px bg-[linear-gradient(90deg,transparent,var(--theme-hero-beam),transparent)] drop-shadow-[0_0_6px_var(--theme-hero-beam)] [--beam-duration:7s] [--beam-delay:1.5s]"></span>
+                    <span data-beam="y" class="animate-beam-y motion-reduce:hidden absolute -top-40 h-40 left-98 w-px bg-[linear-gradient(180deg,transparent,var(--theme-hero-beam),transparent)] drop-shadow-[0_0_6px_var(--theme-hero-beam)] [--beam-duration:6s] [--beam-delay:0.8s]"></span>
+                    <span data-beam="y" class="animate-beam-y motion-reduce:hidden absolute -top-40 h-40 left-168 w-px bg-[linear-gradient(180deg,transparent,var(--theme-hero-beam),transparent)] drop-shadow-[0_0_6px_var(--theme-hero-beam)] [--beam-duration:8s] [--beam-delay:2.3s]"></span>
+                    <span data-beam="y" class="animate-beam-y motion-reduce:hidden absolute -top-40 h-40 left-28 w-px bg-[linear-gradient(180deg,transparent,var(--theme-hero-beam),transparent)] drop-shadow-[0_0_6px_var(--theme-hero-beam)] [--beam-duration:10s] [--beam-delay:3s]"></span>
                 </div>
-                <div class="bg-size-[3.5rem_3.5rem] mask-[radial-gradient(220px_circle_at_var(--spot-x,50%)_var(--spot-y,50%),#000,transparent),radial-gradient(ellipse_90%_80%_at_60%_20%,#000_30%,transparent_75%)] mask-intersect pointer-events-none absolute inset-0 -mt-15.5 bg-[linear-gradient(var(--color-rose-800)_1px,transparent_1px),linear-gradient(90deg,var(--color-rose-900)_1px,transparent_1px)] opacity-0 transition-opacity duration-300" x-ref="spotlight"></div>
-                <div class="motion-preset-fade motion-duration-1000 lg:motion-delay-[1100ms] motion-reduce:animate-none bg-size-[3.5rem_3.5rem] mask-[radial-gradient(220px_circle_at_var(--spot-x,-999px)_var(--spot-y,-999px),#000,transparent),radial-gradient(ellipse_90%_80%_at_60%_20%,#000_30%,transparent_75%)] mask-intersect pointer-events-none absolute inset-0 -mt-15.5 bg-[linear-gradient(var(--color-rose-800)_1px,transparent_1px),linear-gradient(90deg,var(--color-rose-800)_1px,transparent_1px)]" x-ref="wordSpot"></div>
+                <div class="bg-size-[3.5rem_3.5rem] mask-[radial-gradient(220px_circle_at_var(--spot-x,50%)_var(--spot-y,50%),#000,transparent),radial-gradient(ellipse_90%_80%_at_60%_20%,#000_30%,transparent_75%)] mask-intersect pointer-events-none absolute inset-0 -mt-15.5 bg-[linear-gradient(var(--theme-hero-spotlight)_1px,transparent_1px),linear-gradient(90deg,var(--theme-hero-spotlight-subtle)_1px,transparent_1px)] opacity-0 transition-opacity duration-300" x-ref="spotlight"></div>
+                <div class="motion-preset-fade motion-duration-1000 lg:motion-delay-[1100ms] motion-reduce:animate-none bg-size-[3.5rem_3.5rem] mask-[radial-gradient(220px_circle_at_var(--spot-x,-999px)_var(--spot-y,-999px),#000,transparent),radial-gradient(ellipse_90%_80%_at_60%_20%,#000_30%,transparent_75%)] mask-intersect pointer-events-none absolute inset-0 -mt-15.5 bg-[linear-gradient(var(--theme-hero-spotlight)_1px,transparent_1px),linear-gradient(90deg,var(--theme-hero-spotlight)_1px,transparent_1px)]" x-ref="wordSpot"></div>
                 <div aria-hidden="true" class="animate-intro-out pointer-events-none absolute inset-0 hidden items-center justify-center lg:flex motion-reduce:lg:hidden">
                     <div class="relative w-160">
-                        <svg class="animate-crt-in h-auto w-full fill-zinc-200 opacity-0" viewBox="0 0 381 100" xmlns="http://www.w3.org/2000/svg"><use href="#pest-wordmark" /></svg>
-                        <div class="absolute inset-0 bg-[repeating-linear-gradient(0deg,transparent_0_2px,rgba(24,24,27,0.45)_2px_4px)]"></div>
+                        <svg class="animate-crt-in h-auto w-full fill-[var(--theme-fg)] opacity-0" viewBox="0 0 381 100" xmlns="http://www.w3.org/2000/svg"><use href="#pest-wordmark" /></svg>
+                        <div class="absolute inset-0 bg-[repeating-linear-gradient(0deg,transparent_0_2px,var(--theme-hero-scanline)_2px_4px)]"></div>
                     </div>
                 </div>
                 <div class="relative grid items-center gap-12 px-5 pb-12 pt-14 sm:px-10 lg:grid-cols-[1.05fr_0.95fr] lg:pb-[72px] lg:pt-20">
                     <div>
-                        <a href="/docs/pest5-now-available" class="motion-preset-slide-up lg:motion-delay-[1100ms] motion-reduce:animate-none flex items-center gap-2.5 font-mono text-xs tracking-widest text-zinc-400 transition-colors hover:text-zinc-200">
-                            <span class="font-bold text-rose-500">//</span> pest 5 — now available
+                        <a href="/docs/pest5-now-available" class="motion-preset-slide-up lg:motion-delay-[1100ms] motion-reduce:animate-none flex items-center gap-2.5 font-mono text-xs tracking-widest text-[var(--theme-muted)] transition-colors hover:text-[var(--theme-fg)]">
+                            <span class="font-bold text-[var(--theme-accent)]">//</span> pest 5 — now available
                         </a>
-                        <h1 class="motion-preset-slide-up motion-delay-100 lg:motion-delay-[1200ms] motion-reduce:animate-none font-display font-stretch-112% mb-4 mt-5 text-[clamp(1.875rem,8.6vw,2.5rem)] font-extrabold leading-[1.05] tracking-tight sm:text-[clamp(2.125rem,4vw,3.125rem)]">
+                        <h1 class="motion-preset-slide-up motion-delay-100 lg:motion-delay-[1200ms] motion-reduce:animate-none font-display font-stretch-112% mb-4 mt-5 text-[clamp(1.875rem,8.6vw,2.5rem)] font-extrabold leading-[1.05] tracking-tight text-[var(--theme-fg)] sm:text-[clamp(2.125rem,4vw,3.125rem)]">
                             The elegant<br>testing framework<br><span class="whitespace-nowrap">for PHP <span x-ref="developers">developers</span></span>
-                            <span class="relative whitespace-nowrap italic text-rose-500 after:absolute after:inset-x-0 after:bottom-1.5 after:-z-10 after:h-2.5 after:bg-rose-950 after:content-['']">and AI agents.</span>
+                            <span class="relative whitespace-nowrap italic text-[var(--theme-accent)] after:absolute after:inset-x-0 after:bottom-1.5 after:-z-10 after:h-2.5 after:bg-[var(--theme-accent)] after:opacity-20 after:content-['']">and AI agents.</span>
                         </h1>
-                        <p class="motion-preset-slide-up motion-delay-200 lg:motion-delay-[1300ms] motion-reduce:animate-none mb-7 max-w-[48ch] text-pretty text-lg text-zinc-400">Pest brings the joy of testing to PHP — for you and your coding agents. Browser testing and AI evals are built in, and agents verify their own work, end to end.</p>
+                        <p class="motion-preset-slide-up motion-delay-200 lg:motion-delay-[1300ms] motion-reduce:animate-none mb-7 max-w-[48ch] text-pretty text-lg text-[var(--theme-muted)]">Pest brings the joy of testing to PHP — for you and your coding agents. Browser testing and AI evals are built in, and agents verify their own work, end to end.</p>
                         <div class="motion-preset-slide-up motion-delay-300 lg:motion-delay-[1400ms] motion-reduce:animate-none flex flex-wrap items-center gap-3">
-                            <a class="active:scale-96 inline-flex items-center gap-2 rounded-xl bg-rose-500 px-4 py-2.5 text-sm font-semibold text-white transition-[background-color,scale] hover:bg-rose-600" href="/docs/installation">Start testing</a>
-                            <a class="active:scale-96 inline-flex items-center gap-2 rounded-xl border border-white/15 bg-white/5 px-4 py-2.5 text-sm font-semibold transition-[border-color,scale] hover:border-white/30" href="https://github.com/pestphp/pest">Source code</a>
+                            <a class="active:scale-96 inline-flex items-center gap-2 rounded-xl bg-[var(--theme-accent)] px-4 py-2.5 text-sm font-semibold text-[var(--theme-accent-contrast)] transition-[background-color,scale] hover:bg-[var(--theme-accent-hover)]" href="/docs/installation">Start testing</a>
+                            <a class="active:scale-96 inline-flex items-center gap-2 rounded-xl border border-[var(--theme-border)] bg-[var(--theme-surface-raised)] px-4 py-2.5 text-sm font-semibold text-[var(--theme-fg)] transition-[background-color,border-color,scale] hover:border-[var(--theme-muted)] hover:bg-[var(--theme-surface-inset)]" href="https://github.com/pestphp/pest">Source code</a>
                         </div>
                     </div>
 
-                    <div class="motion-preset-blur-up motion-blur-in-lg motion-delay-[400ms] lg:motion-delay-[1500ms] motion-reduce:animate-none relative overflow-hidden rounded-2xl border border-zinc-700 bg-zinc-800 shadow-[0_24px_60px_-30px_rgba(23,22,27,0.18)]" x-data="{ tab: 'browser' }">
-                        <div class="scrollbar-ghost flex overflow-x-auto border-b border-zinc-700 px-2" role="tablist">
-                            <button @click="tab = 'browser'" :aria-selected="tab === 'browser'" class="cursor-pointer whitespace-nowrap border-b-2 border-transparent px-3 py-3 font-mono text-xs text-zinc-400 transition-colors hover:text-zinc-200 aria-selected:border-rose-500 aria-selected:text-zinc-200" role="tab" type="button">BrowserTest.php</button>
-                            <button @click="tab = 'feature'" :aria-selected="tab === 'feature'" class="cursor-pointer whitespace-nowrap border-b-2 border-transparent px-3 py-3 font-mono text-xs text-zinc-400 transition-colors hover:text-zinc-200 aria-selected:border-rose-500 aria-selected:text-zinc-200" role="tab" type="button">FeatureTest.php</button>
-                            <button @click="tab = 'unit'" :aria-selected="tab === 'unit'" class="cursor-pointer whitespace-nowrap border-b-2 border-transparent px-3 py-3 font-mono text-xs text-zinc-400 transition-colors hover:text-zinc-200 aria-selected:border-rose-500 aria-selected:text-zinc-200" role="tab" type="button">UnitTest.php</button>
-                            <button @click="tab = 'eval'" :aria-selected="tab === 'eval'" class="cursor-pointer whitespace-nowrap border-b-2 border-transparent px-3 py-3 font-mono text-xs text-zinc-400 transition-colors hover:text-zinc-200 aria-selected:border-rose-500 aria-selected:text-zinc-200" role="tab" type="button">EvalTest.php</button>
-                            <button @click="tab = 'arch'" :aria-selected="tab === 'arch'" class="cursor-pointer whitespace-nowrap border-b-2 border-transparent px-3 py-3 font-mono text-xs text-zinc-400 transition-colors hover:text-zinc-200 aria-selected:border-rose-500 aria-selected:text-zinc-200" role="tab" type="button">ArchTest.php</button>
+                    <div data-code-preview class="motion-preset-blur-up motion-blur-in-lg motion-delay-[400ms] lg:motion-delay-[1500ms] motion-reduce:animate-none relative overflow-hidden rounded-2xl border border-[var(--theme-code-border)] bg-[var(--theme-code-panel)] shadow-[0_24px_60px_-30px_var(--theme-code-shadow)]" x-data="{ tab: 'browser' }">
+                        <div class="scrollbar-ghost flex overflow-x-auto border-b border-[var(--theme-code-border)] px-2" role="tablist">
+                            <button @click="tab = 'browser'" :aria-selected="tab === 'browser'" class="cursor-pointer whitespace-nowrap border-b-2 border-transparent px-3 py-3 font-mono text-xs text-[var(--theme-code-tab-muted)] transition-colors hover:text-[var(--theme-code-tab-active)] aria-selected:border-[var(--theme-code-accent)] aria-selected:text-[var(--theme-code-tab-active)]" role="tab" type="button">BrowserTest.php</button>
+                            <button @click="tab = 'feature'" :aria-selected="tab === 'feature'" class="cursor-pointer whitespace-nowrap border-b-2 border-transparent px-3 py-3 font-mono text-xs text-[var(--theme-code-tab-muted)] transition-colors hover:text-[var(--theme-code-tab-active)] aria-selected:border-[var(--theme-code-accent)] aria-selected:text-[var(--theme-code-tab-active)]" role="tab" type="button">FeatureTest.php</button>
+                            <button @click="tab = 'unit'" :aria-selected="tab === 'unit'" class="cursor-pointer whitespace-nowrap border-b-2 border-transparent px-3 py-3 font-mono text-xs text-[var(--theme-code-tab-muted)] transition-colors hover:text-[var(--theme-code-tab-active)] aria-selected:border-[var(--theme-code-accent)] aria-selected:text-[var(--theme-code-tab-active)]" role="tab" type="button">UnitTest.php</button>
+                            <button @click="tab = 'eval'" :aria-selected="tab === 'eval'" class="cursor-pointer whitespace-nowrap border-b-2 border-transparent px-3 py-3 font-mono text-xs text-[var(--theme-code-tab-muted)] transition-colors hover:text-[var(--theme-code-tab-active)] aria-selected:border-[var(--theme-code-accent)] aria-selected:text-[var(--theme-code-tab-active)]" role="tab" type="button">EvalTest.php</button>
+                            <button @click="tab = 'arch'" :aria-selected="tab === 'arch'" class="cursor-pointer whitespace-nowrap border-b-2 border-transparent px-3 py-3 font-mono text-xs text-[var(--theme-code-tab-muted)] transition-colors hover:text-[var(--theme-code-tab-active)] aria-selected:border-[var(--theme-code-accent)] aria-selected:text-[var(--theme-code-tab-active)]" role="tab" type="button">ArchTest.php</button>
                         </div>
                         <div class="grid">
-                            <div :class="tab === 'browser' ? '' : 'invisible opacity-0'" class="text-xs-plus col-start-1 row-start-1 overflow-x-auto whitespace-nowrap px-5 py-4 font-mono leading-[1.85] text-zinc-300 transition-opacity duration-200">
+                            <div :class="tab === 'browser' ? '' : 'invisible opacity-0'" class="text-xs-plus col-start-1 row-start-1 overflow-x-auto whitespace-nowrap px-5 py-4 font-mono leading-[1.85] text-[var(--theme-code-text)] transition-opacity duration-200">
                                 <div><span class="text-green-400">it</span>(<span class="text-yellow-200">'may login'</span>, <span class="text-pink-400">function</span> () {</div>
                                 <div>&nbsp;&nbsp;&nbsp;&nbsp;<span class="text-zinc-100">$user</span> <span class="text-pink-400">=</span> <span class="text-cyan-300">User</span><span class="text-pink-400">::</span><span class="text-green-400">factory</span>()<span class="text-pink-400">-></span><span class="text-green-400">create</span>();</div>
                                 <div>&nbsp;</div>
@@ -239,7 +267,7 @@ <h1 class="motion-preset-slide-up motion-delay-100 lg:motion-delay-[1200ms] moti
                                 <div>&nbsp;&nbsp;&nbsp;&nbsp;<span class="text-zinc-100">$this</span><span class="text-pink-400">-></span><span class="text-green-400">assertAuthenticatedAs</span>(<span class="text-zinc-100">$user</span>);</div>
                                 <div>});</div>
                             </div>
-                            <div :class="tab === 'feature' ? '' : 'invisible opacity-0'" class="text-xs-plus col-start-1 row-start-1 overflow-x-auto whitespace-nowrap px-5 py-4 font-mono leading-[1.85] text-zinc-300 transition-opacity duration-200">
+                            <div :class="tab === 'feature' ? '' : 'invisible opacity-0'" class="text-xs-plus col-start-1 row-start-1 overflow-x-auto whitespace-nowrap px-5 py-4 font-mono leading-[1.85] text-[var(--theme-code-text)] transition-opacity duration-200">
                                 <div><span class="text-green-400">it</span>(<span class="text-yellow-200">'creates a post'</span>, <span class="text-pink-400">function</span> () {</div>
                                 <div>&nbsp;&nbsp;&nbsp;&nbsp;<span class="text-zinc-100">$user</span> <span class="text-pink-400">=</span> <span class="text-cyan-300">User</span><span class="text-pink-400">::</span><span class="text-green-400">factory</span>()<span class="text-pink-400">-></span><span class="text-green-400">create</span>();</div>
                                 <div>&nbsp;</div>
@@ -250,7 +278,7 @@ <h1 class="motion-preset-slide-up motion-delay-100 lg:motion-delay-[1200ms] moti
                                 <div>&nbsp;&nbsp;&nbsp;&nbsp;<span class="text-green-400">expect</span>(<span class="text-zinc-100">$user</span><span class="text-pink-400">-></span>posts)<span class="text-pink-400">-></span><span class="text-green-400">toHaveCount</span>(<span class="text-violet-300">1</span>);</div>
                                 <div>});</div>
                             </div>
-                            <div :class="tab === 'unit' ? '' : 'invisible opacity-0'" class="text-xs-plus col-start-1 row-start-1 overflow-x-auto whitespace-nowrap px-5 py-4 font-mono leading-[1.85] text-zinc-300 transition-opacity duration-200">
+                            <div :class="tab === 'unit' ? '' : 'invisible opacity-0'" class="text-xs-plus col-start-1 row-start-1 overflow-x-auto whitespace-nowrap px-5 py-4 font-mono leading-[1.85] text-[var(--theme-code-text)] transition-opacity duration-200">
                                 <div><span class="text-green-400">it</span>(<span class="text-yellow-200">'performs sums'</span>, <span class="text-pink-400">function</span> () {</div>
                                 <div>&nbsp;&nbsp;&nbsp;&nbsp;<span class="text-green-400">expect</span>(<span class="text-green-400">sum</span>(<span class="text-violet-300">1</span>, <span class="text-violet-300">2</span>))</div>
                                 <div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="text-pink-400">-></span><span class="text-green-400">toBe</span>(<span class="text-violet-300">3</span>)</div>
@@ -258,7 +286,7 @@ <h1 class="motion-preset-slide-up motion-delay-100 lg:motion-delay-[1200ms] moti
                                 <div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="text-pink-400">-></span>not<span class="text-pink-400">-></span><span class="text-green-400">toBeString</span>();</div>
                                 <div>});</div>
                             </div>
-                            <div :class="tab === 'eval' ? '' : 'invisible opacity-0'" class="text-xs-plus col-start-1 row-start-1 overflow-x-auto whitespace-nowrap px-5 py-4 font-mono leading-[1.85] text-zinc-300 transition-opacity duration-200">
+                            <div :class="tab === 'eval' ? '' : 'invisible opacity-0'" class="text-xs-plus col-start-1 row-start-1 overflow-x-auto whitespace-nowrap px-5 py-4 font-mono leading-[1.85] text-[var(--theme-code-text)] transition-opacity duration-200">
                                 <div><span class="text-green-400">it</span>(<span class="text-yellow-200">'classifies sentiment'</span>, <span class="text-pink-400">function</span> () {</div>
                                 <div>&nbsp;&nbsp;&nbsp;&nbsp;<span class="text-green-400">expect</span>(<span class="text-cyan-300">SentimentAgent</span><span class="text-pink-400">::</span><span class="text-pink-400">class</span>)</div>
                                 <div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="text-pink-400">-></span><span class="text-green-400">prompt</span>(<span class="text-yellow-200">'Is "I love Pest" positive?'</span>)</div>
@@ -266,7 +294,7 @@ <h1 class="motion-preset-slide-up motion-delay-100 lg:motion-delay-[1200ms] moti
                                 <div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="text-pink-400">-></span><span class="text-green-400">toSatisfy</span>(<span class="text-yellow-200">'answers in one word'</span>);</div>
                                 <div>});</div>
                             </div>
-                            <div :class="tab === 'arch' ? '' : 'invisible opacity-0'" class="text-xs-plus col-start-1 row-start-1 overflow-x-auto whitespace-nowrap px-5 py-4 font-mono leading-[1.85] text-zinc-300 transition-opacity duration-200">
+                            <div :class="tab === 'arch' ? '' : 'invisible opacity-0'" class="text-xs-plus col-start-1 row-start-1 overflow-x-auto whitespace-nowrap px-5 py-4 font-mono leading-[1.85] text-[var(--theme-code-text)] transition-opacity duration-200">
                                 <div><span class="text-green-400">arch</span>()<span class="text-pink-400">-></span><span class="text-green-400">preset</span>()<span class="text-pink-400">-></span><span class="text-green-400">laravel</span>();</div>
                                 <div><span class="text-green-400">arch</span>()<span class="text-pink-400">-></span><span class="text-green-400">preset</span>()<span class="text-pink-400">-></span><span class="text-green-400">security</span>();</div>
                                 <div>&nbsp;</div>
@@ -276,7 +304,7 @@ <h1 class="motion-preset-slide-up motion-delay-100 lg:motion-delay-[1200ms] moti
                                 <div>&nbsp;&nbsp;&nbsp;&nbsp;<span class="text-pink-400">-></span>not<span class="text-pink-400">-></span><span class="text-green-400">toUse</span>([<span class="text-yellow-200">'dd'</span>, <span class="text-yellow-200">'dump'</span>, <span class="text-yellow-200">'die'</span>]);</div>
                             </div>
                         </div>
-                        <div class="mx-4 mb-4 grid rounded-[10px] bg-zinc-900 px-4 py-3.5 font-mono text-xs leading-[1.9] text-zinc-300">
+                        <div data-code-output class="mx-4 mb-4 grid rounded-[10px] bg-[var(--theme-code-terminal)] px-4 py-3.5 font-mono text-xs leading-[1.9] text-[var(--theme-code-text)]">
                             <div :class="tab === 'browser' ? '' : 'invisible opacity-0'" class="col-start-1 row-start-1 overflow-x-auto whitespace-nowrap transition-opacity duration-200">
                                 <div><span class="text-zinc-500">$</span> ./vendor/bin/pest</div>
                                 <div>&nbsp;&nbsp;<span class="bg-green-400 px-1.5 font-bold text-zinc-900">PASS</span>&nbsp; Tests\Browser\AuthenticationTest</div>
@@ -312,11 +340,11 @@ <h1 class="motion-preset-slide-up motion-delay-100 lg:motion-delay-[1200ms] moti
                 </div>
             </section>
 
-            <section aria-label="Partners" class="motion-preset-fade motion-delay-500 lg:motion-delay-[1600ms] motion-reduce:animate-none relative border-y border-zinc-700">
-                <span class="-top-1.25 size-2.25 before:w-2.25 after:h-2.25 -left-1.25 pointer-events-none absolute z-10 before:absolute before:left-0 before:top-1 before:h-px before:bg-rose-500 before:content-[''] after:absolute after:left-1 after:top-0 after:w-px after:bg-rose-500 after:content-['']"></span>
-                <span class="-right-1.25 -top-1.25 size-2.25 before:w-2.25 after:h-2.25 pointer-events-none absolute z-10 before:absolute before:left-0 before:top-1 before:h-px before:bg-rose-500 before:content-[''] after:absolute after:left-1 after:top-0 after:w-px after:bg-rose-500 after:content-['']"></span>
+            <section aria-label="Partners" class="motion-preset-fade motion-delay-500 lg:motion-delay-[1600ms] motion-reduce:animate-none relative border-y border-[var(--theme-border)] bg-[var(--theme-bg)]">
+                <span class="-top-1.25 size-2.25 before:w-2.25 after:h-2.25 -left-1.25 pointer-events-none absolute z-10 before:absolute before:left-0 before:top-1 before:h-px before:bg-[var(--theme-accent)] before:content-[''] after:absolute after:left-1 after:top-0 after:w-px after:bg-[var(--theme-accent)] after:content-['']"></span>
+                <span class="-right-1.25 -top-1.25 size-2.25 before:w-2.25 after:h-2.25 pointer-events-none absolute z-10 before:absolute before:left-0 before:top-1 before:h-px before:bg-[var(--theme-accent)] before:content-[''] after:absolute after:left-1 after:top-0 after:w-px after:bg-[var(--theme-accent)] after:content-['']"></span>
                 <div class="grid items-stretch lg:grid-cols-[auto_1fr]">
-                    <div class="flex items-center border-b border-zinc-700 px-5 py-6 font-mono text-xs uppercase tracking-widest text-zinc-400 sm:px-10 lg:border-b-0 lg:border-r">
+                    <div class="flex items-center border-b border-[var(--theme-border)] px-5 py-6 font-mono text-xs uppercase tracking-widest text-[var(--theme-muted)] sm:px-10 lg:border-b-0 lg:border-r">
                         Backed by teams<br>who ship with Pest
                     </div>
                     <div class="mask-[linear-gradient(90deg,transparent,black_8%,black_92%,transparent)] relative overflow-hidden" x-data="{ shuffle: list => list.map(s => [Math.random(), s]).sort((a, b) => a[0] - b[0]).map(s => s[1]), all: [
@@ -336,19 +364,19 @@ <h1 class="motion-preset-slide-up motion-delay-100 lg:motion-delay-[1200ms] moti
                     ], sponsors: [], init() { this.sponsors = [...this.shuffle(this.all.filter(s => s.tier === 1)), ...this.shuffle(this.all.filter(s => s.tier === 2))] } }">
                         <div class="animate-marquee flex w-max hover:[animation-play-state:paused] motion-reduce:animate-none">
                             <template x-for="sponsor in sponsors" :key="sponsor.alt">
-                                <a class="flex items-center border-r border-zinc-700 px-12 py-7" :href="sponsor.href" target="_blank"><img :alt="sponsor.alt" class="w-auto object-contain shrink-0" :class="sponsor.h" loading="lazy" :src="sponsor.src"></a>
+                                <a class="flex items-center border-r border-[var(--theme-border)] px-12 py-7" :href="sponsor.href" target="_blank"><img :alt="sponsor.alt" class="w-auto shrink-0 object-contain opacity-[var(--theme-partner-logo-opacity)] [filter:var(--theme-partner-logo-filter)]" :class="sponsor.h" loading="lazy" :src="sponsor.src"></a>
                             </template>
                             <template x-for="sponsor in sponsors" :key="'clone-' + sponsor.alt">
-                                <div aria-hidden="true" class="flex items-center border-r border-zinc-700 px-12 py-7"><img alt="" class="w-auto object-contain shrink-0" :class="sponsor.h" loading="lazy" :src="sponsor.src"></div>
+                                <div aria-hidden="true" class="flex items-center border-r border-[var(--theme-border)] px-12 py-7"><img alt="" class="w-auto shrink-0 object-contain opacity-[var(--theme-partner-logo-opacity)] [filter:var(--theme-partner-logo-filter)]" :class="sponsor.h" loading="lazy" :src="sponsor.src"></div>
                             </template>
                         </div>
                     </div>
                 </div>
-                <span class="-bottom-1.25 size-2.25 before:w-2.25 after:h-2.25 -left-1.25 pointer-events-none absolute z-10 before:absolute before:left-0 before:top-1 before:h-px before:bg-rose-500 before:content-[''] after:absolute after:left-1 after:top-0 after:w-px after:bg-rose-500 after:content-['']"></span>
-                <span class="-bottom-1.25 -right-1.25 size-2.25 before:w-2.25 after:h-2.25 pointer-events-none absolute z-10 before:absolute before:left-0 before:top-1 before:h-px before:bg-rose-500 before:content-[''] after:absolute after:left-1 after:top-0 after:w-px after:bg-rose-500 after:content-['']"></span>
+                <span class="-bottom-1.25 size-2.25 before:w-2.25 after:h-2.25 -left-1.25 pointer-events-none absolute z-10 before:absolute before:left-0 before:top-1 before:h-px before:bg-[var(--theme-accent)] before:content-[''] after:absolute after:left-1 after:top-0 after:w-px after:bg-[var(--theme-accent)] after:content-['']"></span>
+                <span class="-bottom-1.25 -right-1.25 size-2.25 before:w-2.25 after:h-2.25 pointer-events-none absolute z-10 before:absolute before:left-0 before:top-1 before:h-px before:bg-[var(--theme-accent)] before:content-[''] after:absolute after:left-1 after:top-0 after:w-px after:bg-[var(--theme-accent)] after:content-['']"></span>
             </section>
 
-            <section class="motion-preset-fade motion-delay-[600ms] lg:motion-delay-[1700ms] motion-reduce:animate-none relative" id="why">
+            <section data-theme-section class="motion-preset-fade motion-delay-[600ms] lg:motion-delay-[1700ms] motion-reduce:animate-none relative" id="why">
                 <div class="pt-19 px-5 pb-10 sm:px-10">
                     <div class="flex items-center gap-2.5 font-mono text-xs tracking-widest text-zinc-400">
                         <span class="font-bold text-rose-500">//</span> test with confidence
@@ -558,7 +586,7 @@ <h3 class="font-display font-stretch-112% mb-1.5 text-balance text-lg font-bold"
                 </div>
             </section>
 
-            <section aria-label="Community" class="relative border-t border-zinc-700" id="community">
+            <section data-theme-section aria-label="Community" class="relative border-t border-zinc-700" id="community">
                 <span class="-left-1.25 -top-1.25 size-2.25 before:w-2.25 after:h-2.25 pointer-events-none absolute z-10 before:absolute before:left-0 before:top-1 before:h-px before:bg-rose-500 before:content-[''] after:absolute after:left-1 after:top-0 after:w-px after:bg-rose-500 after:content-['']"></span>
                 <span class="-right-1.25 -top-1.25 size-2.25 before:w-2.25 after:h-2.25 pointer-events-none absolute z-10 before:absolute before:left-0 before:top-1 before:h-px before:bg-rose-500 before:content-[''] after:absolute after:left-1 after:top-0 after:w-px after:bg-rose-500 after:content-['']"></span>
                 <div class="pt-19 px-5 pb-10 sm:px-10">
@@ -567,7 +595,7 @@ <h3 class="font-display font-stretch-112% mb-1.5 text-balance text-lg font-bold"
                     </div>
                     <h2 class="font-display font-stretch-112% mt-4 text-balance text-3xl font-extrabold tracking-tight sm:text-4xl">Works <em class="text-rose-500">beautifully</em> with your stack.</h2>
                 </div>
-                <div class="gap-4.5 grid grid-cols-2 px-5 sm:grid-cols-4 sm:px-10">
+                <div data-stack-grid class="gap-4.5 grid grid-cols-2 px-5 sm:grid-cols-4 sm:px-10">
                     <a class="flex items-center justify-center border border-zinc-700 hover:border-zinc-600 rounded-xl h-20" href="https://laravel.com" target="_blank">
                         <svg xmlns="http://www.w3.org/2000/svg" class="h-7 sm:h-8.5" fill="none" viewBox="0 0 360 100"><path fill="#ff2d20" fill-rule="evenodd" d="M149.112 23.146v44.76h16.194v7.723h-24.818V23.146zm46.633 22.268V40.69h8.173v34.94h-8.171v-4.725c-1.102 1.75-2.661 3.125-4.687 4.124q-3.036 1.5-6.11 1.5-3.976 0-7.274-1.461a17 17 0 0 1-5.662-4.013 18.6 18.6 0 0 1-3.67-5.846 18.9 18.9 0 0 1-1.315-7.05q0-3.672 1.313-7.012a18.6 18.6 0 0 1 3.672-5.885 17.05 17.05 0 0 1 5.662-4.01q3.298-1.462 7.274-1.461 3.074 0 6.11 1.5 3.035 1.499 4.685 4.123m-.75 17.02a12.2 12.2 0 0 0 .752-4.274q-.002-2.251-.752-4.273a10.85 10.85 0 0 0-2.098-3.525 10.2 10.2 0 0 0-3.263-2.4q-1.912-.9-4.234-.9-2.327.002-4.201.9a10.3 10.3 0 0 0-3.224 2.4 10.3 10.3 0 0 0-2.059 3.523 12.8 12.8 0 0 0-.714 4.273q0 2.25.712 4.273.711 2.026 2.063 3.526a10.2 10.2 0 0 0 3.224 2.4q1.872.9 4.197.9t4.236-.9a10.1 10.1 0 0 0 3.263-2.4 10.8 10.8 0 0 0 2.098-3.524m15.371 13.199V40.69h22.194v8.043h-14.023v26.9zm51.809-30.22V40.69h8.173v34.94h-8.173v-4.725q-1.648 2.625-4.686 4.124-3.035 1.5-6.111 1.5-3.974 0-7.271-1.461a17 17 0 0 1-5.662-4.013 18.7 18.7 0 0 1-3.673-5.846 18.9 18.9 0 0 1-1.313-7.05q0-3.672 1.313-7.012a18.5 18.5 0 0 1 3.671-5.885 17.05 17.05 0 0 1 5.664-4.01q3.297-1.462 7.271-1.461 3.074 0 6.111 1.5t4.686 4.123m-.749 17.02c.503-1.367.757-2.814.749-4.273q-.002-2.251-.749-4.273a10.9 10.9 0 0 0-2.098-3.525 10.2 10.2 0 0 0-3.263-2.4q-1.912-.9-4.236-.9-2.325.002-4.199.9a10.3 10.3 0 0 0-3.224 2.4 10.3 10.3 0 0 0-2.061 3.523 12.7 12.7 0 0 0-.713 4.273q-.002 2.25.713 4.273.711 2.026 2.061 3.526a10.2 10.2 0 0 0 3.224 2.4q1.874.9 4.199.9t4.236-.9a10.15 10.15 0 0 0 3.263-2.4 10.8 10.8 0 0 0 2.098-3.524m41.686-21.743h8.278l-13.412 34.94h-10.274l-13.413-34.94h8.278l10.272 26.756zm26.104-.9c11.127 0 18.715 9.863 17.289 21.406h-27.111c0 3.014 3.043 8.841 10.27 8.841 6.215 0 10.381-5.467 10.383-5.471l5.522 4.273c-4.937 5.27-8.979 7.691-15.309 7.691-11.309 0-18.975-7.155-18.975-18.37 0-10.144 7.924-18.37 17.931-18.37m-9.801 15.333h19.586c-.061-.672-1.123-8.841-9.852-8.841s-9.672 8.169-9.734 8.84m32.412 20.506V23.146H360v52.483zm-255.66-53.22c.034.13.053.269.053.405v21.261c0 .274-.071.542-.21.777a1.54 1.54 0 0 1-.568.57L77.596 55.693V76.06c0 .554-.295 1.064-.775 1.344l-37.25 21.444c-.085.049-.178.08-.272.113-.035.012-.068.033-.105.043-.26.068-.534.068-.794 0-.043-.012-.081-.035-.122-.05-.086-.032-.175-.059-.257-.106L.78 77.404A1.55 1.55 0 0 1 0 76.06V12.273q.001-.208.054-.406c.012-.045.04-.085.055-.13.029-.082.056-.165.099-.24.029-.051.072-.092.107-.137.044-.062.085-.126.136-.18.044-.045.103-.078.153-.117.056-.047.107-.097.171-.134L19.399.208a1.56 1.56 0 0 1 1.55 0l18.624 10.721h.004c.06.039.113.087.169.132.05.039.107.074.151.117.055.056.094.12.14.182.033.045.078.086.105.136.045.078.07.16.101.241.016.045.043.085.055.132q.052.199.054.404v39.841l15.517-8.936V22.812c0-.136.019-.274.054-.402.014-.047.039-.088.054-.133.031-.081.059-.165.101-.24.03-.05.072-.092.105-.138.047-.062.086-.127.14-.18.045-.046.101-.079.151-.116.059-.046.11-.097.17-.134l18.628-10.723a1.55 1.55 0 0 1 1.55 0L95.443 21.47c.066.038.116.087.174.13.049.038.105.073.148.116.054.056.093.12.14.183.035.046.078.087.105.138.044.075.07.159.1.24.018.045.043.086.055.133M28.245 59.082l9-5.18V14.957L30.73 18.71l-9.002 5.183v38.942zM20.172 3.343l-15.51 8.93 15.51 8.932 15.515-8.934-15.511-8.928zM93.12 43.178l-.002-17.68-6.518 3.752-9.003 5.182v17.682zM74.495 75.163V57.469l-8.857 5.057L40.35 76.96v17.86zM3.104 14.957v60.206l34.14 19.653V76.961L19.41 66.867l-.006-.004-.008-.003c-.06-.035-.11-.086-.167-.129-.048-.036-.103-.067-.146-.11l-.003-.006c-.05-.049-.086-.109-.129-.163-.038-.053-.085-.097-.116-.152l-.002-.005c-.035-.059-.056-.129-.082-.195-.025-.058-.058-.112-.073-.175-.02-.071-.024-.151-.032-.227-.007-.058-.023-.116-.023-.175v-41.63l-9-5.185zm72.943-1.074-15.515 8.93 15.514 8.933 15.511-8.934zM38.793 74.277l22.758-12.992 11.373-6.49-15.5-8.927-17.85 10.276-16.268 9.366zm35.7-39.845L65.49 29.25l-6.516-3.752v17.68l9 5.182 6.52 3.754z" clip-rule="evenodd"/></svg>
                     </a>
@@ -689,19 +717,19 @@ <h3 class="font-display font-stretch-112% text-balance text-xl font-bold">Loved
                 </div>
             </section>
 
-            <section aria-label="Get started" class="relative border-y border-zinc-700">
+            <section data-theme-section aria-label="Get started" class="relative border-y border-zinc-700">
                 <span class="-left-1.25 -top-1.25 size-2.25 before:w-2.25 after:h-2.25 pointer-events-none absolute z-10 before:absolute before:left-0 before:top-1 before:h-px before:bg-rose-500 before:content-[''] after:absolute after:left-1 after:top-0 after:w-px after:bg-rose-500 after:content-['']"></span>
                 <span class="-right-1.25 -top-1.25 size-2.25 before:w-2.25 after:h-2.25 pointer-events-none absolute z-10 before:absolute before:left-0 before:top-1 before:h-px before:bg-rose-500 before:content-[''] after:absolute after:left-1 after:top-0 after:w-px after:bg-rose-500 after:content-['']"></span>
-                <div class="bg-size-[3.5rem_3.5rem] mask-[radial-gradient(ellipse_70%_90%_at_50%_45%,#000_30%,transparent_75%)] absolute inset-0 bg-[linear-gradient(var(--color-zinc-700)_1px,transparent_1px),linear-gradient(90deg,var(--color-zinc-700)_1px,transparent_1px)] opacity-50 overflow-hidden" x-data x-init="[...$el.querySelectorAll('[data-beam]')].forEach(b => { const c = b.cloneNode(); c.style.setProperty('--beam-delay', (3 * Math.random()).toFixed(1) + 's'); $el.appendChild(c) }); $el.querySelectorAll('[data-beam]').forEach(b => { const roll = () => { const h = b.dataset.beam === 'x'; const cell = 3.5 * parseFloat(getComputedStyle(document.documentElement).fontSize); const lines = Math.floor((h ? $el.clientHeight : $el.clientWidth) / cell); b.style[h ? 'top' : 'left'] = cell * (1 + Math.floor(Math.random() * (lines - 1))) + 'px'; b.style.setProperty('--beam-duration', (1 + 2 * Math.random()).toFixed(1) + 's'); b.style.animationDirection = Math.random() < 0.5 ? 'reverse' : 'normal'; }; roll(); b.addEventListener('animationiteration', roll) })">
-                    <span data-beam="x" class="animate-beam-x motion-reduce:hidden absolute -left-40 w-40 top-28 h-px bg-[linear-gradient(90deg,transparent,var(--color-rose-500),transparent)] drop-shadow-[0_0_6px_var(--color-rose-500)] [--beam-duration:7s]"></span>
-                    <span data-beam="x" class="animate-beam-x motion-reduce:hidden absolute -left-40 w-40 top-56 h-px bg-[linear-gradient(90deg,transparent,var(--color-rose-500),transparent)] drop-shadow-[0_0_6px_var(--color-rose-500)] [--beam-duration:11s] [--beam-delay:2.7s]"></span>
-                    <span data-beam="y" class="animate-beam-y motion-reduce:hidden absolute -top-40 h-40 left-70 w-px bg-[linear-gradient(180deg,transparent,var(--color-rose-500),transparent)] drop-shadow-[0_0_6px_var(--color-rose-500)] [--beam-duration:13s] [--beam-delay:1.7s]"></span>
-                    <span data-beam="y" class="animate-beam-y motion-reduce:hidden absolute -top-40 h-40 left-140 w-px bg-[linear-gradient(180deg,transparent,var(--color-rose-500),transparent)] drop-shadow-[0_0_6px_var(--color-rose-500)] [--beam-duration:8s] [--beam-delay:0.5s]"></span>
-                    <span data-beam="x" class="animate-beam-x motion-reduce:hidden absolute -left-40 w-40 top-42 h-px bg-[linear-gradient(90deg,transparent,var(--color-rose-500),transparent)] drop-shadow-[0_0_6px_var(--color-rose-500)] [--beam-duration:6s] [--beam-delay:1.2s]"></span>
-                    <span data-beam="y" class="animate-beam-y motion-reduce:hidden absolute -top-40 h-40 left-210 w-px bg-[linear-gradient(180deg,transparent,var(--color-rose-500),transparent)] drop-shadow-[0_0_6px_var(--color-rose-500)] [--beam-duration:9s] [--beam-delay:2s]"></span>
-                    <span data-beam="x" class="animate-beam-x motion-reduce:hidden absolute -left-40 w-40 top-56 h-px bg-[linear-gradient(90deg,transparent,var(--color-rose-500),transparent)] drop-shadow-[0_0_6px_var(--color-rose-500)] [--beam-duration:5s] [--beam-delay:0.3s]"></span>
-                    <span data-beam="y" class="animate-beam-y motion-reduce:hidden absolute -top-40 h-40 left-70 w-px bg-[linear-gradient(180deg,transparent,var(--color-rose-500),transparent)] drop-shadow-[0_0_6px_var(--color-rose-500)] [--beam-duration:7s] [--beam-delay:1.4s]"></span>
-                    <span data-beam="y" class="animate-beam-y motion-reduce:hidden absolute -top-40 h-40 left-252 w-px bg-[linear-gradient(180deg,transparent,var(--color-rose-500),transparent)] drop-shadow-[0_0_6px_var(--color-rose-500)] [--beam-duration:6s] [--beam-delay:2.8s]"></span>
+                <div class="bg-size-[3.5rem_3.5rem] mask-[radial-gradient(ellipse_70%_90%_at_50%_45%,#000_30%,transparent_75%)] absolute inset-0 bg-[linear-gradient(var(--theme-grid-line)_1px,transparent_1px),linear-gradient(90deg,var(--theme-grid-line)_1px,transparent_1px)] opacity-[var(--theme-hero-grid-opacity)] overflow-hidden" x-data x-init="[...$el.querySelectorAll('[data-beam]')].forEach(b => { const c = b.cloneNode(); c.style.setProperty('--beam-delay', (3 * Math.random()).toFixed(1) + 's'); $el.appendChild(c) }); $el.querySelectorAll('[data-beam]').forEach(b => { const roll = () => { const h = b.dataset.beam === 'x'; const cell = 3.5 * parseFloat(getComputedStyle(document.documentElement).fontSize); const lines = Math.floor((h ? $el.clientHeight : $el.clientWidth) / cell); b.style[h ? 'top' : 'left'] = cell * (1 + Math.floor(Math.random() * (lines - 1))) + 'px'; b.style.setProperty('--beam-duration', (1 + 2 * Math.random()).toFixed(1) + 's'); b.style.animationDirection = Math.random() < 0.5 ? 'reverse' : 'normal'; }; roll(); b.addEventListener('animationiteration', roll) })">
+                    <span data-beam="x" class="animate-beam-x motion-reduce:hidden absolute -left-40 w-40 top-28 h-px bg-[linear-gradient(90deg,transparent,var(--theme-hero-beam),transparent)] drop-shadow-[0_0_6px_var(--theme-hero-beam)] [--beam-duration:7s]"></span>
+                    <span data-beam="x" class="animate-beam-x motion-reduce:hidden absolute -left-40 w-40 top-56 h-px bg-[linear-gradient(90deg,transparent,var(--theme-hero-beam),transparent)] drop-shadow-[0_0_6px_var(--theme-hero-beam)] [--beam-duration:11s] [--beam-delay:2.7s]"></span>
+                    <span data-beam="y" class="animate-beam-y motion-reduce:hidden absolute -top-40 h-40 left-70 w-px bg-[linear-gradient(180deg,transparent,var(--theme-hero-beam),transparent)] drop-shadow-[0_0_6px_var(--theme-hero-beam)] [--beam-duration:13s] [--beam-delay:1.7s]"></span>
+                    <span data-beam="y" class="animate-beam-y motion-reduce:hidden absolute -top-40 h-40 left-140 w-px bg-[linear-gradient(180deg,transparent,var(--theme-hero-beam),transparent)] drop-shadow-[0_0_6px_var(--theme-hero-beam)] [--beam-duration:8s] [--beam-delay:0.5s]"></span>
+                    <span data-beam="x" class="animate-beam-x motion-reduce:hidden absolute -left-40 w-40 top-42 h-px bg-[linear-gradient(90deg,transparent,var(--theme-hero-beam),transparent)] drop-shadow-[0_0_6px_var(--theme-hero-beam)] [--beam-duration:6s] [--beam-delay:1.2s]"></span>
+                    <span data-beam="y" class="animate-beam-y motion-reduce:hidden absolute -top-40 h-40 left-210 w-px bg-[linear-gradient(180deg,transparent,var(--theme-hero-beam),transparent)] drop-shadow-[0_0_6px_var(--theme-hero-beam)] [--beam-duration:9s] [--beam-delay:2s]"></span>
+                    <span data-beam="x" class="animate-beam-x motion-reduce:hidden absolute -left-40 w-40 top-56 h-px bg-[linear-gradient(90deg,transparent,var(--theme-hero-beam),transparent)] drop-shadow-[0_0_6px_var(--theme-hero-beam)] [--beam-duration:5s] [--beam-delay:0.3s]"></span>
+                    <span data-beam="y" class="animate-beam-y motion-reduce:hidden absolute -top-40 h-40 left-70 w-px bg-[linear-gradient(180deg,transparent,var(--theme-hero-beam),transparent)] drop-shadow-[0_0_6px_var(--theme-hero-beam)] [--beam-duration:7s] [--beam-delay:1.4s]"></span>
+                    <span data-beam="y" class="animate-beam-y motion-reduce:hidden absolute -top-40 h-40 left-252 w-px bg-[linear-gradient(180deg,transparent,var(--theme-hero-beam),transparent)] drop-shadow-[0_0_6px_var(--theme-hero-beam)] [--beam-duration:6s] [--beam-delay:2.8s]"></span>
                 </div>
                 <div class="relative mx-auto flex max-w-2xl flex-col items-center px-5 py-20 text-center lg:py-24">
                     <h2 class="font-display font-stretch-112% text-balance text-3xl font-extrabold tracking-tight sm:text-4xl">Bring back the joy of testing. <em class="text-rose-500">Again.</em></h2>
@@ -720,8 +748,8 @@ <h2 class="font-display font-stretch-112% text-balance text-3xl font-extrabold t
             </section>
         </main>
 
-        <footer class="pb-8">
-            <div class="container relative mx-auto border-b border-zinc-700 px-5 py-16 sm:border-x sm:px-10">
+        <footer class="bg-[var(--theme-bg)] pb-8 text-[var(--theme-muted)] [&_a]:text-[var(--theme-muted)] [&_a:hover]:text-[var(--theme-fg)] [&_h3]:text-[var(--theme-muted)]">
+            <div class="container relative mx-auto border-b border-[var(--theme-border)] px-5 py-16 sm:border-x sm:px-10">
                 <nav aria-label="Footer" class="columns-2 gap-x-6 lg:columns-4">
                 <div class="mb-10 break-inside-avoid">
                     <h3 class="mb-4 flex items-center gap-2.5 font-mono text-2xs font-bold uppercase tracking-widest text-zinc-500"><span class="text-rose-500">//</span> what's new</h3>
@@ -818,7 +846,7 @@ <h3 class="mb-4 flex items-center gap-2.5 font-mono text-2xs font-bold uppercase
                 <span class="-bottom-1.25 -right-1.25 size-2.25 before:w-2.25 after:h-2.25 pointer-events-none absolute z-10 before:absolute before:left-0 before:top-1 before:h-px before:bg-rose-500 before:content-[''] after:absolute after:left-1 after:top-0 after:w-px after:bg-rose-500 after:content-['']"></span>
             </div>
             <div class="container mx-auto px-5 pt-8 sm:px-10">
-            <div class="flex flex-col items-start justify-between gap-4 text-xs text-zinc-400 sm:flex-row sm:items-center">
+            <div class="flex flex-col items-start justify-between gap-4 text-xs text-[var(--theme-muted)] sm:flex-row sm:items-center">
                 <div class="font-mono">© 2026 PestPHP — A project by <a class="font-medium underline-offset-4 transition-colors hover:text-white hover:underline" href="https://pinkary.com/@nunomaduro" target="_blank" rel="noopener">Nuno Maduro</a>. Designed by <a class="font-medium underline-offset-4 transition-colors hover:text-white hover:underline" href="https://nunoguerra.com/?ref=pestphp" target="_blank" rel="noopener">Nuno Guerra</a>.</div>
                 <div class="flex items-center gap-5 font-mono">
                     <a class="underline-offset-4 transition-colors hover:text-white hover:underline" href="/llms.txt">/llms.txt</a>
@@ -827,7 +855,7 @@ <h3 class="mb-4 flex items-center gap-2.5 font-mono text-2xs font-bold uppercase
                     <a class="underline-offset-4 transition-colors hover:text-white hover:underline" href="/docs">/docs</a>
                 </div>
             </div>
-            <svg aria-hidden="true" class="mt-10 h-auto w-full fill-white/10" viewBox="0 0 381 100" xmlns="http://www.w3.org/2000/svg">
+            <svg aria-hidden="true" class="mt-10 h-auto w-full fill-[var(--theme-border)]" viewBox="0 0 381 100" xmlns="http://www.w3.org/2000/svg">
                 <use href="#pest-wordmark" />
                 <use href="#pest-wordmark" class="animate-trace motion-reduce:hidden fill-none stroke-rose-500/60 drop-shadow-[0_0_4px_var(--color-rose-500)] [stroke-dasharray:40_360] stroke-[0.3]" />
             </svg>
diff --git a/resources/www/main.css b/resources/www/main.css
index 7051052..60fc83b 100644
--- a/resources/www/main.css
+++ b/resources/www/main.css
@@ -125,6 +125,126 @@
     }
 }
 
+:root {
+    color-scheme: dark;
+
+    --theme-bg: var(--color-zinc-900);
+    --theme-fg: var(--color-zinc-200);
+    --theme-muted: var(--color-zinc-400);
+    --theme-border: var(--color-zinc-700);
+    --theme-surface-raised: var(--color-zinc-800);
+    --theme-surface-inset: var(--color-zinc-900);
+    --theme-overlay: rgba(24, 24, 27, 0.8);
+    --theme-accent: var(--color-rose-500);
+    --theme-accent-hover: var(--color-rose-600);
+    --theme-accent-contrast: var(--color-white);
+    --theme-code-panel: var(--color-zinc-800);
+    --theme-code-terminal: var(--color-zinc-900);
+    --theme-code-border: var(--color-zinc-700);
+    --theme-code-tab-muted: var(--color-zinc-400);
+    --theme-code-tab-active: var(--color-zinc-200);
+    --theme-code-accent: var(--color-rose-500);
+    --theme-code-text: var(--color-zinc-300);
+    --theme-code-muted: var(--color-zinc-500);
+    --theme-code-function: var(--color-green-400);
+    --theme-code-string: var(--color-yellow-200);
+    --theme-code-keyword: var(--color-pink-400);
+    --theme-code-variable: var(--color-zinc-100);
+    --theme-code-class: var(--color-cyan-300);
+    --theme-code-number: var(--color-violet-300);
+    --theme-code-success: var(--color-green-400);
+    --theme-code-pass-bg: var(--color-green-400);
+    --theme-code-pass-fg: var(--color-zinc-900);
+    --theme-code-shadow: rgb(23 22 27 / 0.18);
+    --theme-grid-line: var(--color-zinc-700);
+    --theme-shadow: rgb(0 0 0 / 0.4);
+    --theme-hero-grid-opacity: 0.5;
+    --theme-hero-beam: var(--color-rose-500);
+    --theme-hero-spotlight: var(--color-rose-800);
+    --theme-hero-spotlight-subtle: var(--color-rose-900);
+    --theme-hero-scanline: rgb(24 24 27 / 0.45);
+    --theme-partner-logo-filter: none;
+    --theme-partner-logo-opacity: 1;
+    --theme-faint: var(--color-zinc-500);
+    --theme-placeholder: var(--color-zinc-700);
+    --theme-placeholder-strong: var(--color-zinc-600);
+    --theme-accent-soft: var(--color-rose-400);
+    --theme-danger: var(--color-red-400);
+    --theme-danger-strong: var(--color-red-500);
+    --theme-danger-bg: var(--color-red-500);
+    --theme-danger-fg: var(--color-zinc-900);
+    --theme-warning: var(--color-yellow-400);
+    --theme-success-bg: var(--color-green-600);
+    --theme-success-bar: var(--color-green-500);
+    --theme-success-fg: var(--color-white);
+    --theme-failure-text: var(--color-slate-200);
+    --theme-failure-muted: var(--color-slate-500);
+    --theme-avatar-outline: rgb(255 255 255 / 0.1);
+    --theme-stack-tile-bg: transparent;
+    --theme-stack-tile-border: var(--color-zinc-700);
+    --theme-stack-tile-border-hover: var(--color-zinc-600);
+}
+
+html.light {
+    color-scheme: light;
+
+    --theme-bg: var(--color-white);
+    --theme-fg: var(--color-zinc-950);
+    --theme-muted: var(--color-zinc-600);
+    --theme-border: var(--color-zinc-200);
+    --theme-surface-raised: var(--color-zinc-50);
+    --theme-surface-inset: var(--color-zinc-100);
+    --theme-overlay: rgb(250 250 250 / 0.82);
+    --theme-accent: var(--color-rose-500);
+    --theme-accent-hover: var(--color-rose-600);
+    --theme-accent-contrast: var(--color-white);
+    --theme-code-panel: var(--color-zinc-50);
+    --theme-code-terminal: var(--color-zinc-100);
+    --theme-code-border: var(--color-zinc-200);
+    --theme-code-tab-muted: var(--color-zinc-600);
+    --theme-code-tab-active: var(--color-zinc-950);
+    --theme-code-accent: var(--color-rose-500);
+    --theme-code-text: var(--color-zinc-800);
+    --theme-code-muted: var(--color-zinc-600);
+    --theme-code-function: var(--color-green-700);
+    --theme-code-string: var(--color-yellow-800);
+    --theme-code-keyword: var(--color-pink-700);
+    --theme-code-variable: var(--color-zinc-950);
+    --theme-code-class: var(--color-cyan-700);
+    --theme-code-number: var(--color-violet-700);
+    --theme-code-success: var(--color-green-700);
+    --theme-code-pass-bg: var(--color-green-600);
+    --theme-code-pass-fg: var(--color-white);
+    --theme-code-shadow: rgb(24 24 27 / 0.12);
+    --theme-grid-line: var(--color-zinc-200);
+    --theme-shadow: rgb(24 24 27 / 0.12);
+    --theme-hero-grid-opacity: 0.7;
+    --theme-hero-beam: color-mix(in srgb, var(--color-rose-500) 65%, transparent);
+    --theme-hero-spotlight: color-mix(in srgb, var(--color-rose-500) 55%, transparent);
+    --theme-hero-spotlight-subtle: color-mix(in srgb, var(--color-rose-500) 35%, transparent);
+    --theme-hero-scanline: rgb(24 24 27 / 0.08);
+    --theme-partner-logo-filter: brightness(0) saturate(100%);
+    --theme-partner-logo-opacity: 0.75;
+    --theme-faint: var(--color-zinc-600);
+    --theme-placeholder: var(--color-zinc-200);
+    --theme-placeholder-strong: var(--color-zinc-300);
+    --theme-accent-soft: var(--color-rose-600);
+    --theme-danger: var(--color-red-700);
+    --theme-danger-strong: var(--color-red-600);
+    --theme-danger-bg: var(--color-red-600);
+    --theme-danger-fg: var(--color-white);
+    --theme-warning: var(--color-yellow-700);
+    --theme-success-bg: var(--color-green-600);
+    --theme-success-bar: var(--color-green-600);
+    --theme-success-fg: var(--color-white);
+    --theme-failure-text: var(--color-zinc-800);
+    --theme-failure-muted: var(--color-zinc-600);
+    --theme-avatar-outline: rgb(24 24 27 / 0.12);
+    --theme-stack-tile-bg: var(--color-zinc-900);
+    --theme-stack-tile-border: var(--color-zinc-800);
+    --theme-stack-tile-border-hover: var(--color-zinc-600);
+}
+
 @layer base {
     html {
         height: 100%;
@@ -188,21 +308,190 @@ button {
     background: var(--color-rose-400);
 }
 
+/* The homepage preview keeps its hand-authored syntax markup while these scoped
+   mappings translate each token role into the active semantic code palette. */
+[data-code-preview] .text-green-400 {
+    color: var(--theme-code-function);
+}
+[data-code-preview] .text-yellow-200 {
+    color: var(--theme-code-string);
+}
+[data-code-preview] .text-pink-400 {
+    color: var(--theme-code-keyword);
+}
+[data-code-preview] .text-zinc-100 {
+    color: var(--theme-code-variable);
+}
+[data-code-preview] .text-cyan-300 {
+    color: var(--theme-code-class);
+}
+[data-code-preview] .text-violet-300 {
+    color: var(--theme-code-number);
+}
+[data-code-preview] .text-zinc-500 {
+    color: var(--theme-code-muted);
+}
+[data-code-output] .text-green-400 {
+    color: var(--theme-code-success);
+}
+[data-code-preview] .bg-green-400 {
+    background-color: var(--theme-code-pass-bg);
+}
+[data-code-preview] .bg-green-400.text-zinc-900 {
+    color: var(--theme-code-pass-fg);
+}
+[data-code-preview] .scrollbar-ghost:hover,
+[data-code-preview] .scrollbar-ghost:focus-within {
+    scrollbar-color: var(--theme-code-accent) transparent;
+}
+[data-code-preview] .scrollbar-ghost:hover::-webkit-scrollbar-thumb,
+[data-code-preview] .scrollbar-ghost:focus-within::-webkit-scrollbar-thumb {
+    background: var(--theme-code-accent);
+}
+
+/* Remaining homepage sections use the existing utility-rich markup, scoped here so
+   their dark palette maps to semantic surfaces and readable light-mode equivalents. */
+[data-theme-section] {
+    background-color: var(--theme-bg);
+    color: var(--theme-fg);
+}
+[data-theme-section] .border-zinc-700 {
+    border-color: var(--theme-border);
+}
+[data-theme-section] .bg-zinc-900 {
+    background-color: var(--theme-surface-inset);
+}
+[data-theme-section] .bg-zinc-800 {
+    background-color: var(--theme-surface-raised);
+}
+[data-theme-section] .bg-zinc-700 {
+    background-color: var(--theme-placeholder);
+}
+[data-theme-section] .bg-zinc-600 {
+    background-color: var(--theme-placeholder-strong);
+}
+[data-theme-section] .text-zinc-400 {
+    color: var(--theme-muted);
+}
+[data-theme-section] .text-zinc-500 {
+    color: var(--theme-faint);
+}
+[data-theme-section] .text-zinc-300 {
+    color: var(--theme-code-text);
+}
+[data-theme-section] .text-slate-200 {
+    color: var(--theme-failure-text);
+}
+[data-theme-section] .text-slate-500 {
+    color: var(--theme-failure-muted);
+}
+[data-theme-section] .text-zinc-100 {
+    color: var(--theme-fg);
+}
+[data-theme-section] .text-rose-500 {
+    color: var(--theme-accent);
+}
+[data-theme-section] .text-rose-400 {
+    color: var(--theme-accent-soft);
+}
+[data-theme-section] .bg-rose-500 {
+    background-color: var(--theme-accent);
+}
+[data-theme-section] .hover\:bg-rose-600:hover {
+    background-color: var(--theme-accent-hover);
+}
+[data-theme-section] .text-white {
+    color: var(--theme-accent-contrast);
+}
+[data-theme-section] .bg-green-500 {
+    background-color: var(--theme-success-bar);
+}
+[data-theme-section] .bg-green-600 {
+    background-color: var(--theme-success-bg);
+}
+[data-theme-section] .text-red-400 {
+    color: var(--theme-danger);
+}
+[data-theme-section] .text-red-500 {
+    color: var(--theme-danger-strong);
+}
+[data-theme-section] .bg-red-500 {
+    background-color: var(--theme-danger-bg);
+}
+[data-theme-section] .bg-red-500.text-zinc-900 {
+    color: var(--theme-danger-fg);
+}
+[data-theme-section] .border-red-500 {
+    border-color: var(--theme-danger-strong);
+}
+[data-theme-section] .text-yellow-400 {
+    color: var(--theme-warning);
+}
+[data-theme-section] .text-green-400 {
+    color: var(--theme-code-function);
+}
+[data-theme-section] .text-yellow-200 {
+    color: var(--theme-code-string);
+}
+[data-theme-section] .text-pink-400 {
+    color: var(--theme-code-keyword);
+}
+[data-theme-section] .text-cyan-300 {
+    color: var(--theme-code-class);
+}
+[data-theme-section] .text-violet-300 {
+    color: var(--theme-code-number);
+}
+[data-theme-section] .outline-white\/10 {
+    outline-color: var(--theme-avatar-outline);
+}
+[data-theme-section] .ring-green-500\/70 {
+    --tw-ring-color: color-mix(in srgb, var(--theme-code-success) 70%, transparent);
+}
+[data-theme-section] .hover\:border-zinc-600:hover,
+[data-theme-section] .hover\:border-zinc-200\/20:hover,
+[data-theme-section] .hover\:border-white\/30:hover {
+    border-color: var(--theme-muted);
+}
+[data-theme-section] .hover\:text-white:hover {
+    color: var(--theme-fg);
+}
+[data-theme-section] .border-white\/15 {
+    border-color: var(--theme-border);
+}
+[data-theme-section] .bg-white\/5 {
+    background-color: var(--theme-surface-raised);
+}
+[data-theme-section] .group:hover .group-hover\:text-zinc-200 {
+    color: var(--theme-fg);
+}
+[data-theme-section] :is(a, button):focus-visible {
+    outline: 2px solid var(--theme-accent);
+    outline-offset: 3px;
+}
+[data-stack-grid] > a {
+    background-color: var(--theme-stack-tile-bg);
+    border-color: var(--theme-stack-tile-border);
+}
+[data-stack-grid] > a:hover {
+    border-color: var(--theme-stack-tile-border-hover);
+}
+
 /* tippy.js — "pest" blueprint tooltip theme (dark, mono, hairline border) */
 .tippy-box[data-theme~='pest'] {
-    background-color: var(--color-zinc-900);
-    border: 1px solid var(--color-zinc-700);
+    background-color: var(--theme-surface-raised);
+    border: 1px solid var(--theme-border);
     border-radius: 10px;
-    color: var(--color-zinc-300);
+    color: var(--theme-fg);
     font-family: var(--font-mono);
     font-size: 11px;
     line-height: 1.5;
     padding: 2px 4px;
-    box-shadow: 0 12px 30px -12px rgba(0, 0, 0, 0.6);
+    box-shadow: 0 12px 30px -12px var(--theme-shadow);
 }
 /* bordered arrow: zinc-700 triangle behind (::after), zinc-900 fill on top (::before), 1px apart */
 .tippy-box[data-theme~='pest'][data-placement^='top'] > .tippy-arrow::before {
-    border-top-color: var(--color-zinc-900);
+    border-top-color: var(--theme-surface-raised);
     z-index: 1;
 }
 .tippy-box[data-theme~='pest'][data-placement^='top'] > .tippy-arrow::after {
@@ -211,7 +500,7 @@ button {
     bottom: -8px;
     left: 0;
     border: 8px solid transparent;
-    border-top-color: var(--color-zinc-700);
+    border-top-color: var(--theme-border);
     border-bottom-width: 0;
 }
 
diff --git a/resources/www/main.js b/resources/www/main.js
index 1470bc3..1e247c8 100644
--- a/resources/www/main.js
+++ b/resources/www/main.js
@@ -10,6 +10,42 @@ const LOGOMARK_SVG = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBo
 const WORDMARK_SVG = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 381 100" role="img" aria-label="PEST"><title>Pest wordmark</title><path fill="#ffffff" fill-rule="evenodd" clip-rule="evenodd" d="M16.607 27.51 22.994 0h85.181L93.484 63.272H36.697l-8.303 35.763H0l14.69-63.272h56.788l1.916-8.253zM295.574 0h85.181l-6.387 27.51h-39.752L318.01 99.035h-28.394l16.607-71.525h-73.824l-1.917 8.253h56.788l-6.387 27.51-1.916 8.252-6.387 27.51h-85.181l6.387-27.51h56.787l1.916-8.253h-56.787l6.387-27.51 1.916-8.252L210.392 0zm-93.7 0h-85.181l-6.387 27.51h85.181zm-25.34 35.763h-68.145l-6.387 27.51h68.145zm8.734 35.762h-85.182l-6.387 27.51h85.181z"/></svg>';
 
 document.addEventListener('alpine:init', () => {
+    const systemTheme = window.matchMedia('(prefers-color-scheme: light)');
+    let storedTheme = 'dark';
+
+    try {
+        storedTheme = ['dark', 'light', 'system'].includes(localStorage.theme) ? localStorage.theme : 'dark';
+    } catch (e) {}
+
+    Alpine.store('theme', {
+        mode: storedTheme,
+        light: storedTheme === 'light' || (storedTheme === 'system' && systemTheme.matches),
+        get nextMode() {
+            return { dark: 'light', light: 'system', system: 'dark' }[this.mode];
+        },
+        init() {
+            systemTheme.addEventListener('change', () => {
+                if (this.mode === 'system') this.apply();
+            });
+            this.apply();
+        },
+        apply() {
+            this.light = this.mode === 'light' || (this.mode === 'system' && systemTheme.matches);
+            document.documentElement.classList.toggle('light', this.light);
+            document.querySelector('meta[name="theme-color"]').content = this.light ? '#ffffff' : '#18181b';
+        },
+        setMode(mode) {
+            this.mode = ['dark', 'light', 'system'].includes(mode) ? mode : 'dark';
+
+            try { localStorage.theme = this.mode; } catch (e) {}
+
+            this.apply();
+        },
+        toggle() {
+            this.setMode(this.nextMode);
+        },
+    });
+
     Alpine.directive('tooltip', (el, { expression }) => {
         tippy(el, {
             content: expression,