@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";@import"https://fonts.googleapis.com/css?family=Cute+Font:400";@import"https://fonts.googleapis.com/css?family=Jua:400";:root{--color-bg: #fff0f5;--color-main: #ff99c8;--color-point: #ff007a;--color-text: #333;--sub-font: "Cute Font", sans-serif;--q-font: "Jua", sans-serif}p,h1,h2,h3,h4,h5,h6{padding:0;margin:0}.sub-font{font-family:Cute Font,sans-serif}.q-font{font-family:Jua,sans-serif}body{font-family:Pretendard,sans-serif;background-color:var(--color-bg);color:var(--color-text);margin:0;padding:0;line-height:1.8;font-size:18px;width:100%;height:100vh;overflow:hidden}.app_wrap{width:100%;min-height:100vh;box-sizing:border-box;padding:1em;display:flex;justify-content:center;align-items:center;flex-direction:column}.app_bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background-size:cover;background-position:center}.solution_title{font-size:3em;color:#fff;text-align:center;text-transform:uppercase;font-weight:700}.solution_title img{display:block;width:auto;max-width:250px}.container{padding:2em;max-width:100%;max-height:100%;z-index:5;position:relative}.container.ResultPage{background-color:#fff;padding:1em 1.2em 1em 6px;border-radius:1em;border:1px solid #bebebe;box-shadow:0 2px 4px #0000001a,0 8px 20px #0003}.btn-wrap{position:relative}.btn-wrap li{list-style:none;all:unset;position:relative}button{margin:0;padding:0;background:none;border:0;outline:none;cursor:pointer}.btn-q{border:.2em solid #000;background:#fff;border-radius:999px;padding:.5em 2em;font-size:1.3em;position:relative;transition:color .3s ease;font-family:var(--q-font)}.btn-q:hover{color:#fff;background:#cf15a1}.btn-q:hover:before{transform:scaleY(1)}.btn-restart{background:var(--color-main);border-radius:999px;padding:.5em 2em;font-size:1em;color:#fff;position:relative;transition:color .3s ease;font-family:var(--q-font)}.btn-restart:hover{color:#fff;background:#cf15a1}.btn-restart:hover:before{transform:scaleY(1)}.timeline-wrap{position:relative;min-height:100vh;overflow:hidden}.progress-indicator{font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5);text-align:center}.question-card{padding:5px 1rem;color:#fff;text-align:center}.question-card h2{font-family:var(--sub-font);font-size:3em;line-height:.95;text-shadow:0 1px 2px rgba(.1,.1,.1,.9)}.btn-wrap{list-style:none;padding:0;margin-top:2rem;display:flex;flex-direction:column;gap:1rem;bottom:237px;position:absolute;left:0;right:0}.btn-foot-center{display:flex;justify-content:center}.option-btn{font-size:1.1rem;padding:1rem 1.5rem;border-radius:50px;border:none;cursor:pointer;background:#ffffffe6;color:#333;transition:all .3s ease;width:80%;max-width:320px;margin:0 auto}.option-btn:hover{background:#ff69b4;color:#fff;transform:scale(1.05)}.title{padding:0;margin:0;font-size:2em;text-align:center;font-weight:700}.score-summary{display:flex;justify-content:space-around;align-items:center;background-color:#ffb6c1;padding:.8em 0;border-radius:1em;margin-bottom:1em}.comment{text-align:center;margin:0;padding:0;display:flex}.weekly_menu{border:1px solid #d1d1d1;padding:1em;background:#fff;border-radius:1em}.weekly_menu ul{display:flex;padding:0;margin:0;font-weight:600;font-size:1.2em;text-align:center;justify-content:space-around;flex-direction:row}.weekly_menu ul li{list-style:none}.daily_menu{padding:1em 0}.daily_menu li{display:flex;align-items:center}.icon_meal{width:45px;padding-right:10px}.icon_comment{width:70px}.product_wrap{position:relative;display:flex;align-items:center;padding-right:1em;background:#fff;margin-top:1em;border-radius:1em;overflow:hidden}.product_wrap:before{content:"";position:absolute;top:20%;left:0;width:100%;height:70%;background-color:#fbb2bd;border-radius:1em;z-index:0}.product_wrap>*{position:relative;z-index:1}.photo_product{padding:5px}.photo_product img{width:100%;max-width:150px;max-height:150px;aspect-ratio:1 / 1}.product_name{padding:0;margin:0;font-size:1.4em;font-family:var(--q-font);line-height:1.4;color:#fff;text-shadow:-1px -1px 0 black,1px -1px 0 black,-1px 1px 0 black,1px 1px 0 black}.product_summary{font-size:1.6em;font-weight:600;font-family:var(--sub-font);line-height:1;color:#570000}.product_description{font-size:.95em}.product_nutrition{display:flex;justify-content:space-between;gap:5px;font-size:14px}.product_nutrition span{padding-right:5px}.sendmail{margin-top:1em}.sendmail h4{padding:0;margin:0}.mailbox{display:flex}input.mailform{border-top-left-radius:100px;border-bottom-left-radius:100px;padding:9px 0 9px 20px;width:calc(100% - 106px);font-size:1rem;border:1px solid #a5a4a4;border-right:0}button.btn-sendmail{margin:0;min-width:80px;padding:10px;background-color:#e7808f;color:#fff;border-top-right-radius:100px;border-bottom-right-radius:100px}.color-wheel{position:absolute;bottom:-153vh;transform:translate(-50%);width:200vh;height:200vh;border-radius:50%;overflow:hidden;background:conic-gradient(#f8b4b4,#f8b4b4 60deg,#fcd34d 60deg,#fcd34d 120deg,#6ee7b7 120deg,#6ee7b7 180deg,#93c5fd 180deg,#93c5fd 240deg,#d8b4fe 240deg,#d8b4fe 300deg,#962563 300deg,#962563 360deg);z-index:0;pointer-events:none}.slice{position:absolute;width:100%;height:100%;clip-path:polygon(50% 50%,100% 0,100% 100%);transform-origin:50% 50%}.s1{background:#f8b4b4;transform:rotate(0)}.s2{background:#fcd34d;transform:rotate(60deg)}.s3{background:#6ee7b7;transform:rotate(120deg)}.s4{background:#93c5fd;transform:rotate(180deg)}.s5{background:#d8b4fe;transform:rotate(240deg)}.s6{background:#f9a8d4;transform:rotate(300deg)}.meal-tabs{border:2px solid #ffb6c1;border-radius:1em;border-top:none}.tabs{display:flex;justify-content:space-between;align-items:center}.tab{padding:.5rem 1rem;border:none;background:#f3f3f3;border:2px solid #ffb6c1;border-bottom:none;border-top-left-radius:1em;border-top-right-radius:1em;cursor:pointer;transition:all .2s ease;font-weight:700}.tab.active{background:#ffb6c1;color:#fff}.meal-content{padding:1em}.meal-content h4{padding:0;margin:0}.meal-content ul{list-style:none;padding:0;margin:0}.meal-content li{margin-bottom:.5rem;display:flex;align-items:center}.score-label{display:inline-block;width:1.8em;height:1.8em;line-height:1.8em;text-align:center;border-radius:50%;color:#fff;font-weight:700;margin:0 .5em;font-size:1rem}.level-red{background-color:#e74c3c}.level-orange{background-color:#f39c12}.level-yellow{background-color:#f1c40f}.level-lightgreen{background-color:#2ecc71cc}.level-green{background-color:#27ae60}.score-comment{font-weight:500;font-size:.95rem;vertical-align:middle}.notebook{background:#fff;padding:.5em .5em .5em 3em;position:relative;margin:auto}.notebook:after{background:#0000;border-left:10px dotted #cbadb7;content:"";height:100%;min-height:100%!important;left:5px;margin:0;padding:0;position:absolute;top:0;width:10%}.side_sns_menu{position:fixed;right:8px;bottom:20px;width:150px;display:flex;flex-direction:column;align-items:flex-end}.side_sns_menu .wrap{background-color:#fff;border-radius:10px;box-sizing:border-box}.question_illust{position:absolute;bottom:43vh;transform:translate(-50%);width:400px;z-index:-1;left:0;pointer-events:none;right:0;margin:auto}