@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css";:root{--color-primary: #ff6f3f;--color-secondary: #ff8c3f;--color-hover: #ffe6d6;--color-background: #fffaf5;--color-gray: #6c7179;--color-lightgray: #d2d5d6;--color-text: #2e2e2e;--color-white: #fff;--font-family: "Pretendard Variable", sans-serif;--font-size-lg: 1.5rem;--font-size-base: 1rem;--font-size-sm: .875rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700;--space-sm: .5rem;--space-md: 1rem;--space-lg: 2rem;--radius-md: .5rem;--radius-lg: 1rem;--shadow-basic: 0 6px 20px 0 rgba(0, 0, 0, .15)}*,*:before,*:after{box-sizing:border-box}*{margin:0}@media (prefers-reduced-motion: no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}body{background:var(--color-background)}.container{margin:0 auto;font-family:var(--font-family);color:var(--color-text)}.container .contents{margin:0 auto;width:90%;max-width:678px}@media screen and (min-width: 768px){.container .contents{width:60%}}.container .header{text-align:center;margin-top:var(--space-md)}.container .header h2{font-size:1.75rem;font-weight:var(--font-weight-bold)}@media screen and (min-width: 768px){.container .header h2{font-size:2.5rem}}.container .sub-header{text-align:center;font-size:1.125rem;margin-top:var(--space-sm);color:var(--color-gray);line-height:1.3}@media screen and (min-width: 768px){.container .sub-header{font-size:1.5rem}}.container .category-area{padding-top:var(--space-md)}@media screen and (min-width: 768px){.container .category-area{padding-top:var(--space-lg)}}.container .category-area .categories{display:flex;gap:var(--space-md);margin:0 auto;align-items:center}.container .category-area .categories:first-of-type{margin-bottom:var(--space-sm)}.container .category-area .categories .cat-name{font-weight:600}.container .category-area .categories .cat-btn{display:grid;grid-template-columns:repeat(7,1fr);flex:1;gap:var(--space-sm)}.container .category-area .categories .cat-btn .btn{padding:0;justify-content:center}.container .roulette-container{position:relative;width:100%;display:flex;justify-content:center;padding:var(--space-lg) 0;overflow:hidden}.container .roulette-container .pointer{width:26px;height:21px;background:url(/assets/icon/icon_arrow.svg);position:absolute;left:50%;translate:-50% 0;z-index:1;border:0}.container .menu-buttons{display:flex;gap:var(--space-sm);align-items:center;margin:0 auto var(--space-lg) auto;justify-content:center}.container .menu-buttons .btn .icon{display:none}@media screen and (min-width: 382px){.container .menu-buttons .btn .icon{display:block}}.container .menu-history{display:flex;flex-direction:row;align-items:center;gap:8px;justify-content:center}.container .menu-history h3{color:var(--color-text);margin-bottom:var(--space-lg);font-size:var(--font-size-base)}.container .menu-history ul{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-lg)}.container .menu-history li{padding:6px 14px;border-radius:20px;border:1px solid var(--color-text);background:var(--color-white);transition:.2s ease-in-out}.container .menu-history li:hover{transform:scale(1.05)}.container .menu-box{width:100%;max-width:678px;height:100%;display:flex;gap:var(--space-sm);border-radius:var(--radius-md);font-weight:var(--font-weight-bold);color:var(--color-text);text-align:center;cursor:pointer;flex-flow:column;padding:var(--space-lg);margin:0 auto;background:var(--color-white);padding:var(--space-md);border:1px solid var(--color-lightgray)}.container .menu-box .menu-entries{list-style-type:none;padding-left:0;width:100%;max-width:100%}.container .menu-box .menu-entries .input-wrapper{background:var(--color-white);display:flex;align-items:center;justify-content:space-between;width:100%;max-width:100%;position:relative}.container .menu-box .menu-entries .input-wrapper input{box-sizing:border-box;border:none;outline:none;background:var(--color-white);color:var(--color-text);font-weight:var(--font-weight-regular);padding:var(--space-sm);flex:1;border-bottom:1px solid var(--color-white)}.container .menu-box .menu-entries .input-wrapper input:focus-visible{border-bottom:1px solid var(--color-lightgray)}.container .menu-box .menu-entries .input-wrapper .btn{stroke:var(--color-text)}.container .btn-area{width:100%;max-width:678px;margin:0 auto;padding:var(--space-sm) 0}.container .footer{height:5rem;display:flex;justify-content:center;align-items:center;font-size:.75rem;color:var(--color-gray)}:root{font-size:var(--font-size-sm)}body *{color:var(--color-text);padding:0;font-weight:var(--font-weight-medium)}ul{list-style-type:none}a{text-decoration:none}.btn{--btn-background: var(--color-primary);--btn-color: var(--color-white);background:var(--btn-background);border:0;color:var(--btn-color);border-radius:var(--radius-md);height:2.75rem;padding:0 1rem;cursor:pointer;font-size:12px;-webkit-appearance:none;-moz-appearance:none;appearance:none;align-content:center;display:flex;align-items:center;gap:3px;transition:.2s ease-in-out}.btn img{height:24px}.btn:hover{--btn-background: var(--color-secondary)}.btn.btn-outlined{--btn-background: var(--color-white);--btn-color: var(--color-primary);--btn-border: 1px solid var(--btn-color);border:var(--btn-border)}.btn.btn-outlined:hover{background:var(--btn-color);color:var(--color-white)}.btn.btn-outlined:hover .icon{stroke:var(--color-white)}.btn.btn-basic{--btn-color: var(--color-text)}.btn.btn-light{--btn-color: var(--color-lightgray);color:var(--color-text)}.btn.btn-light:hover,.btn.btn-light.active{--btn-color: var(--color-primary);background:var(--color-white);color:var(--color-primary)}.btn.btn-sm{font-size:14px;padding:0 1.25rem;height:40px}.btn.btn-text{background:transparent;border:0;height:36px;padding:0 .625rem}.btn.btn-icon{display:flex;justify-content:center;align-content:center;background:transparent;padding:0;width:24px;height:24px}.btn.btn-icon .icon{stroke:var(--color-text)}.btn.btn-close{background:transparent;width:24px;height:24px;padding:0;position:absolute;top:1.625rem;right:1.625rem;font-size:var(--font-size-lg)}.btn.btn-close .icon{stroke:var(--color-text)}.btn:disabled{cursor:initial;opacity:.7;pointer-events:none}@media screen and (min-width: 412px){.btn{font-size:1rem}}@media screen and (min-width: 421px){.btn{gap:.375rem}}.icon{width:1em;stroke:var(--btn-color)}.btn-area{display:flex;gap:var(--space-sm)}.background{width:100%;height:100%;background:#000c;position:fixed;display:flex;justify-content:center;align-items:center;top:0;left:0;z-index:2}.modal{width:90%;max-height:90%;display:flex;flex-direction:column;align-items:center;gap:1rem;background:var(--color-white);box-shadow:var(--shadow-basic);font-size:var(--font-size-sm);border-radius:var(--radius-lg);padding:1.5rem;position:relative;overflow:auto;clip-path:inset(0 round var(--radius-lg))}.modal .weather-area .weather-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem;justify-content:center}.modal .weather-area .weather-header .weather-icon{width:3.125rem;scale:1.5}.modal .weather-area .weather-header .location{font-size:1.35rem;font-weight:var(--font-weight-bold)}@media screen and (min-width: 430px){.modal .weather-area .weather-header .location{font-size:1.75rem}}.modal .weather-area .weather-info ul{display:flex;justify-content:center}.modal .weather-area .weather-info ul li{color:var(--color-gray)}.modal .weather-area .weather-info ul li:not(:last-of-type):after{content:"/";margin:0 .25rem}.modal .weather-area .weather-info ul li span{margin-left:.375rem}.modal .rec,.modal .food-name{font-size:1.25rem;word-break:keep-all;text-align:center;font-weight:600}.modal .food-img{width:90%;height:300px}.modal .food-img img{width:100%;height:100%;object-fit:cover;border-radius:.5rem}.modal .menu-area{display:flex;align-items:center;justify-content:center;gap:6px;margin:6px 0 10px}.modal .menu-area .menu-icon{font-size:1.25em;cursor:pointer;vertical-align:middle}.modal .food-name{font-weight:var(--font-weight-bold);display:flex;align-items:center;gap:6px;position:relative}.modal .food-name .btn-icon .icon{width:1.25rem}.modal .food-name .btn-area{width:max-content;position:absolute;top:100%;left:calc(100% - 24px);flex-direction:column;gap:0;background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-basic)}.modal .food-name .btn-area .btn .icon,.modal .food-name .btn-area .btn img{width:1.25rem}.modal>.btn-area .btn .icon{display:none}@media screen and (min-width: 472px){.modal>.btn-area .btn .icon{display:block}}@media screen and (min-width: 768px){.modal{width:80%;padding:var(--space-lg)}.modal .weather-area .weather-info ul li{font-size:1.125rem}.modal .food-img{width:80%}}@media screen and (min-width: 1280px){.modal{width:37.5rem}}@media screen and (min-width: 768px){:root{font-size:var(--font-size-base)}}.loader{width:40px;height:40px;display:inline-block;box-sizing:border-box;position:relative;border-radius:50%;border-top:solid 20px #0fd6ff;border-right:solid 20px #58bd55;border-bottom:solid 20px #eb68a1;border-left:solid 20px #f3d53f;animation:cp-pinwheel-animate 2s linear infinite;position:absolute;top:50%;left:50%;translate:-50% -50%;z-index:1;transition:.2s ease-in-out}@keyframes cp-pinwheel-animate{0%{border-top-color:#0fd6ff;border-right-color:#58bd55;border-bottom-color:#eb68a1;border-left-color:#f3d53f;transform:rotate(0)}25%{border-top-color:#eb68a1;border-right-color:#f3d53f;border-bottom-color:#0fd6ff;border-left-color:#58bd55}50%{border-top-color:#0fd6ff;border-right-color:#58bd55;border-bottom-color:#eb68a1;border-left-color:#f3d53f}75%{border-top-color:#eb68a1;border-right-color:#f3d53f;border-bottom-color:#0fd6ff;border-left-color:#58bd55}to{border-top-color:#0fd6ff;border-right-color:#58bd55;border-bottom-color:#eb68a1;border-left-color:#f3d53f;transform:rotate(360deg)}}@keyframes l21{to{transform:rotate(1turn)}}