@font-face{font-family:pretendard;src:url(../media/PretendardVariable-s.p.0a.~5ku~863u1.woff2)format("woff2");font-display:swap;font-weight:45 920}@font-face{font-family:pretendard Fallback;src:local(Arial);ascent-override:93.76%;descent-override:23.75%;line-gap-override:0.0%;size-adjust:101.55%}.pretendard_78e6265-module__eQ5x1W__className{font-family:pretendard,pretendard Fallback}.pretendard_78e6265-module__eQ5x1W__variable{--font-pretendard:"pretendard", "pretendard Fallback"}
@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{@keyframes fadeSlideUp{0%{opacity:var(--opacity-0);transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:where(:root,:host){--border-widths-none:0px;--border-widths-thin:1px;--border-widths-thick:2px;--colors-black:#000;--colors-white:#fff;--colors-transparent:transparent;--colors-brand-50:#f7f8ff;--colors-brand-100:#edf2ff;--colors-brand-200:#dbe4ff;--colors-brand-300:#5c7cfa;--colors-brand-400:#3b5bdb;--colors-brand-500:#364fc7;--colors-brand-600:#2f44b8;--colors-brand-700:#283593;--colors-brand-800:#1f2a6e;--colors-brand-900:#1a2230;--colors-gray-50:#f7f8fa;--colors-gray-100:#f2f4f6;--colors-gray-200:#e5e8eb;--colors-gray-300:#d1d6db;--colors-gray-400:#b0b8c1;--colors-gray-500:#8b95a1;--colors-gray-600:#6b7684;--colors-gray-700:#4e5968;--colors-gray-800:#333d4b;--colors-gray-900:#191f28;--colors-red-50:#fff0f1;--colors-red-100:#ffe3e5;--colors-red-500:#f04452;--colors-red-600:#d6303e;--colors-amber-50:#fff7e6;--colors-amber-100:#ffe6b0;--colors-amber-500:#f59f00;--colors-amber-700:#b85c00;--colors-green-50:#ebfbee;--colors-green-500:#2f9e44;--fonts-pretendard:"Pretendard", -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", sans-serif;--font-sizes-caption:15px;--font-sizes-body:18px;--font-sizes-desc:20px;--font-sizes-subtitle:22px;--font-sizes-title-card-sm:24px;--font-sizes-title-card:32px;--font-sizes-title-page:40px;--font-sizes-title-section:48px;--font-sizes-title-display:64px;--font-weights-regular:400;--font-weights-medium:500;--font-weights-semibold:600;--font-weights-bold:700;--font-weights-extrabold:800;--line-heights-tight:1.2;--line-heights-snug:1.35;--line-heights-normal:1.5;--line-heights-relaxed:1.7;--letter-spacings-tight:-.04em;--letter-spacings-normal:-.02em;--letter-spacings-wide:0em;--radii-none:0px;--radii-xs:4px;--radii-sm:6px;--radii-md:8px;--radii-lg:10px;--radii-xl:12px;--radii-2xl:14px;--radii-3xl:16px;--radii-4xl:20px;--radii-full:999px;--sizes-0:0px;--sizes-full:100%;--sizes-screen-h:100vh;--sizes-container:1200px;--sizes-container-wide:1280px;--sizes-container-narrow:960px;--sizes-header:72px;--sizes-breakpoint-sm:640px;--sizes-breakpoint-md:768px;--sizes-breakpoint-lg:1024px;--sizes-breakpoint-xl:1280px;--sizes-breakpoint-2xl:1536px;--spacing-0:0px;--spacing-2xs:4px;--spacing-xs:8px;--spacing-sm:12px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--spacing-4xl:96px;--spacing-5xl:128px;--opacity-0:0;--opacity-40:.4;--opacity-60:.6;--opacity-80:.8;--opacity-100:1;--z-index-base:0;--z-index-raised:10;--z-index-dropdown:100;--z-index-sticky:200;--z-index-header:500;--z-index-overlay:900;--z-index-modal:1000;--z-index-toast:1100;--breakpoints-sm:640px;--breakpoints-md:768px;--breakpoints-lg:1024px;--breakpoints-xl:1280px;--breakpoints-2xl:1536px;--borders-default:1px solid var(--colors-border-default);--borders-strong:1px solid var(--colors-border-strong);--borders-brand:1px solid var(--colors-border-brand);--colors-text-primary:var(--colors-gray-900);--colors-text-secondary:var(--colors-gray-700);--colors-text-tertiary:var(--colors-gray-500);--colors-text-inverse:var(--colors-white);--colors-text-brand:var(--colors-brand-400);--colors-text-danger:var(--colors-red-500);--colors-bg-canvas:var(--colors-white);--colors-bg-subtle:var(--colors-gray-50);--colors-bg-muted:var(--colors-gray-100);--colors-bg-brand-subtle:var(--colors-brand-100);--colors-bg-inverse:var(--colors-gray-900);--colors-border-default:var(--colors-gray-200);--colors-border-strong:var(--colors-gray-300);--colors-border-brand:var(--colors-brand-400);--colors-brand-default:var(--colors-brand-400);--colors-brand-hover:var(--colors-brand-500);--colors-brand-pressed:var(--colors-brand-600);--colors-brand-subtle:var(--colors-brand-100);--sizes-content:var(--sizes-container);--shadows-xs:0 1px 2px #191f280f;--shadows-sm:0 2px 8px #191f2814;--shadows-md:0 8px 24px #191f281a;--shadows-lg:0 16px 40px #191f281f;--shadows-brand:0 8px 24px #3b5bdb47}}@layer recipes,utilities;