@layer reset{html,:host{--font-fallback:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;tab-size:4;line-height:1.5;font-family:var(--global-font-body,var(--font-fallback));-webkit-tap-highlight-color:transparent}*,:before,:after,::backdrop{border-style:solid;border-width:0;border-color:var(--global-color-border,currentcolor);box-sizing:border-box;margin:0;padding:0}::file-selector-button{border-style:solid;border-width:0;border-color:var(--global-color-border,currentcolor);box-sizing:border-box;margin:0;padding:0}hr{color:inherit;border-top-width:1px;height:0}body{line-height:inherit;height:100%}img{border-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{text-wrap:balance;font-size:inherit;font-weight:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ol,ul,menu{list-style:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;background:0 0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;background:0 0}::placeholder{--placeholder-fallback:#00000080;opacity:1;color:var(--global-color-placeholder,var(--placeholder-fallback))}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{--placeholder-fallback:color-mix(in oklab, currentcolor 50%, transparent)}}::selection{background-color:var(--global-color-selection,#0073ff4d)}textarea{resize:vertical}table{border-color:inherit;text-indent:0;border-collapse:collapse}summary{display:list-item}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}dialog{padding:0}a{-webkit-text-decoration:inherit;text-decoration:inherit;color:inherit}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{--font-mono-fallback:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New";font-family:var(--global-font-mono,var(--font-mono-fallback));font-feature-settings:normal;font-variation-settings:normal;font-size:1em}progress{vertical-align:baseline}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-search-cancel-button{-webkit-appearance:none}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}:-moz-ui-invalid{box-shadow:none}:-moz-focusring{outline:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer base{:root{--made-with-panda:"🐼"}body{background:var(--colors-surface);color:var(--colors-ink);font-family:var(--fonts-sans);-webkit-font-smoothing:antialiased}a{transition:color var(--durations-normal) var(--easings-decelerate);color:var(--colors-accent-text);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}a:is(:hover,[data-hover]){color:var(--colors-accent-hover)}a:is(:active,[data-active]){color:var(--colors-accent-press)}a:is(:focus-visible,[data-focus-visible]),button:is(:focus-visible,[data-focus-visible]){outline-offset:2px;box-shadow:var(--shadows-ring);outline:2px solid #0000}*,:before,:after,::backdrop{--blur: ;--brightness: ;--contrast: ;--grayscale: ;--hue-rotate: ;--invert: ;--saturate: ;--sepia: ;--drop-shadow: ;--backdrop-blur: ;--backdrop-brightness: ;--backdrop-contrast: ;--backdrop-grayscale: ;--backdrop-hue-rotate: ;--backdrop-invert: ;--backdrop-opacity: ;--backdrop-saturate: ;--backdrop-sepia: ;--gradient-from-position: ;--gradient-to-position: ;--gradient-via-position: ;--scroll-snap-strictness:proximity;--border-spacing-x:0;--border-spacing-y:0;--translate-x:0;--translate-y:0;--rotate:0;--rotate-x:0;--rotate-y:0;--skew-x:0;--skew-y:0;--scale-x:1;--scale-y:1}}@layer tokens{:where(:root,:host){--colors-neutral-0:#fff;--colors-neutral-50:#f7f8f9;--colors-neutral-100:#eceef1;--colors-neutral-200:#dfe2e7;--colors-neutral-300:#c7ccd4;--colors-neutral-400:#9ea5b0;--colors-neutral-500:#767d8a;--colors-neutral-600:#565d69;--colors-neutral-700:#3f454f;--colors-neutral-800:#2a2f37;--colors-neutral-900:#1a1d23;--colors-neutral-950:#101216;--colors-neutral-1000:#000;--colors-accent-50:#eef1ff;--colors-accent-100:#e0e5ff;--colors-accent-200:#c6ceff;--colors-accent-300:#a3b0ff;--colors-accent-400:#7c8cf9;--colors-accent-500:#5a68ee;--colors-accent-600:#4450d4;--colors-accent-700:#3742ab;--colors-accent-800:#2f3888;--colors-accent-900:#2b3170;--colors-accent-950:#1a1d45;--colors-red-50:#fef2f2;--colors-red-100:#fde3e3;--colors-red-300:#f7a8a8;--colors-red-500:#e5484d;--colors-red-600:#cc3a41;--colors-red-700:#a92f36;--colors-red-900:#6f2226;--colors-amber-50:#fff8eb;--colors-amber-300:#f8ce7a;--colors-amber-500:#f0a92a;--colors-amber-600:#d18f1c;--colors-amber-700:#a06d16;--colors-amber-900:#653f0d;--colors-green-50:#edf9f0;--colors-green-300:#83d3a1;--colors-green-500:#30a46c;--colors-green-600:#269059;--colors-green-700:#1c7546;--colors-green-900:#0f472a;--colors-ha-black:#000;--colors-ha-paper:#fbfbfa;--colors-ha-white:#fff;--colors-ha-grey70:#4d4d4d;--colors-ha-grey40:#999;--colors-ha-grey15:#d9d9d9;--colors-ha-grey08:#ececec;--spacing-0:0rem;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--spacing-32:8rem;--spacing-px:1px;--spacing-inline-code:.2em;--sizes-xxs:1rem;--sizes-xs:20rem;--sizes-sm:24rem;--sizes-md:28rem;--sizes-lg:32rem;--sizes-xl:36rem;--sizes-2xl:42rem;--sizes-prose:65ch;--sizes-full:100%;--sizes-breakpoint-md:48rem;--radii-none:0rem;--radii-sm:.25rem;--radii-md:.375rem;--radii-lg:.5rem;--radii-xl:.75rem;--radii-2xl:1rem;--radii-full:9999px;--fonts-sans:Archivo, system-ui, sans-serif;--fonts-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, Liberation Mono, monospace;--font-sizes-xxs:.625rem;--font-sizes-xs:.75rem;--font-sizes-sm:.875rem;--font-sizes-md:1rem;--font-sizes-lg:1.125rem;--font-sizes-xl:1.25rem;--font-sizes-2xl:1.5rem;--font-sizes-3xl:1.875rem;--font-sizes-4xl:2.25rem;--font-sizes-5xl:3rem;--font-sizes-inline-code:1ex;--font-sizes-ha13:.8125rem;--font-sizes-ha22:1.375rem;--font-weights-regular:400;--font-weights-medium:500;--font-weights-semibold:600;--font-weights-bold:700;--line-heights-none:1;--line-heights-tight:1.2;--line-heights-snug:1.35;--line-heights-normal:1.5;--line-heights-relaxed:1.65;--line-heights-ha125:1.25;--line-heights-ha140:1.4;--line-heights-ha160:1.6;--letter-spacings-tighter:-.02em;--letter-spacings-tight:-.01em;--letter-spacings-normal:0em;--letter-spacings-wide:.02em;--letter-spacings-caps:.08em;--shadows-sm:0rem .0625rem .125rem 0rem #1012160f;--shadows-md:0rem .25rem .5rem -.125rem #1012161a;--shadows-lg:0rem .75rem 1.5rem -.25rem #10121624;--shadows-ring:0rem 0rem 0rem .125rem #000;--durations-instant:0s;--durations-fast:.12s;--durations-normal:.2s;--durations-slow:.32s;--easings-standard:cubic-bezier(.2, 0, 0, 1);--easings-decelerate:cubic-bezier(0, 0, 0, 1);--easings-accelerate:cubic-bezier(.3, 0, 1, 1);--breakpoints-md:48rem;--colors-surface:var(--colors-ha-paper);--colors-surface-raised:var(--colors-ha-white);--colors-surface-sunken:var(--colors-ha-grey08);--colors-surface-overlay:var(--colors-ha-paper);--colors-ink:var(--colors-ha-black);--colors-ink-muted:var(--colors-ha-grey70);--colors-ink-subtle:var(--colors-ha-grey40);--colors-ink-faint:var(--colors-ink-subtle);--colors-ink-disabled:var(--colors-ha-grey40);--colors-ink-inverse:var(--colors-ha-paper);--colors-accent:var(--colors-ha-black);--colors-accent-text:var(--colors-accent);--colors-accent-hover:var(--colors-ha-grey70);--colors-accent-press:var(--colors-ha-black);--colors-accent-subtle:var(--colors-ha-grey08);--colors-accent-subtle-hover:var(--colors-ha-grey15);--colors-on-accent:var(--colors-ha-paper);--colors-on-accent-subtle:var(--colors-ha-black);--colors-border:var(--colors-ha-grey15);--colors-border-strong:var(--colors-ha-grey15);--colors-border-subtle:var(--colors-ha-grey15);--colors-border-control:var(--colors-ha-grey70);--colors-border-control-strong:var(--colors-ha-black);--colors-danger:var(--colors-red-600);--colors-danger-hover:var(--colors-red-700);--colors-danger-press:var(--colors-red-900);--colors-danger-text:var(--colors-red-600);--colors-danger-subtle:var(--colors-red-50);--colors-on-danger-subtle:var(--colors-red-700);--colors-on-danger:var(--colors-neutral-0);--colors-warning:var(--colors-amber-500);--colors-warning-subtle:var(--colors-amber-50);--colors-on-warning-subtle:var(--colors-amber-900);--colors-on-warning:var(--colors-neutral-900);--colors-success:var(--colors-green-700);--colors-success-subtle:var(--colors-green-50);--colors-on-success-subtle:var(--colors-green-700);--colors-on-success:var(--colors-neutral-0);--colors-ink-a-12:#0000001f;--colors-ink-a-30:#0000004d;--colors-ink-a-50:#00000080;--colors-ink-a-70:#000000b3;--colors-ink-a-90:#000000e6;--colors-ink-a-08:#00000014;--fonts-label:var(--fonts-sans);--fonts-reading:var(--fonts-sans)}:where([data-theme=dark],.dark){--colors-surface:var(--colors-neutral-950);--colors-surface-raised:var(--colors-neutral-900);--colors-surface-sunken:var(--colors-neutral-1000);--colors-surface-overlay:var(--colors-neutral-800);--colors-ink:var(--colors-neutral-50);--colors-ink-muted:var(--colors-neutral-300);--colors-ink-subtle:var(--colors-neutral-400);--colors-ink-disabled:var(--colors-neutral-400);--colors-ink-inverse:var(--colors-neutral-950);--colors-accent:var(--colors-accent-400);--colors-accent-hover:var(--colors-accent-300);--colors-accent-press:var(--colors-accent-200);--colors-accent-subtle:var(--colors-accent-900);--colors-accent-subtle-hover:var(--colors-accent-800);--colors-on-accent:var(--colors-neutral-950);--colors-on-accent-subtle:var(--colors-accent-200);--colors-border:var(--colors-neutral-800);--colors-border-strong:var(--colors-neutral-700);--colors-border-subtle:var(--colors-neutral-900);--colors-border-control:var(--colors-neutral-500);--colors-border-control-strong:var(--colors-neutral-400);--colors-danger:var(--colors-red-500);--colors-danger-hover:var(--colors-red-300);--colors-danger-press:var(--colors-red-100);--colors-danger-text:var(--colors-red-300);--colors-danger-subtle:var(--colors-red-900);--colors-on-danger-subtle:var(--colors-red-300);--colors-on-danger:var(--colors-neutral-950);--colors-warning:var(--colors-amber-500);--colors-warning-subtle:var(--colors-amber-900);--colors-on-warning-subtle:var(--colors-amber-300);--colors-on-warning:var(--colors-neutral-900);--colors-success:var(--colors-green-500);--colors-success-subtle:var(--colors-green-900);--colors-on-success-subtle:var(--colors-green-300);--colors-on-success:var(--colors-neutral-950);--colors-ink-a-12:#f7f8f924;--colors-ink-a-30:#f7f8f94d;--colors-ink-a-50:#f7f8f980;--colors-ink-a-70:#f7f8f9b3;--colors-ink-a-90:#f7f8f9e6;--colors-ink-a-08:#f7f8f91a}}@layer recipes;@layer utilities{@layer compositions{.textStyle_bodySm{font-size:var(--font-sizes-sm);letter-spacing:var(--letter-spacings-normal);font-weight:var(--font-weights-regular)}.textStyle_bodySm,.textStyle_label{font-family:var(--fonts-sans);line-height:var(--line-heights-ha160)}.textStyle_label{font-size:var(--font-sizes-ha13);letter-spacing:var(--letter-spacings-caps);font-weight:var(--font-weights-semibold)}.textStyle_bodyMd{font-size:var(--font-sizes-lg)}.textStyle_bodyMd,.textStyle_caption{font-family:var(--fonts-sans);line-height:var(--line-heights-ha160);letter-spacing:var(--letter-spacings-normal);font-weight:var(--font-weights-regular)}.textStyle_caption{font-size:var(--font-sizes-sm)}.textStyle_headingSm{font-family:var(--fonts-sans);font-size:var(--font-sizes-ha13);line-height:var(--line-heights-tight);letter-spacing:var(--letter-spacings-caps);font-weight:var(--font-weights-bold)}.textStyle_bodyLg{font-family:var(--fonts-sans);font-size:var(--font-sizes-ha22);line-height:var(--line-heights-ha140);letter-spacing:var(--letter-spacings-normal);font-weight:var(--font-weights-regular)}}.m_0{margin:var(--spacing-0)}.bg_none{background:0 0}.bd_0{border:0}.p_0{padding:var(--spacing-0)}.bg_surfaceOverlay{background:var(--colors-surface-overlay)}.bd_1px_solid_\{colors\.borderControlStrong\}{border:1px solid var(--colors-border-control-strong)}.bg_surfaceRaised{background:var(--colors-surface-raised)}.bg_accent{background:var(--colors-accent)}.bg_surface{background:var(--colors-surface)}.gap_4{gap:var(--spacing-4)}.bd-t_1px_solid_\{colors\.border\}{border-top:1px solid var(--colors-border)}.bdr_none{border-radius:var(--radii-none)}.ring_none{outline-offset:2px;outline:2px solid #0000}.li-s_none{list-style:none}.py_2{padding-block:var(--spacing-2)}.px_0{padding-inline:var(--spacing-0)}.px_4{padding-inline:var(--spacing-4)}.td_none{text-decoration:none}.gap_8{gap:var(--spacing-8)}.py_4{padding-block:var(--spacing-4)}.flex_none{flex:none}.ov_hidden{overflow:hidden}.mx_auto{margin-inline:auto}.px_6{padding-inline:var(--spacing-6)}.gap_20{gap:var(--spacing-20)}.bd-b_1px_solid_\{colors\.border\}{border-bottom:1px solid var(--colors-border)}.gap_3{gap:var(--spacing-3)}.gap_6{gap:var(--spacing-6)}.c_inkMuted{color:var(--colors-ink-muted)}.d_flex{display:flex}.flex-d_column{flex-direction:column}.ai_flex-start{align-items:flex-start}.c_accentText{color:var(--colors-accent-text)}.cursor_pointer{cursor:pointer}.white-space_nowrap{white-space:nowrap}.jc_space-between{justify-content:space-between}.c_ink{color:var(--colors-ink)}.c_inkSubtle{color:var(--colors-ink-subtle)}.d_block{display:block}.d_grid{display:grid}.grid-tc_56px_minmax\(0\,_1fr\)_auto{grid-template-columns:56px minmax(0,1fr) auto}.ai_center{align-items:center}.obj-f_cover{object-fit:cover}.fw_semibold{font-weight:var(--font-weights-semibold)}.tov_ellipsis{text-overflow:ellipsis}.ff_sans{font-family:var(--fonts-sans)}.bx-s_content-box{box-sizing:content-box}.d_inline-block{display:inline-block}.as_flex-start{align-self:flex-start}.lh_none{line-height:var(--line-heights-none)}.w_140{width:140px}.pt_12{padding-top:var(--spacing-12)}.mt_2{margin-top:var(--spacing-2)}.min-w_12rem{min-width:12rem}.h_auto{height:auto}.max-w_full{max-width:var(--sizes-full)}.w_56px{width:56px}.h_56px{height:56px}.min-w_0{min-width:0}.w_\{spacing\.12\}{width:var(--spacing-12)}.h_6px{height:6px}.min-h_full{min-height:var(--sizes-full)}.max-w_2xl{max-width:var(--sizes-2xl)}.pt_16{padding-top:var(--spacing-16)}.pb_16{padding-bottom:var(--spacing-16)}.w_220px{width:220px}.w_320{width:320px}.h_36px{height:36px}.w_auto{width:auto}.w_160px{width:160px}.max-w_prose{max-width:var(--sizes-prose)}.hover\:bg_surfaceSunken:is(:hover,[data-hover]){background:var(--colors-surface-sunken)}.hover\:c_accentHover:is(:hover,[data-hover]){color:var(--colors-accent-hover)}.hover\:c_ink:is(:hover,[data-hover]){color:var(--colors-ink)}@media screen and (width>=48rem){.md\:gap_24{gap:var(--spacing-24)}.md\:pt_32{padding-top:var(--spacing-32)}.md\:w_320px{width:320px}}}@font-face{font-family:Archivo;src:url(/assets/Archivo-wdth-wght-DuIT1y7V.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap}