@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;-webkit-tap-highlight-color:transparent;line-height:1.5;font-family:var(--global-font-body,var(--font-fallback))}*,:before,:after,::backdrop{box-sizing:border-box;border-style:solid;border-width:0;border-color:var(--global-color-border,currentColor);margin:0;padding:0}::file-selector-button{box-sizing:border-box;border-style:solid;border-width:0;border-color:var(--global-color-border,currentColor);margin:0;padding:0}hr{height:0;color:inherit;border-top-width:1px}body{height:100%;line-height:inherit}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{opacity:1;--placeholder-fallback:color-mix(in srgb, currentColor 50%, transparent);color:var(--global-color-placeholder,var(--placeholder-fallback))}textarea{resize:vertical}table{text-indent:0;border-collapse:collapse;border-color:inherit}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{color:inherit;-webkit-text-decoration:inherit;text-decoration: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-feature-settings:normal;font-variation-settings:normal;font-family:var(--global-font-mono,var(--font-mono-fallback));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]{display:none!important}}@layer base{:root{--made-with-panda:"🐼"}html,body{background:var(--colors-\$white);min-height:100%;color:var(--colors-\$gray900);-webkit-font-smoothing:antialiased;margin:0;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,p,ul{margin:0;padding:0}ul{list-style:none}:is(a,button,input):focus-visible{outline:2px solid var(--colors-\$primary);outline-offset:3px}*,: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-\$white:#fff;--colors-\$primary:#2c7fff;--colors-\$gray50:#f8f8f9;--colors-\$gray100:#f2f2f2;--colors-\$gray200:#e7e7e8;--colors-\$gray300:#dcdcdd;--colors-\$gray400:#cacacc;--colors-\$gray500:#b3b4b6;--colors-\$gray600:#98989b;--colors-\$gray700:#747579;--colors-\$gray800:#48494e;--colors-\$gray900:#37383d;--colors-\$gray02:#e7e7e8;--colors-\$gray03:#cacacc;--colors-\$gray04:#b3b4b6;--colors-\$gray06:#37383d;--colors-\$blue50:#f2f7ff;--colors-\$blue200:#dbe9ff;--colors-\$blue300:#cce1ff;--colors-\$blue800:#0041a2;--sizes-\$-m-a-x_-b-r-o-w-s-e-r_-w-i-d-t-h:640px;--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}@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{.w_100\%{width:100%}.max-w_\$MAX_BROWSER_WIDTH{max-width:var(--sizes-\$-m-a-x_-b-r-o-w-s-e-r_-w-i-d-t-h)}.min-h_100dvh{min-height:100dvh}.mx_auto{margin-inline:auto}.bg_\$white{background:var(--colors-\$white)}.d_flex{display:flex}.min-h_68px{min-height:68px}.p_calc\(12px_\+_env\(safe-area-inset-top\)\)_20px_12px{padding:calc(12px + env(safe-area-inset-top)) 20px 12px}.w_40px{width:40px}.h_40px{height:40px}.bdr_12px{border-radius:12px}.d_block{display:block}.w_11px{width:11px}.h_11px{height:11px}.bd-t_2px_solid_token\(colors\.\$gray900\){border-top:2px solid var(--colors-\$gray900)}.bd-l_2px_solid_token\(colors\.\$gray900\){border-left:2px solid var(--colors-\$gray900)}.trf_rotate\(-45deg\){transform:rotate(-45deg)}.p_calc\(24px_\+_env\(safe-area-inset-top\)\)_20px_64px{padding:calc(24px + env(safe-area-inset-top)) 20px 64px}.p_72px_12px_40px{padding:72px 12px 40px}.ta_center{text-align:center}.w_60px{width:60px}.h_60px{height:60px}.bdr_18px{border-radius:18px}.bg_\$blue200{background:var(--colors-\$blue200)}.c_\$primary{color:var(--colors-\$primary)}.c_\$gray900{color:var(--colors-\$gray900)}.c_\$gray700{color:var(--colors-\$gray700)}.p_10px_14px{padding:10px 14px}.bd_0{border:0}.bdr_10px{border-radius:10px}.gap_16px{gap:16px}.p_40px_24px{padding:40px 24px}.w_64px{width:64px}.h_64px{height:64px}.bdr_20px{border-radius:20px}.bg_\$gray50{background:var(--colors-\$gray50)}.ls_-0\.015em{letter-spacing:-.015em}.min-h_48px{min-height:48px}.p_12px_24px{padding:12px 24px}.bg_\$primary{background:var(--colors-\$primary)}.c_\$white{color:var(--colors-\$white)}.gap_8px{gap:8px}.min-h_80px{min-height:80px}.p_12px_0{padding:12px 0}.bd-b_1px_solid_token\(colors\.\$gray100\){border-bottom:1px solid var(--colors-\$gray100)}.ta_left{text-align:left}.flex_1{flex:1}.min-w_0{min-width:0}.gap_12px{gap:12px}.w_56px{width:56px}.h_56px{height:56px}.ov_hidden{overflow:hidden}.bd_1px_solid_token\(colors\.\$gray200\){border:1px solid var(--colors-\$gray200)}.bdr_14px{border-radius:14px}.gap_4px{gap:4px}.white-space_nowrap{white-space:nowrap}.tov_ellipsis{text-overflow:ellipsis}.ls_-0\.01em{letter-spacing:-.01em}.min-w_60px{min-width:60px}.min-h_36px{min-height:36px}.p_8px_14px{padding:8px 14px}.p_14px_16px{padding:14px 16px}.typography_14_MEDIUM_EXTRA_NARROW{letter-spacing:-.01em;font-size:14px;font-weight:500;line-height:100%}.bd_none{border:none}.bdr_0{border-radius:0}.trs_border_0\.5s{transition:border .5s}.ap_none{appearance:none}.bd_solid_1px_token\(colors\.\$gray02\){border:solid 1px var(--colors-\$gray02)}.ta_right{text-align:right}.bdr_4px{border-radius:4px}.c_\$gray06{color:var(--colors-\$gray06)}.us_none{-webkit-user-select:none;user-select:none}.cursor_not-allowed{cursor:not-allowed}.pointer-events_none{pointer-events:none}.pos_relative{position:relative}.pos_absolute{position:absolute}.w_20px{width:20px}.h_20px{height:20px}.trf_translateY\(-50\%\){transform:translateY(-50%)}.w_32px{width:32px}.h_32px{height:32px}.p_0{padding:0}.bg_transparent{background:0 0}.max-w_100\%{max-width:100%}.obj-f_contain{object-fit:contain}.c_\$gray400{color:var(--colors-\$gray400)}.pb_env\(safe-area-inset-bottom\){padding-bottom:env(safe-area-inset-bottom)}.ai_center{align-items:center}.jc_center{justify-content:center}.ml_-8px{margin-left:-8px}.pt_12px{padding-top:12px}.mt_16px{margin-top:16px}.flex-d_column{flex-direction:column}.mb_22px{margin-bottom:22px}.fs_17px{font-size:17px}.fw_700{font-weight:700}.lh_1\.4{line-height:1.4}.mt_8px{margin-top:8px}.fs_14px{font-size:14px}.lh_1\.5{line-height:1.5}.fw_600{font-weight:600}.fs_38px{font-size:38px}.fs_22px{font-size:22px}.lh_1\.7{line-height:1.7}.fs_15px{font-size:15px}.flex-sh_0{flex-shrink:0}.fs_16px{font-size:16px}.lh_1\.3{line-height:1.3}.fs_13px{font-size:13px}.lh_1\.35{line-height:1.35}.lh_1\.2{line-height:1.2}.bg-c_\$white{background-color:var(--colors-\$white)}.bdr-tr_4px{border-top-right-radius:4px}.bdr-tl_4px{border-top-left-radius:4px}.bdr-br_4px{border-bottom-right-radius:4px}.bdr-bl_4px{border-bottom-left-radius:4px}.pr_42px{padding-right:42px}.pl_42px{padding-left:42px}.top_50\%{top:50%}.left_12px{left:12px}.right_6px{right:6px}.lh_1{line-height:1}.fs_48px{font-size:48px}.fs_34px{font-size:34px}.fs_42px{font-size:42px}.\[\&_\>_li\:last-child_a\]\:bd-b_none>li:last-child a{border-bottom:none}.\[\&_svg\]\:w_28px svg{width:28px}.\[\&_svg\]\:h_28px svg{height:28px}.\[\&\:\:placeholder\]\:typography_14_MEDIUM_EXTRA_NARROW::placeholder{letter-spacing:-.01em;font-size:14px;font-weight:500;line-height:100%}.\[\&\:\:placeholder\]\:c_\$gray04::placeholder{color:var(--colors-\$gray04)}.\[\&\:\:-webkit-search-cancel-button\]\:d_none::-webkit-search-cancel-button{display:none}.\[\&_svg\]\:w_16px svg{width:16px}.\[\&_svg\]\:h_16px svg{height:16px}.\[\&\:focus\]\:ring_none:focus{outline-offset:2px;outline:2px solid #0000}.\[\&\:focus\]\:bd_solid_1px_token\(colors\.\$gray03\):focus{border:solid 1px var(--colors-\$gray03)}.active\:bg_\$gray100:is(:active,[data-active]){background:var(--colors-\$gray100)}.active\:bg_\$blue300:is(:active,[data-active]){background:var(--colors-\$blue300)}.active\:bg_\$blue800:is(:active,[data-active]){background:var(--colors-\$blue800)}.active\:bg_\$gray50:is(:active,[data-active]){background:var(--colors-\$gray50)}.\[\&\:active_\[data-part\=\"action\"\]\]\:bg_\$blue300:active [data-part=action]{background:var(--colors-\$blue300)}@media (max-width:359px){.\[\@media_\(max-width\:_359px\)\]\:px_16px{padding-inline:16px}}@media (hover:hover){.\[\@media_\(hover\:_hover\)\]\:hover\:bg_\$blue300:is(:hover,[data-hover]){background:var(--colors-\$blue300)}.\[\@media_\(hover\:_hover\)\]\:hover\:bg_\$blue800:is(:hover,[data-hover]){background:var(--colors-\$blue800)}.\[\@media_\(hover\:_hover\)\]\:hover\:bg_\$gray50:is(:hover,[data-hover]){background:var(--colors-\$gray50)}}}