@layer reset;@layer base{:root{--made-with-panda:"🐼"}*,: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:#fafafa;--colors-neutral-100:#f4f4f5;--colors-neutral-200:#e5e5e7;--colors-neutral-300:#d4d4d8;--colors-neutral-400:#a1a1a8;--colors-neutral-500:#71717a;--colors-neutral-600:#52525b;--colors-neutral-700:#3f3f46;--colors-neutral-800:#27272a;--colors-neutral-900:#18181b;--colors-neutral-950:#09090b;--colors-success-50:#f0fdf4;--colors-success-100:#dcfce7;--colors-success-200:#bbf7d0;--colors-success-300:#86efac;--colors-success-400:#4ade80;--colors-success-500:#22c55e;--colors-success-600:#16a34a;--colors-success-700:#15803d;--colors-success-800:#166534;--colors-warning-50:#fefce8;--colors-warning-100:#fef9c3;--colors-warning-200:#fef08a;--colors-warning-400:#facc15;--colors-warning-600:#ca8a04;--colors-warning-800:#854d0e;--colors-danger-50:#fef2f2;--colors-danger-100:#fee2e2;--colors-danger-200:#fecaca;--colors-danger-400:#f87171;--colors-danger-500:#ef4444;--colors-danger-600:#dc2626;--colors-danger-700:#b91c1c;--colors-danger-800:#991b1b;--colors-info-50:#eff6ff;--colors-info-100:#dbeafe;--colors-info-200:#bfdbfe;--colors-info-500:#3b82f6;--colors-info-600:#2563eb;--colors-info-700:#1d4ed8;--colors-info-800:#1e40af;--fonts-sans:"Noto Sans JP", ui-sans-serif, system-ui, -apple-system, "Segoe UI", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic UI", Meiryo, sans-serif;--fonts-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-sizes-2xs:.6875rem;--font-sizes-xs:.75rem;--font-sizes-sm:.875rem;--font-sizes-base: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-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-loose:1.85;--letter-spacings-tight:-.02em;--letter-spacings-normal:0;--letter-spacings-wide:.06em;--spacing-0:0;--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-24:6rem;--spacing-px:1px;--spacing-0\.5:.125rem;--spacing-1\.5:.375rem;--spacing-2\.5:.625rem;--radii-none:0;--radii-sm:.25rem;--radii-md:.5rem;--radii-lg:.75rem;--radii-xl:1rem;--radii-full:9999px;--borders-hairline:1px solid var(--colors-neutral-200);--borders-strong:1px solid var(--colors-neutral-300);--borders-focus:2px solid var(--colors-info-600);--shadows-xs:0 1px 2px 0 #0000000a;--shadows-sm:0 1px 2px 0 #0000000f;--shadows-md:0 4px 12px -2px #00000014, 0 2px 4px -2px #0000000f;--shadows-lg:0 12px 32px -8px #0000001f, 0 4px 12px -4px #0000000f;--shadows-kiosk-panel:0 16px 64px -8px #00000073;--durations-fast:.12s;--durations-base:.18s;--durations-slow:.28s;--easings-standard:cubic-bezier(.2, 0, 0, 1);--easings-enter:cubic-bezier(0, 0, .2, 1);--easings-exit:cubic-bezier(.4, 0, 1, 1);--z-index-base:0;--z-index-sticky:10;--z-index-overlay:30;--z-index-nav:40;--z-index-modal:50;--z-index-toast:60;--sizes-sidebar:16rem;--sizes-header:3.5rem;--sizes-bottom-nav:4rem;--sizes-container-sm:640px;--sizes-container-md:768px;--sizes-container-lg:1024px;--sizes-container-xl:1280px;--sizes-breakpoint-sm:640px;--sizes-breakpoint-md:768px;--sizes-breakpoint-lg:1024px;--sizes-breakpoint-xl:1280px;--sizes-breakpoint-2xl:1536px;--breakpoints-sm:640px;--breakpoints-md:768px;--breakpoints-lg:1024px;--breakpoints-xl:1280px;--breakpoints-2xl:1536px;--colors-bg:var(--colors-neutral-0);--colors-bg-subtle:var(--colors-neutral-50);--colors-bg-muted:var(--colors-neutral-100);--colors-bg-inverse:var(--colors-neutral-950);--colors-bg-kiosk:var(--colors-neutral-950);--colors-fg:var(--colors-neutral-900);--colors-fg-muted:var(--colors-neutral-500);--colors-fg-subtle:var(--colors-neutral-400);--colors-fg-on-brand:var(--colors-neutral-0);--colors-fg-on-danger:var(--colors-neutral-0);--colors-border:var(--colors-neutral-200);--colors-border-strong:var(--colors-neutral-300);--colors-border-focus:var(--colors-info-600);--colors-link:var(--colors-info-600);--colors-link-hover:var(--colors-info-700);--colors-danger:var(--colors-danger-600);--colors-danger-hover:var(--colors-danger-700);--colors-danger-subtle:var(--colors-danger-50);--colors-alert-danger:var(--colors-danger-800);--colors-alert-warning:var(--colors-warning-800);--colors-alert-success:var(--colors-success-800);--colors-alert-bg-danger:var(--colors-danger-50);--colors-alert-bg-warning:var(--colors-warning-50);--colors-alert-bg-success:var(--colors-success-50);--colors-alert-border-danger:var(--colors-danger-200);--colors-alert-border-warning:var(--colors-warning-200);--colors-alert-border-success:var(--colors-success-200);--font-sizes-body:var(--font-sizes-sm);--font-sizes-body-lg:var(--font-sizes-base);--font-sizes-label:var(--font-sizes-sm);--font-sizes-helper:var(--font-sizes-xs);--font-sizes-card-title:var(--font-sizes-base);--font-sizes-section-h:var(--font-sizes-lg);--font-sizes-page-h:var(--font-sizes-2xl);--font-sizes-stat:var(--font-sizes-3xl);--font-sizes-kiosk-hero:var(--font-sizes-4xl)}[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-inverse:var(--colors-neutral-0);--colors-fg:var(--colors-neutral-50);--colors-fg-muted:var(--colors-neutral-400);--colors-fg-subtle:var(--colors-neutral-500);--colors-border:var(--colors-neutral-700);--colors-border-strong:var(--colors-neutral-600)}@keyframes spin{to{transform:rotate(360deg)}}}@layer recipes{@layer _base{.badge{padding-inline:var(--spacing-2\.5);padding-block:var(--spacing-0\.5);font-size:var(--font-sizes-xs);font-weight:var(--font-weights-semibold);line-height:var(--line-heights-snug)}.badge,.btn{border-radius:var(--radii-md);border:1px solid #0000;align-items:center;display:inline-flex}.btn{gap:var(--spacing-2);box-sizing:border-box;font-family:var(--fonts-sans);font-weight:var(--font-weights-medium);cursor:pointer;white-space:nowrap;--transition-prop:background-color, color, border-color, box-shadow;--transition-duration:var(--durations-fast);transition-property:background-color,color,border-color,box-shadow;transition-duration:var(--durations-fast);--transition-easing:var(--easings-standard);transition-timing-function:var(--easings-standard);justify-content:center}.btn:is(:disabled,[disabled],[data-disabled],[aria-disabled=true]){opacity:.4;pointer-events:none}.btn svg{width:1rem;height:1rem}.btn:is(:focus-visible,[data-focus-visible]){outline-offset:2px;box-shadow:0 0 0 3px color-mix(in srgb, var(--colors-info-600) 35%, transparent);outline:2px solid #0000}.card{background:var(--colors-neutral-0);border:var(--borders-hairline);border-radius:var(--radii-lg);box-shadow:var(--shadows-sm);--transition-prop:background-color, border-color, box-shadow;--transition-duration:var(--durations-fast);transition-property:background-color,border-color,box-shadow;transition-duration:var(--durations-fast);--transition-easing:var(--easings-standard);transition-timing-function:var(--easings-standard)}.input{border:var(--borders-hairline);border-radius:var(--radii-md);outline-offset:2px;box-sizing:border-box;font-family:var(--fonts-sans);color:var(--colors-fg);box-shadow:var(--shadows-xs);--transition-prop:border-color, box-shadow;--transition-duration:var(--durations-fast);transition-property:border-color,box-shadow;transition-duration:var(--durations-fast);background:0 0;outline:2px solid #0000;width:100%;display:flex}.input::placeholder,.input[data-placeholder]{color:var(--colors-fg-muted)}.input:is(:disabled,[disabled],[data-disabled],[aria-disabled=true]){opacity:.5;cursor:not-allowed}.input:is(:focus-visible,[data-focus-visible]){border-color:var(--colors-border-focus);box-shadow:0 0 0 3px color-mix(in srgb, var(--colors-info-600) 35%, transparent)}}.badge--tone_success{background:var(--colors-success-100);border-color:var(--colors-success-200);color:var(--colors-success-800)}.badge--tone_warning{background:var(--colors-warning-100);border-color:var(--colors-warning-200);color:var(--colors-warning-800)}.badge--tone_info{background:var(--colors-info-100);border-color:var(--colors-info-200);color:var(--colors-info-800)}.badge--tone_neutral{background:var(--colors-neutral-100);border-color:var(--colors-neutral-200);color:var(--colors-neutral-800)}.badge--tone_danger{background:var(--colors-danger-100);border-color:var(--colors-danger-200);color:var(--colors-danger-800)}.btn--variant_primary{background:var(--colors-neutral-900);color:var(--colors-neutral-50)}.btn--variant_primary:is(:hover,[data-hover]){background:var(--colors-neutral-800)}.btn--variant_primary:is(:active,[data-active]){background:var(--colors-neutral-700)}.btn--size_md{padding-inline:var(--spacing-4);font-size:var(--font-sizes-sm);height:2.25rem}.btn--loading_true{pointer-events:none}.btn--variant_outline{background:var(--colors-neutral-0);border-color:var(--colors-neutral-200);color:var(--colors-neutral-900)}.btn--variant_outline:is(:hover,[data-hover]){background:var(--colors-neutral-50);border-color:var(--colors-neutral-300)}.btn--variant_outline:is(:active,[data-active]){background:var(--colors-neutral-100);border-color:var(--colors-neutral-400)}.btn--variant_danger{background:var(--colors-danger);color:var(--colors-fg-on-danger)}.btn--variant_danger:is(:focus-visible,[data-focus-visible]){outline-offset:2px;box-shadow:0 0 0 3px color-mix(in srgb, var(--colors-danger-600) 35%, transparent);outline:2px solid #0000}.btn--variant_danger:is(:hover,[data-hover]){background:var(--colors-danger-hover)}.btn--variant_danger:is(:active,[data-active]){background:var(--colors-danger-800)}.btn--size_sm{padding-inline:var(--spacing-3);font-size:var(--font-sizes-xs);height:2rem}.card--padding_lg{padding:var(--spacing-6)}.card--interactive_true{cursor:pointer}.card--interactive_true:is(:hover,[data-hover]){background:var(--colors-neutral-50)}.card--interactive_true:is(:active,[data-active]){background:var(--colors-neutral-100)}.card--selected_true{border-color:var(--colors-neutral-900);box-shadow:inset 0 0 0 1px var(--colors-neutral-900)}.card--disabled_true{opacity:.5;pointer-events:none}.card--padding_md{padding:var(--spacing-5)}.input--size_md{padding-inline:var(--spacing-3);padding-block:var(--spacing-1);font-size:var(--font-sizes-sm);height:2.25rem}.input--invalid_true{border-color:var(--colors-danger)}.input--invalid_true:is(:focus-visible,[data-focus-visible]){border-color:var(--colors-danger);box-shadow:0 0 0 3px color-mix(in srgb, var(--colors-danger-600) 35%, transparent)}}@layer utilities{.anim_spin_0\.8s_linear_infinite{animation:.8s linear infinite spin}.m_0{margin:var(--spacing-0)}.bd_hairline{border:var(--borders-hairline)}.bg_bg{background:var(--colors-bg)}.inset_0{inset:var(--spacing-0)}.p_0{padding:var(--spacing-0)}.bd_none{border:none}.bg_color-mix\(in_srgb\,_var\(--colors-fg\)_32\%\,_transparent\){background:color-mix(in srgb, var(--colors-fg) 32%, transparent)}.p_3{padding:var(--spacing-3)}.bg_transparent{background:0 0}.bdr_full{border-radius:var(--radii-full)}.bd-w_2px{border-width:2px}.border-style_solid{border-style:solid}.bd-c_currentColor{border-color:currentColor}.gap_1{gap:var(--spacing-1)}.gap_2{gap:var(--spacing-2)}.bd-b_hairline{border-bottom:var(--borders-hairline)}.px_4{padding-inline:var(--spacing-4)}.py_3{padding-block:var(--spacing-3)}.px_3{padding-inline:var(--spacing-3)}.bdr_md{border-radius:var(--radii-md)}.bd-l_hairline{border-left:var(--borders-hairline)}.py_var\(--spacing-3\){padding-block:var(--spacing-3)}.px_var\(--spacing-4\){padding-inline:var(--spacing-4)}.bd-b_2px_solid_transparent{border-bottom:2px solid #0000}.td_none{text-decoration:none}.trs_color_120ms_cubic-bezier\(0\.2\,_0\,_0\,_1\){transition:color .12s cubic-bezier(.2,0,0,1)}.ring_none{outline-offset:2px;outline:2px solid #0000}.px_var\(--spacing-3\){padding-inline:var(--spacing-3)}.bdr_var\(--radii-md\){border-radius:var(--radii-md)}.mx_auto{margin-inline:auto}.py_6{padding-block:var(--spacing-6)}.gap_6{gap:var(--spacing-6)}.bdr_lg{border-radius:var(--radii-lg)}.ov_hidden{overflow:hidden}.gap_3{gap:var(--spacing-3)}.li-s_none{list-style:none}.my_-2{margin-block:calc(var(--spacing-2) * -1)}.mx_-2{margin-inline:calc(var(--spacing-2) * -1)}.py_2{padding-block:var(--spacing-2)}.px_2{padding-inline:var(--spacing-2)}.td_underline{text-decoration:underline}.bdr_sm{border-radius:var(--radii-sm)}.d_flex{display:flex}.flex-d_column{flex-direction:column}.fs_cardTitle{font-size:var(--font-sizes-card-title)}.fw_semibold{font-weight:var(--font-weights-semibold)}.lh_tight{line-height:var(--line-heights-tight)}.c_fg{color:var(--colors-fg)}.ls_tight{letter-spacing:var(--letter-spacings-tight)}.fs_helper{font-size:var(--font-sizes-helper)}.c_fg\.muted{color:var(--colors-fg-muted)}.ai_center{align-items:center}.jc_flex-end{justify-content:flex-end}.bd-cl_collapse{border-collapse:collapse}.ff_sans{font-family:var(--fonts-sans)}.ta_left{text-align:left}.trs-prop_background-color{--transition-prop:background-color;transition-property:background-color}.trs-dur_fast{--transition-duration:var(--durations-fast);transition-duration:var(--durations-fast)}.trs-tmf_standard{--transition-easing:var(--easings-standard);transition-timing-function:var(--easings-standard)}.fs_sm{font-size:var(--font-sizes-sm)}.fw_regular{font-weight:var(--font-weights-regular)}.lh_normal{line-height:var(--line-heights-normal)}.va_middle{vertical-align:middle}.fs_xs{font-size:var(--font-sizes-xs)}.fw_medium{font-weight:var(--font-weights-medium)}.ls_wide{letter-spacing:var(--letter-spacings-wide)}.jc_space-between{justify-content:space-between}.ff_var\(--fonts-sans\){font-family:var(--fonts-sans)}.fs_var\(--font-sizes-base\){font-size:var(--font-sizes-base)}.fw_700{font-weight:700}.ls_var\(--letter-spacings-normal\){letter-spacing:var(--letter-spacings-normal)}.c_var\(--colors-fg\){color:var(--colors-fg)}.white-space_nowrap{white-space:nowrap}.d_none{display:none}.d_inline{display:inline}.bx-s_border-box{box-sizing:border-box}.d_inline-flex{display:inline-flex}.jc_center{justify-content:center}.cursor_pointer{cursor:pointer}.d_block{display:block}.pos_fixed{position:fixed}.z_modal{z-index:var(--z-index-modal)}.pos_absolute{position:absolute}.bx-sh_md{box-shadow:var(--shadows-md)}.ff_inherit{font-family:inherit}.fs_var\(--font-sizes-sm\){font-size:var(--font-sizes-sm)}.fw_500{font-weight:500}.c_var\(--colors-fg-muted\){color:var(--colors-fg-muted)}.stk-w_1\.5{stroke-width:1.5px}.bx-sh_sm{box-shadow:var(--shadows-sm)}.c_link{color:var(--colors-link)}.tu-o_3px{text-underline-offset:3px}.c_inherit{color:inherit}.fs_xl{font-size:var(--font-sizes-xl)}.ls_var\(--letter-spacings-tight\){letter-spacing:var(--letter-spacings-tight)}.ai_flex-start{align-items:flex-start}.ov-wrap_anywhere{overflow-wrap:anywhere}.d_grid{display:grid}.grid-tc_auto_1fr{grid-template-columns:auto 1fr}.cg_3{column-gap:var(--spacing-3)}.rg_1{row-gap:var(--spacing-1)}.mbs_4{margin-block-start:var(--spacing-4)}.mbe_0{margin-block-end:var(--spacing-0)}.w_1rem{width:1rem}.h_1rem{height:1rem}.bd-t-c_transparent{border-top-color:#0000}.mb_4{margin-bottom:var(--spacing-4)}.mt_4{margin-top:var(--spacing-4)}.w_100\%{width:100%}.h_3\.5rem{height:3.5rem}.w_2rem{width:2rem}.h_2rem{height:2rem}.h_100\%{height:100%}.top_0{top:var(--spacing-0)}.right_0{right:var(--spacing-0)}.w_min\(20rem\,_calc\(100vw_-_3rem\)\){width:min(20rem,100vw - 3rem)}.h_100dvh{height:100dvh}.min-h_calc\(100vh_-_3\.5rem\){min-height:calc(100vh - 3.5rem)}.mb_-1px{margin-bottom:-1px}.min-h_2\.75rem{min-height:2.75rem}.max-w_container\.xl{max-width:var(--sizes-container-xl)}.min-h_8{min-height:8px}.min-w_0{min-width:0}.\[\&\[data-selected\=\'true\'\]\]\:bg_neutral\.50[data-selected=true]{background:var(--colors-neutral-50)}.currentPage\:bg_var\(--colors-bg-muted\)[aria-current=page]{background:var(--colors-bg-muted)}.\[\&_tr\]\:bd-b_hairline tr{border-bottom:var(--borders-hairline)}.\[\&_tr\:last-child\]\:bd-b_none tr:last-child{border-bottom:none}.currentPage\:bd-b_2px_solid_var\(--colors-fg\)[aria-current=page]{border-bottom:2px solid var(--colors-fg)}.\[\&\[data-interactive\=\'true\'\]\]\:cursor_pointer[data-interactive=true]{cursor:pointer}.currentPage\:fw_600[aria-current=page]{font-weight:600}.currentPage\:c_var\(--colors-fg\)[aria-current=page]{color:var(--colors-fg)}.focusVisible\:ring_none:is(:focus-visible,[data-focus-visible]){outline-offset:2px;outline:2px solid #0000}.focusVisible\:bx-sh_0_0_0_3px_color-mix\(in_srgb\,_\{colors\.border\.focus\}_35\%\,_transparent\):is(:focus-visible,[data-focus-visible]){box-shadow:0 0 0 3px color-mix(in srgb, var(--colors-border-focus) 35%, transparent)}.hover\:c_link\.hover:is(:hover,[data-hover]){color:var(--colors-link-hover)}.\[\&\[data-interactive\=\'true\'\]\]\:hover\:bg_neutral\.50[data-interactive=true]:is(:hover,[data-hover]){background:var(--colors-neutral-50)}@media screen and (min-width:40rem){.sm\:px_4{padding-inline:var(--spacing-4)}.sm\:gap_3{gap:var(--spacing-3)}.sm\:d_inline{display:inline}.sm\:d_none{display:none}.sm\:w_20rem{width:20rem}}@media screen and (min-width:48rem){.md\:px_6{padding-inline:var(--spacing-6)}.md\:gap_6{gap:var(--spacing-6)}.md\:gap_4{gap:var(--spacing-4)}.md\:px_8{padding-inline:var(--spacing-8)}.md\:d_none{display:none}.md\:d_flex{display:flex}.md\:d_block{display:block}.md\:fs_2xl{font-size:var(--font-sizes-2xl)}.md\:min-h_calc\(100vh_-_7rem\){min-height:calc(100vh - 7rem)}}}
html,body{background-color:var(--colors-bg-kiosk);color:var(--colors-fg-on-brand);height:100%;min-height:100vh;margin:0;padding:0}
