@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:"🐼"}html,body{background:var(--colors-bg);color:var(--colors-fg);font-family:sans}*{margin:var(--spacing-0);padding:var(--spacing-0);box-sizing:border-box}*,: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-primary-50:#edfcfc;--colors-primary-100:#d0f7f7;--colors-primary-200:#a1efef;--colors-primary-300:#61e4e6;--colors-primary-400:#2bccd0;--colors-primary-500:#009ea2;--colors-primary-600:#00818a;--colors-primary-700:#006570;--colors-primary-800:#004d56;--colors-primary-900:#003440;--colors-primary-950:#001e26;--colors-accent-50:#fff0f7;--colors-accent-100:#ffd6eb;--colors-accent-200:#ffadd5;--colors-accent-300:#ff84bf;--colors-accent-400:#ff5baa;--colors-accent-500:#ff3d8a;--colors-accent-600:#e02070;--colors-accent-700:#b80058;--colors-accent-800:#900040;--colors-accent-900:#68002e;--colors-accent-950:#40001c;--colors-neutral-50:#f8fafc;--colors-neutral-100:#f1f5f9;--colors-neutral-200:#e2e8f0;--colors-neutral-300:#cbd5e1;--colors-neutral-400:#94a3b8;--colors-neutral-500:#64748b;--colors-neutral-600:#475569;--colors-neutral-700:#334155;--colors-neutral-800:#1e293b;--colors-neutral-900:#0f172a;--colors-neutral-950:#020617;--colors-white:#fff;--colors-black:#000;--fonts-heading:var(--font-metropolis), var(--font-lexend,"Lexend"), system-ui, sans-serif;--fonts-body:var(--font-lexend,"Lexend"), var(--font-noto-sans-jp,"Noto Sans JP"), system-ui, sans-serif;--fonts-ja:var(--font-noto-sans-jp,"Noto Sans JP"), system-ui, sans-serif;--fonts-mono:"JetBrains Mono", "Fira Code", ui-monospace, monospace;--fonts-mrz:"ocr-b-std", monospace;--fonts-metropolis:var(--font-metropolis,"Metropolis");--fonts-lexend:var(--font-lexend,"Lexend");--fonts-noto-sans-jp:var(--font-noto-sans-jp,"Noto Sans JP");--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-6xl:3.75rem;--font-weights-normal:400;--font-weights-medium:500;--font-weights-semibold:600;--font-weights-bold:700;--font-weights-extrabold:800;--line-heights-tight:1.25;--line-heights-snug:1.375;--line-heights-normal:1.5;--line-heights-relaxed:1.625;--line-heights-loose:2;--spacing-0:0;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-7:1.75rem;--spacing-8:2rem;--spacing-9:2.25rem;--spacing-10:2.5rem;--spacing-11:2.75rem;--spacing-12:3rem;--spacing-14:3.5rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--spacing-28:7rem;--spacing-32:8rem;--spacing-36:9rem;--spacing-40:10rem;--spacing-48:12rem;--spacing-56:14rem;--spacing-64:16rem;--spacing-72:18rem;--spacing-80:20rem;--spacing-96:24rem;--spacing-0\.5:.125rem;--spacing-1\.5:.375rem;--spacing-2\.5:.625rem;--spacing-3\.5:.875rem;--radii-none:0;--radii-sm:.375rem;--radii-md:.625rem;--radii-lg:.875rem;--radii-xl:1.25rem;--radii-2xl:1.75rem;--radii-3xl:2.5rem;--radii-full:9999px;--shadows-xs:0 1px 2px 0 #0000000d;--shadows-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadows-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadows-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadows-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--shadows-2xl:0 25px 50px -12px #00000040;--shadows-inner:inset 0 2px 4px 0 #0000000d;--shadows-primary:0 4px 24px 0 #009ea240;--shadows-accent:0 4px 24px 0 #ff3d8a40;--borders-none:none;--borders-base:1px solid var(--colors-neutral-200);--borders-primary:1px solid var(--colors-primary-300);--borders-accent:1px solid var(--colors-accent-300);--durations-fast:.1s;--durations-normal:.2s;--durations-slow:.35s;--easings-default:cubic-bezier(.4, 0, .2, 1);--easings-in:cubic-bezier(.4, 0, 1, 1);--easings-out:cubic-bezier(0, 0, .2, 1);--easings-spring:cubic-bezier(.34, 1.56, .64, 1);--breakpoints-sm:640px;--breakpoints-md:768px;--breakpoints-lg:1024px;--breakpoints-xl:1280px;--breakpoints-2xl:1536px;--sizes-breakpoint-sm:640px;--sizes-breakpoint-md:768px;--sizes-breakpoint-lg:1024px;--sizes-breakpoint-xl:1280px;--sizes-breakpoint-2xl:1536px;--colors-bg:var(--colors-white);--colors-bg-subtle:var(--colors-neutral-50);--colors-bg-muted:var(--colors-neutral-100);--colors-bg-elevated:var(--colors-white);--colors-fg:var(--colors-neutral-900);--colors-fg-muted:var(--colors-neutral-500);--colors-fg-subtle:var(--colors-neutral-400);--colors-fg-on-primary:var(--colors-white);--colors-fg-on-accent:var(--colors-white);--colors-border:var(--colors-neutral-200);--colors-border-muted:var(--colors-neutral-100);--colors-border-strong:var(--colors-neutral-300);--colors-primary:var(--colors-primary-500);--colors-primary-hover:var(--colors-primary-600);--colors-primary-active:var(--colors-primary-700);--colors-primary-subtle:var(--colors-primary-50);--colors-primary-muted:var(--colors-primary-100);--colors-primary-fg:var(--colors-primary-700);--colors-accent:var(--colors-accent-500);--colors-accent-hover:var(--colors-accent-600);--colors-accent-active:var(--colors-accent-700);--colors-accent-subtle:var(--colors-accent-50);--colors-accent-muted:var(--colors-accent-100);--colors-accent-fg:var(--colors-accent-700)}:where(.dark,[data-theme=dark]){--colors-bg:var(--colors-neutral-950);--colors-bg-subtle:var(--colors-neutral-900);--colors-bg-muted:var(--colors-neutral-800);--colors-bg-elevated:var(--colors-neutral-900);--colors-fg:var(--colors-neutral-50);--colors-fg-muted:var(--colors-neutral-400);--colors-fg-subtle:var(--colors-neutral-600);--colors-border:var(--colors-neutral-700);--colors-border-muted:var(--colors-neutral-800);--colors-border-strong:var(--colors-neutral-600);--colors-primary-subtle:var(--colors-primary-950);--colors-primary-muted:var(--colors-primary-900);--colors-primary-fg:var(--colors-primary-300);--colors-accent-subtle:var(--colors-accent-950);--colors-accent-muted:var(--colors-accent-900);--colors-accent-fg:var(--colors-accent-300)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}}@layer recipes;@layer utilities{.bg_bg{background:var(--colors-bg)}.bd_none{border:var(--borders-none)}.bg_primary{background:var(--colors-primary)}.bg_bg\.muted{background:var(--colors-bg-muted)}.bd_1px_solid{border:1px solid}.bg_transparent{background:0 0}.bg_bg\.elevated{background:var(--colors-bg-elevated)}.p_6{padding:var(--spacing-6)}.bg_white{background:var(--colors-white)}.p_5{padding:var(--spacing-5)}.bg_yellow\.200{background:#ff0 .2px}.bg_gray\.50{background:gray .5px}.p_2{padding:var(--spacing-2)}.bg_neutral\.100{background:var(--colors-neutral-100)}.bg_primary\.50{background:var(--colors-primary-50)}.bg_accent\.50{background:var(--colors-accent-50)}.bg_primary\.100{background:var(--colors-primary-100)}.bg_bg\.subtle{background:var(--colors-bg-subtle)}.bg_border{background:var(--colors-border)}.bg_yellow\.50{background:#ff0 .5px}.p_3{padding:var(--spacing-3)}.p_0{padding:var(--spacing-0)}.p_1{padding:var(--spacing-1)}.bd_2px_dashed{border:2px dashed}.p_8{padding:var(--spacing-8)}.bd_3px_solid{border:3px solid}.anim_spin_0\.8s_linear_infinite{animation:.8s linear infinite spin}.bd_2px_solid{border:2px solid}.p_4{padding:var(--spacing-4)}.gap_8{gap:var(--spacing-8)}.px_6{padding-inline:var(--spacing-6)}.gap_4{gap:var(--spacing-4)}.gap_2{gap:var(--spacing-2)}.py_3{padding-block:var(--spacing-3)}.bdr_xl{border-radius:var(--radii-xl)}.trs_all{transition-property:var(--transition-prop,all);transition-timing-function:var(--transition-easing,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--transition-duration,.15s)}.bd-c_border{border-color:var(--colors-border)}.bdr_2xl{border-radius:var(--radii-2xl)}.ov_hidden{overflow:hidden}.bdr_lg{border-radius:var(--radii-lg)}.flex_1{flex:1}.gap_0\.5{gap:var(--spacing-0\.5)}.bdr_sm{border-radius:var(--radii-sm)}.bd-c_yellow\.400{border-color:yellow.4}.bdr_md{border-radius:var(--radii-md)}.px_3{padding-inline:var(--spacing-3)}.py_1{padding-block:var(--spacing-1)}.bdr_full{border-radius:var(--radii-full)}.bd-b_1px_solid{border-bottom:1px solid}.py_4{padding-block:var(--spacing-4)}.td_none{text-decoration:none}.gap_6{gap:var(--spacing-6)}.py_8{padding-block:var(--spacing-8)}.mx_auto{margin-inline:auto}.gap_1\.5{gap:var(--spacing-1\.5)}.gap_1{gap:var(--spacing-1)}.px_4{padding-inline:var(--spacing-4)}.py_2\.5{padding-block:var(--spacing-2\.5)}.ring_none{outline:var(--borders-none)}.gap_3{gap:var(--spacing-3)}.gap_5{gap:var(--spacing-5)}.bd-c_yellow\.200{border-color:yellow.2}.bd-c_primary{border-color:var(--colors-primary)}.px_2{padding-inline:var(--spacing-2)}.d_flex{display:flex}.flex-d_column{flex-direction:column}.ai_center{align-items:center}.jc_center{justify-content:center}.ta_center{text-align:center}.ff_heading{font-family:var(--fonts-heading)}.fw_extrabold{font-weight:var(--font-weights-extrabold)}.fs_5xl{font-size:var(--font-sizes-5xl)}.c_primary{color:var(--colors-primary)}.ls_tight{letter-spacing:tight}.fs_lg{font-size:var(--font-sizes-lg)}.c_fg\.muted{color:var(--colors-fg-muted)}.ff_ja{font-family:var(--fonts-ja)}.c_fg{color:var(--colors-fg)}.lh_relaxed{line-height:var(--line-heights-relaxed)}.fs_sm{font-size:var(--font-sizes-sm)}.flex-wrap_wrap{flex-wrap:wrap}.d_inline-flex{display:inline-flex}.fw_semibold{font-weight:var(--font-weights-semibold)}.cursor_pointer{cursor:pointer}.trs-dur_normal{--transition-duration:var(--durations-normal);transition-duration:var(--durations-normal)}.trs-tmf_default{--transition-easing:var(--easings-default);transition-timing-function:var(--easings-default)}.c_fg\.onPrimary{color:var(--colors-fg-on-primary)}.c_primary\.fg{color:var(--colors-primary-fg)}.bx-sh_sm{box-shadow:var(--shadows-sm)}.asp_1\.586{aspect-ratio:1.586}.bx-sh_md{box-shadow:var(--shadows-md)}.pos_relative{position:relative}.asp_3\/4{aspect-ratio:3/4}.obj-f_cover{object-fit:cover}.jc_space-between{justify-content:space-between}.jc_flex-end{justify-content:flex-end}.fw_bold{font-weight:var(--font-weights-bold)}.c_gray\.900{color:gray.9}.lh_tight{line-height:var(--line-heights-tight)}.fs_xs{font-size:var(--font-sizes-xs)}.c_gray\.500{color:gray.5}.ls_wide{letter-spacing:wide}.c_gray\.600{color:gray.6}.ai_flex-end{align-items:flex-end}.fs_2xs{font-size:2xs}.c_gray\.400{color:gray.4}.c_yellow\.700{color:yellow.7}.ff_mrz{font-family:var(--fonts-mrz)}.c_gray\.300{color:gray.3}.ls_wider{letter-spacing:wider}.c_neutral\.600{color:var(--colors-neutral-600)}.c_primary\.700{color:var(--colors-primary-700)}.c_accent\.700{color:var(--colors-accent-700)}.d_inline-block{display:inline-block}.fs_xl{font-size:var(--font-sizes-xl)}.fs_2xl{font-size:var(--font-sizes-2xl)}.fs_3xl{font-size:var(--font-sizes-3xl)}.ai_flex-start{align-items:flex-start}.fw_medium{font-weight:var(--font-weights-medium)}.c_fg\.subtle{color:var(--colors-fg-subtle)}.c_red\.500{color:red.5}.fs_md{font-size:var(--font-sizes-md)}.c_accent{color:var(--colors-accent)}.c_yellow\.800{color:yellow.8}.us_none{-webkit-user-select:none;user-select:none}.flex-sh_0{flex-shrink:0}.trf_translateX\(100\%\){transform:translate(100%)}.trf_translateX\(0\){transform:translate(0)}.d_block{display:block}.c_fg\.default{color:fg.default}.d_none{display:none}.obj-f_contain{object-fit:contain}.c_white{color:var(--colors-white)}.bx-sh_primary{box-shadow:var(--shadows-primary)}.bx-sh_none{box-shadow:none}.trs-dur_fast{--transition-duration:var(--durations-fast);transition-duration:var(--durations-fast)}.resize_vertical{resize:vertical}.min-h_100vh{min-height:100vh}.mb_4{margin-bottom:var(--spacing-4)}.h_300px{height:300px}.mt_2{margin-top:var(--spacing-2)}.max-w_480px{max-width:480px}.w_full{width:full}.w_30\%{width:30%}.w_60{width:60px}.h_9{height:9px}.h_16{height:16px}.max-w_600px{max-width:600px}.mb_8{margin-bottom:var(--spacing-8)}.w_10{width:10px}.h_10{height:10px}.mb_6{margin-bottom:var(--spacing-6)}.max-w_700px{max-width:700px}.max-w_400px{max-width:400px}.h_1px{height:1px}.w_152{width:152px}.h_22{height:22px}.w_14{width:14px}.h_8{height:8px}.w_6{width:6px}.h_6{height:6px}.w_8{width:8px}.bd-t-c_primary{border-top-color:var(--colors-primary)}.max-h_320px{max-height:320px}.mb_2{margin-bottom:var(--spacing-2)}.min-h_80px{min-height:80px}.mb_1{margin-bottom:var(--spacing-1)}.mb_3{margin-bottom:var(--spacing-3)}.disabled\:op_0\.5:is(:disabled,[disabled],[data-disabled],[aria-disabled=true]){opacity:.5}.disabled\:cursor_not-allowed:is(:disabled,[disabled],[data-disabled],[aria-disabled=true]){cursor:not-allowed}.placeholder\:c_fg\.muted::placeholder,.placeholder\:c_fg\.muted[data-placeholder]{color:var(--colors-fg-muted)}.focus\:bd-c_primary:is(:focus,[data-focus]){border-color:var(--colors-primary)}.focus\:bx-sh_0_0_0_3px_token\(colors\.primary\/0\.1\):is(:focus,[data-focus]){box-shadow:0 0 0 3px color-mix(in srgb, var(--colors-primary) 0.1%, transparent)}.focus\:bx-sh_0_0_0_2px_token\(colors\.primary\.200\):is(:focus,[data-focus]){box-shadow:0 0 0 2px var(--colors-primary-200)}.hover\:bg_primary\.hover:is(:hover,[data-hover]){background:var(--colors-primary-hover)}.hover\:bg_bg\.elevated:is(:hover,[data-hover]){background:var(--colors-bg-elevated)}.hover\:bg_primary\.subtle:is(:hover,[data-hover]){background:var(--colors-primary-subtle)}.hover\:bg_bg\.muted:is(:hover,[data-hover]){background:var(--colors-bg-muted)}.hover\:bg_primary\.50:is(:hover,[data-hover]){background:var(--colors-primary-50)}.hover\:bd-c_border\.strong:is(:hover,[data-hover]){border-color:var(--colors-border-strong)}.hover\:td_underline:is(:hover,[data-hover]){text-decoration:underline}.hover\:bd-c_primary:is(:hover,[data-hover]){border-color:var(--colors-primary)}.hover\:bx-sh_primary:is(:hover,[data-hover]){box-shadow:var(--shadows-primary)}.hover\:c_fg:is(:hover,[data-hover]){color:var(--colors-fg)}.active\:bg_primary\.active:is(:active,[data-active]){background:var(--colors-primary-active)}}