*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;width:100%}.appWrapper{min-height:100dvh;display:flex;justify-content:center;align-items:stretch;background-color:#e3e3e3}.app{position:relative;max-width:100%;width:425px;min-height:100dvh;background:linear-gradient(to bottom,#ffcdcd,#fff8c4)}.main{flex:1;min-height:100%;overflow:auto;min-height:0}section{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.IntroArea{background:linear-gradient(to bottom,#ffd5c7,#f9eed0)}.IntroArea img{margin-top:200px;width:250px}.IntroArea p{margin-top:auto;margin-bottom:80px}.ContentArea{background:#fff}.bigP{font-size:24px;font-weight:700;line-height:28px;margin-bottom:0}.smallP{font-size:13px;color:#8d8d8d;line-height:20px;margin-bottom:40px}.startBtn1{width:90%;height:50px;background:#ef776a;color:#fdfdfd;font-weight:700;font-size:16px;border-radius:30px;border:none;margin-top:10rem}.textWrapper{font-family:Nanum JungHagSaeng,sans-serif;font-size:24px}@font-face{font-family:Nanum JungHagSaeng;src:url(/font/NanumJungHagSaeng.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}.chatContainer{display:flex;flex-direction:column;height:calc(100vh - 450px);max-height:640px}.chatArea{flex:1;overflow-y:auto;display:flex;justify-content:center;flex-direction:column;align-items:center}.chatBubble{max-width:85%;border-radius:18px;padding:0 10px;box-shadow:0 2px 8px #00000014;background:#fff}.chatBubble.user{background:#fee1de;border:1px solid #efc9c5;border-radius:25px}.chatBubble.ai{background:#f4f4f4;border:1px solid #e8e8e8;border-radius:25px}.chatBubble:last-child{margin-bottom:20px}.airecomBtn{border:none;padding:8px 14px;border-radius:15px;background:#ef776a;color:#fff;font-weight:700;font-size:13px}.inputArea{display:flex;align-items:center;width:90%;padding:10px 12px;background:transparent;border-radius:25px;gap:10rem;border:1px solid #e8e8e8}.inputArea input{border:none;background-color:transparent;outline:none}.sendBtn{width:35px;height:35px;border:none;background:#ef776a;border-radius:50%}.sendBtn img{width:23px;height:23px;display:flex;justify-content:center;align-items:center}.adWrapper{width:100%;height:100%;overflow:hidden;background:transparent}.adImg{display:flex;animation:slide-left 15s linear infinite;width:500px;height:80px}@keyframes slide-left{0%{transform:translate(0)}to{transform:translate(-50%)}}.aiImg{width:160px;height:130px}.homeWrapper{display:flex;text-align:center;justify-content:center;align-items:center;flex-direction:column;margin-top:5rem;padding-bottom:4.3rem}.roulImg{width:340px;border-radius:30px;box-shadow:0 0 11.1px #00000040}.shopWrapper{display:flex;text-align:center;justify-content:center;align-items:center;flex-direction:column;margin-top:5rem;padding-bottom:4rem}.chip{display:inline-block;padding:6px 15px;margin:8px 4px;border-radius:30px;border:1px solid #EF776A;background-color:transparent;font-size:16px;color:#ef776a}.cate{border-radius:5px;padding:4px 8px;font-size:13px;background-color:#ffece7;color:#ef776a}.shopname{font-size:16px}.optionBar{border:1px solid #b1b1b1;border-radius:30px;width:85px;height:35px;color:#8d8d8d;background-color:transparent}.shopbottom{display:flex;align-items:center;justify-self:center}.shop-txt{font-size:12px}.listWrapper{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:10px}.cardWrapper{border:1px solid #e8e8e8;border-radius:8px;padding:12px}.header{flex-shrink:0;height:56px;background:transparent;display:flex;flex-direction:row;justify-content:end;align-items:center;padding:2rem;position:fixed;top:0;width:100%;max-width:425px;z-index:1}.headerLogo{width:110px;height:80px;position:absolute;left:50%;transform:translate(-50%)}.cateBarLogo{width:25px;height:25px}.footer{flex-shrink:0;height:56px;background:#87ceeb}.footer{position:fixed;bottom:0;width:100%;max-width:425px;height:4rem;background-color:#fbfbfb;border-radius:40px 40px 0 0;border:inset 1px solid #ebebeb;display:flex;justify-content:center;gap:40px;align-items:center;padding:0 16px;box-sizing:border-box}.footerBtn{width:64px;height:64px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:none;border-radius:15px;color:#8c8c8c;cursor:pointer;gap:2px}.footerBtn img{width:34px;height:30px}.footerBtn-center{position:relative;top:-25px;width:71px;height:71px;background-color:#ef776a;border-radius:50%;border:4px solid #fbfbfb;display:flex;justify-content:center;align-items:center;box-shadow:0 2px 8px #00000026;cursor:pointer;z-index:2}.footerBtn-center img{width:30px;height:30px}.menuScreen{position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:425px;height:100dvh;background-color:#0006;z-index:1001;display:flex;justify-content:flex-end}.sidebarMenu{width:70%;max-width:320px;height:100%;background-color:#fff;position:relative;animation:slideInRight .3s ease forwards}.sidebarClose{position:absolute;top:12px;right:20px;font-size:24px;background:none;border:none;cursor:pointer;color:#3d3d3d}.sidebarMenu ul{list-style:none;padding:0;margin-top:4rem}.sidebarMenu li{font-size:1.2rem;cursor:pointer}.menuItem{display:flex;align-items:center;gap:.8rem;padding:1.5rem;cursor:pointer}.menuItem.active{background-color:#ffece7}.menuIcon{width:34px;height:29px}.info{height:100vh;display:flex;justify-content:center;align-items:center;letter-spacing:-.5px}.rouletteWrapper{display:flex;text-align:center;justify-content:center;align-items:center;flex-direction:column;margin-top:5rem;padding-bottom:4rem}.rouletteInfo{font-family:BM JUA,sans-serif;color:#3d1209;font-size:28px}@font-face{font-family:BM JUA;src:url(/font/BMEuljiro.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}.goRulette{width:90%;height:50px;background:#ef776a;color:#fdfdfd;font-weight:700;font-size:16px;border-radius:30px;border:none;margin-top:1.5rem}.roulette-container{width:100%;display:flex;justify-content:center}.wheelWrapper{position:relative;width:350px;height:350px;margin-top:15px;display:flex;justify-content:center;align-items:center}.pointerIcon{position:absolute;top:-30px;left:50%;transform:translate(-50%);width:72px;height:72px;z-index:1}.wheel{width:100%;height:100%;border-radius:50%;border:14px solid #f96538;position:relative;transition:transform 4s ease-out;transform:rotate(0);background-color:#fff8f0;box-shadow:0 0 10px #f96538;overflow:hidden}.startBtn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#f96538;color:#fff;font-weight:700;width:80px;height:80px;padding:0;border-radius:50%;border:8px solid white;box-shadow:0 0 10px #ffb9a4;font-size:13px;z-index:5}.sector{position:absolute;width:50%;height:50%;top:50%;left:50%;transform-origin:0% 0%;text-align:center;padding-top:20px}.sector img{width:56px;height:56px;display:block;margin:0 auto 5px}.sector span{font-size:24px;font-family:BM JUA,sans-serif}@font-face{font-family:BM JUA;src:url(/font/BMEuljiro.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}.sector-0{transform:rotate(0);background-color:#ffb9a4}.sector-1{transform:rotate(90deg)}.sector-2{transform:rotate(180deg);background-color:#ffb9a4}.sector-3{transform:rotate(270deg)}.modalWrapper{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:2000}.modalText{display:flex;flex-direction:column;align-items:center;color:#3d1209}.modal{box-sizing:border-box;background:linear-gradient(to bottom,#ffefeb,#ffedbf);width:90%;max-width:360px;height:70vh;padding:3rem 1.5rem;border-radius:15px;border:1px solid #efefef;box-shadow:0 0 12px #00000026;position:relative}.resultmodal{box-sizing:border-box;width:90%;max-width:360px;height:60vh;padding:3rem 1.5rem;border-radius:15px;border:1px solid #efefef;box-shadow:0 0 12px #00000026;position:relative;display:flex;text-align:center;justify-content:center;align-items:center;flex-direction:column;background-color:#fffbf2}.modalClose{position:absolute;top:12px;right:20px;border:none;background:none;cursor:pointer;color:#3d3d3d;font-size:24px}.text-2xl{font-family:BM Euljiro,sans-serif;text-align:center}@font-face{font-family:BM Euljiro;src:url(/fonts/BMEuljiro.ttf) format("truetype");font-display:swap;font-weight:400;font-style:normal}.resultText{font-size:24px;color:#ef776a;font-weight:700}.resultImg{width:200px;margin:1rem}.resultButtons{display:flex;flex-direction:row;gap:1rem}.resultButtons button{border:2px solid #ef776a;border-radius:30px;background-color:#fff;color:#ef776a;font-size:14px;padding:.8rem 1.2rem;font-weight:500}.recoWrapper{margin-top:4rem}.recoList{padding:1rem 2rem;display:flex;flex-direction:column;gap:1rem}.recoFirstLine{display:flex;flex-direction:row;align-items:center;gap:.5rem}.recoFirstLineCate{background-color:#ffece7;color:#ef776a;border-radius:5px;padding:4px 8px}.recoName{color:#1e1e1e;font-size:15px}.recoText{font-size:13px}.goAiBtn{width:90%;height:50px;background:#fdfdfd;color:#ef776a;border:2px solid #ef776a;font-weight:700;font-size:16px;border-radius:30px;display:flex;justify-content:center;align-items:center;margin:0 auto}