@layer reset;@layer base{:root{--made-with-panda:"🐼"}body{margin:var(--spacing-0);background:var(--colors-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Comic Neue,cursive;font-weight:bolder;transition:background-color .25s}body,html,#root{height:100%}#root{padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0);flex-direction:column;display:flex}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:#0000}input,textarea{-webkit-user-select:initial;user-select:initial}*,: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){--durations-color:.25s;--durations-fade:1s;--durations-stagger:.5s;--durations-dialog:.5s;--spacing-0:0px;--spacing-1:4px;--spacing-2:8px;--spacing-3:16px;--spacing-4:32px;--spacing-5:64px;--spacing-6:128px;--spacing-7:256px;--spacing-8:512px;--sizes-menu:40px;--sizes-inline:16px;--sizes-logo:128px;--sizes-icon:24px;--sizes-badge:32px;--sizes-badge-big:86px;--sizes-breakpoint-sm:40em;--sizes-breakpoint-md:52em;--sizes-breakpoint-lg:64em;--radii-0:0px;--radii-1:4px;--radii-2:8px;--radii-3:16px;--radii-4:32px;--font-sizes-0:10px;--font-sizes-1:12px;--font-sizes-2:14px;--font-sizes-3:18px;--font-sizes-4:22px;--font-sizes-5:30px;--font-sizes-6:46px;--font-sizes-7:62px;--font-sizes-8:70px;--border-widths-loader:8px;--breakpoints-sm:40em;--breakpoints-md:52em;--breakpoints-lg:64em;--colors-shape:#121212;--colors-background:#fff;--colors-dialog-background:#d9d9d9;--colors-dialog-text:#303030;--colors-input-background:#fff;--colors-error-text:#bd0808;--colors-notification-background:#fffd;--colors-pieces-st1:#feca57;--colors-pieces-st2:#48dbfb;--colors-pieces-mt1:#1dd1a1;--colors-pieces-lt1:#ff6b6b;--colors-pieces-lt2:#8557e0;--colors-pieces-sq:#ff9ff3;--colors-pieces-rh:#54a0ff;--colors-difficulties-0:#10ac84;--colors-difficulties-1:#2e86de;--colors-difficulties-2:#ee5253}[data-theme=dark]{--colors-shape:#595959;--colors-background:#15141a;--colors-dialog-background:#383838;--colors-dialog-text:#d8d8d8;--colors-input-background:#595959;--colors-error-text:#e63c3c;--colors-notification-background:#000d;--colors-pieces-st1:#ce9518;--colors-pieces-st2:#1caccb;--colors-pieces-mt1:#0ca57c;--colors-pieces-lt1:#c33b3b;--colors-pieces-lt2:#5c2db9;--colors-pieces-sq:#c95ebc;--colors-pieces-rh:#2e75cf;--colors-difficulties-0:#0b8767;--colors-difficulties-1:#1a6cbd;--colors-difficulties-2:#ce3737}@keyframes pieceColor{0%{color:var(--colors-pieces-lt2)}14%{color:var(--colors-pieces-rh)}28%{color:var(--colors-pieces-st2)}42%{color:var(--colors-pieces-mt1)}57%{color:var(--colors-pieces-st1)}71%{color:var(--colors-pieces-lt1)}85%{color:var(--colors-pieces-sq)}to{color:var(--colors-pieces-lt2)}}@keyframes pieceBackground{0%{background-color:var(--colors-pieces-lt2)}14%{background-color:var(--colors-pieces-rh)}28%{background-color:var(--colors-pieces-st2)}42%{background-color:var(--colors-pieces-mt1)}57%{background-color:var(--colors-pieces-st1)}71%{background-color:var(--colors-pieces-lt1)}85%{background-color:var(--colors-pieces-sq)}to{background-color:var(--colors-pieces-lt2)}}@keyframes flight{0%{transform:translate(0)}to{transform:translate(30px,-30px)}}@keyframes emojiSpin{0%{opacity:0;transform:rotate(0)scale(0)}to{opacity:1;transform:rotate(1800deg)scale(1)}}}@layer recipes;@layer utilities{.p_2{padding:var(--spacing-2)}.bg_notificationBackground{background:var(--colors-notification-background)}.anim_\{durations\.dialog\}_fadeIn_both{animation:var(--durations-dialog) fadeIn both}.bg_transparent{background:0 0}.m_0{margin:var(--spacing-0)}.anim_\{durations\.fade\}_fadeIn_ease_\{durations\.stagger\}_forwards_reverse{animation:var(--durations-fade) fadeIn ease var(--durations-stagger) forwards reverse}.anim_\{durations\.fade\}_fadeIn_ease_\{durations\.stagger\}_both{animation:var(--durations-fade) fadeIn ease var(--durations-stagger) both}.m_1{margin:var(--spacing-1)}.bg_background{background:var(--colors-background)}.p_3{padding:var(--spacing-3)}.anim_\{durations\.fade\}_fadeIn_ease{animation:var(--durations-fade) fadeIn ease}.anim_pieceColor_20s_linear_infinite_both{animation:20s linear infinite both pieceColor}.m_-2px{margin:-2px}.bg_none{background:0 0}.bd_none{border:none}.anim_2000ms_emojiSpin_cubic-bezier\(\.6\,1\.56\,\.58\,\.92\)_forwards{animation:2s cubic-bezier(.6,1.56,.58,.92) forwards emojiSpin}.anim_\{durations\.fade\}_fadeIn_ease_both{animation:var(--durations-fade) fadeIn ease both}.bg_linear-gradient\(0deg\,_rgba\(0\,0\,0\,0\)_0\%\,_\{colors\.dialogBackground\}_50\%\){background:linear-gradient(0deg, #0000 0%, var(--colors-dialog-background) 50%)}.bg_\#00000080{background:#00000080}.anim_\{durations\.dialog\}_fadeIn_ease_both{animation:var(--durations-dialog) fadeIn ease both}.bg_dialogBackground{background:var(--colors-dialog-background)}.p_0{padding:var(--spacing-0)}.m_2px{margin:2px}.m_-1{margin:calc(var(--spacing-1) * -1)}.bd_2px_solid{border:2px solid}.anim_pieceBackground_20s_linear_infinite_both{animation:20s linear infinite both pieceBackground}.bg_inputBackground{background:var(--colors-input-background)}.bg_dialogText{background:var(--colors-dialog-text)}.flex_1{flex:1}.gap_3{gap:var(--spacing-3)}.gap_1{gap:var(--spacing-1)}.bdr_1{border-radius:var(--radii-1)}.ov_visible{overflow:visible}.trs_opacity_\{durations\.fade\}_ease{transition:opacity var(--durations-fade) ease}.bdr_5px{border-radius:5px}.trs_background-color_\{durations\.color\}{transition:background-color var(--durations-color)}.ov_auto{overflow:auto}.gap_2{gap:var(--spacing-2)}.td_underline{text-decoration:underline}.py_3{padding-block:var(--spacing-3)}.ov_initial{overflow:initial}.mx_-1{margin-inline:calc(var(--spacing-1) * -1)}.px_3{padding-inline:var(--spacing-3)}.flex_none{flex:none}.gap_4{gap:var(--spacing-4)}.flex_0_1_auto{flex:0 auto}.bdr_3{border-radius:var(--radii-3)}.trs_background-color_\{durations\.color\}\,_color_\{durations\.color\}{transition:background-color var(--durations-color), color var(--durations-color)}.bdr_50\%{border-radius:50%}.bdr_2{border-radius:var(--radii-2)}.bdr_99999px{border-radius:99999px}.trs_left_250ms_ease-in-out{transition:left .25s ease-in-out}.bd-c_currentColor{border-color:currentColor}.c_dialogText{color:var(--colors-dialog-text)}.fs_3{font-size:var(--font-sizes-3)}.flex-d_row{flex-direction:row}.cursor_pointer{cursor:pointer}.ai_flex-end{align-items:flex-end}.ta_justify{text-align:justify}.bx-sh_0px_0px_10px_\#00000080{box-shadow:0 0 10px #00000080}.pos_fixed{position:fixed}.pointer-events_none{pointer-events:none}.ai_center{align-items:center}.jc_center{justify-content:center}.ap_none{appearance:none}.flex-sh_0{flex-shrink:0}.jc_space-between{justify-content:space-between}.size_logo{width:var(--sizes-logo);height:var(--sizes-logo)}.op_1{opacity:1}.op_0{opacity:0}.op_0\.5{opacity:.5}.ta_center{text-align:center}.pos_relative{position:relative}.pos_absolute{position:absolute}.fs_30px{font-size:30px}.stk_lime{stroke:#0f0}.stk-w_8{stroke-width:8px}.z_-1{z-index:-1}.as_center{align-self:center}.fs_2{font-size:var(--font-sizes-2)}.fill_currentColor{fill:currentColor}.c_errorText{color:var(--colors-error-text)}.op_0\.75{opacity:.75}.fs_4{font-size:var(--font-sizes-4)}.fw_bolder{font-weight:bolder}.fw_bold{font-weight:700}.c_inherit{color:inherit}.size_0\.9em{width:.9em;height:.9em}.stk_currentColor{stroke:currentColor}.size_icon{width:var(--sizes-icon);height:var(--sizes-icon)}.ff_inherit{font-family:inherit}.ta_left{text-align:left}.ai_baseline{align-items:baseline}.size_badge{width:var(--sizes-badge);height:var(--sizes-badge)}.tsh_0px_5px_10px_\#00000080{text-shadow:0 5px 10px #00000080}.fs_30vmin{font-size:30vmin}.trf_translateX\(-50\%\){transform:translate(-50%)}.d_flex{display:flex}.bx-sh_0px_5px_10px_\#00000080{box-shadow:0 5px 10px #00000080}.pos_sticky{position:sticky}.z_1{z-index:1}.d_grid{display:grid}.grid-tc_repeat\(auto-fill\,_136px\){grid-template-columns:repeat(auto-fill,136px)}.cg_2{column-gap:var(--spacing-2)}.rg_2{row-gap:var(--spacing-2)}.justify-items_center{justify-items:center}.fs_8em{font-size:8em}.as_auto{align-self:auto}.ai_stretch{align-items:stretch}.flex-d_column{flex-direction:column}.jc_flex-start{justify-content:flex-start}.size_menu{width:var(--sizes-menu);height:var(--sizes-menu)}.size_badgeBig{width:var(--sizes-badge-big);height:var(--sizes-badge-big)}.bx-sh_0_0_0_2px_\{colors\.dialogText\}{box-shadow:0 0 0 2px var(--colors-dialog-text)}.flex-wrap_wrap{flex-wrap:wrap}.fs_inherit{font-size:inherit}.c_\#FFFFFFDD{color:#fffd}.size_20px{width:20px;height:20px}.bx-sh_0_0_0_2px_\{colors\.inputBackground\}{box-shadow:0 0 0 2px var(--colors-input-background)}.ai_flex-start{align-items:flex-start}.d_inline{display:inline}.fs_1\.2em{font-size:1.2em}.fs_1\.4em{font-size:1.4em}.fs_1\.6em{font-size:1.6em}.as_flex-end{align-self:flex-end}.top_0{top:var(--spacing-0)}.left_0{left:var(--spacing-0)}.bottom_0{bottom:var(--spacing-0)}.right_0{right:var(--spacing-0)}.w_100\%{width:100%}.h_44px{height:44px}.w_128{width:128px}.h_178{height:178px}.top_1{top:var(--spacing-1)}.left_1{left:var(--spacing-1)}.bottom_1{bottom:var(--spacing-1)}.right_1{right:var(--spacing-1)}.top_3{top:var(--spacing-3)}.right_3{right:var(--spacing-3)}.min-h_auto{min-height:auto}.top_0\.1em{top:.1em}.ml_-2px{margin-left:-2px}.mr_-6px{margin-right:-6px}.mt_3{margin-top:var(--spacing-3)}.top_100\%{top:100%}.left_50\%{left:50%}.w_568px{width:568px}.min-w_0{min-width:0}.min-h_0{min-height:0}.mt_-4{margin-top:calc(var(--spacing-4) * -1)}.pt_4{padding-top:var(--spacing-4)}.w_400px{width:400px}.max-w_95vw{max-width:95vw}.max-w_100\%{max-width:100%}.ml_auto{margin-left:auto}.left_3{left:var(--spacing-3)}.max-w_568px{max-width:568px}.w_40px{width:40px}.h_20px{height:20px}.\[\&\:\:-webkit-slider-runnable-track\]\:bg_linear-gradient\(to_right\,_currentColor_var\(--difficulty-progress\)\,_\{colors\.inputBackground\}_var\(--difficulty-progress\)\)::-webkit-slider-runnable-track{background:linear-gradient(to right, currentColor var(--difficulty-progress), var(--colors-input-background) var(--difficulty-progress))}.\[\&\:\:-moz-range-track\]\:bg_linear-gradient\(to_right\,_currentColor_var\(--difficulty-progress\)\,_\{colors\.inputBackground\}_var\(--difficulty-progress\)\)::-moz-range-track{background:linear-gradient(to right, currentColor var(--difficulty-progress), var(--colors-input-background) var(--difficulty-progress))}.\[\&\:\:-webkit-slider-thumb\]\:bg_dialogText::-webkit-slider-thumb{background:var(--colors-dialog-text)}.\[\&\:\:-webkit-slider-thumb\]\:bd_none::-webkit-slider-thumb{border:none}.\[\&\:\:-moz-range-thumb\]\:bg_dialogText::-moz-range-thumb{background:var(--colors-dialog-text)}.\[\&\:\:-moz-range-thumb\]\:bd_none::-moz-range-thumb{border:none}.\[\&_\>_g\]\:anim_flight_\{durations\.fade\}_\{durations\.stagger\}_ease_both>g{animation:flight var(--durations-fade) var(--durations-stagger) ease both}.\[\&\:\:-webkit-slider-runnable-track\]\:bdr_99999px::-webkit-slider-runnable-track{border-radius:99999px}.\[\&\:\:-moz-range-track\]\:bdr_99999px::-moz-range-track{border-radius:99999px}.\[\&\:\:-webkit-slider-thumb\]\:bdr_99999px::-webkit-slider-thumb{border-radius:99999px}.\[\&\:\:-moz-range-thumb\]\:bdr_99999px::-moz-range-thumb{border-radius:99999px}.\[\&_\>_g\]\:trs_all_\{durations\.fade\}_ease>g{transition:all var(--durations-fade) ease}.\[\&\:\:-webkit-slider-thumb\]\:bx-sh_0_0_0_2px_\{colors\.inputBackground\}::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--colors-input-background)}.\[\&\:\:-webkit-slider-thumb\]\:ap_none::-webkit-slider-thumb{appearance:none}.\[\&\:\:-moz-range-thumb\]\:bx-sh_0_0_0_2px_\{colors\.inputBackground\}::-moz-range-thumb{box-shadow:0 0 0 2px var(--colors-input-background)}.\[\&\:disabled\]\:op_0\.5:disabled{opacity:.5}.\[\&\:disabled\]\:cursor_not-allowed:disabled{cursor:not-allowed}.\[\&_\>_g\]\:trf_translate\(30px\,_-30px\)>g{transform:translate(30px,-30px)}.\[\&_\>_g\]\:trf_translate\(0\,_0\)>g{transform:translate(0)}.\[\&\:disabled\]\:op_0\.3:disabled{opacity:.3}.\[\&\:\:-webkit-slider-runnable-track\]\:h_20px::-webkit-slider-runnable-track{height:20px}.\[\&\:\:-moz-range-track\]\:h_20px::-moz-range-track{height:20px}.\[\&\:\:-webkit-slider-thumb\]\:w_20px::-webkit-slider-thumb{width:20px}.\[\&\:\:-webkit-slider-thumb\]\:h_20px::-webkit-slider-thumb{height:20px}.\[\&\:\:-moz-range-thumb\]\:w_20px::-moz-range-thumb{width:20px}.\[\&\:\:-moz-range-thumb\]\:h_20px::-moz-range-thumb{height:20px}.\[\&\:visited\]\:c_inherit:visited{color:inherit}.\[\&\:focus-visible\]\:ring_2px_solid_\{colors\.dialogText\}:focus-visible{outline:2px solid var(--colors-dialog-text)}.\[\&\:focus-visible\]\:bdr_2:focus-visible{border-radius:var(--radii-2)}.\[\&\:focus\]\:ring_none:focus{outline-offset:2px;outline:2px solid #0000}.\[\&\:focus-visible\]\:ring-o_2px:focus-visible{outline-offset:2px}.\[\&\:focus-visible\]\:ring-o_-2px:focus-visible{outline-offset:-2px}.\[\&\:focus-visible\]\:ring-o_-4px:focus-visible{outline-offset:-4px}}