:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}h1{margin:0}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#ac4499;cursor:pointer;transition:border-color .25s}button:hover{border-color:#9b3fa1}button:focus,button:focus-visible{background:#9b3fa1}@font-face{font-family:Montserrat;src:url(./Montserrat-Medium-DZarjTSE.ttf) format("opentype");font-weight:500;font-style:normal}@font-face{font-family:Montserrat;src:url(./Montserrat-Bold-D4JCkd3k.ttf) format("opentype");font-weight:700;font-style:normal}@font-face{font-family:Aloevera;src:url(./Aloevera-Light-pn5f9F-P.otf) format("opentype");font-weight:100;font-style:normal}@font-face{font-family:Aloevera;src:url(./Aloevera-SemiBold-D00GgoZC.otf) format("opentype");font-weight:600;font-style:normal}@font-face{font-family:KOJISA;src:url(./KOJISA-DGi9t5uR.ttf) format("truetype");font-style:normal;font-weight:400}@font-face{font-family:Nebula Swirl;src:url(./Nebula%20Swirl-TOa5lpGo.ttf) format("truetype");font-weight:400;font-style:normal}body{margin:0;padding:0;background-color:"#84bf63";color:#f048f0;font-family:Montserrat}html,body{overscroll-behavior:none}.full-screen-bg{width:100vw;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;background-color:"#84bf63"}.main-container{width:100%;max-width:471px;overflow:hidden}.main-container.is-hidden{opacity:0;visibility:hidden}.main-container.is-visible{opacity:1;visibility:visible}.txt{color:#004c24;text-align:center;font-size:17.016px;font-style:normal;font-weight:100;line-height:normal;text-wrap:balance}.bold{font-weight:600}.welcome-page{width:100%;max-width:700px;position:relative;min-height:100vh;overflow:hidden}.welcome-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:2}.welcome-bg-img{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.welcome-ring{position:absolute;width:397px;height:auto;top:45.5%;left:50%;transform:translate(-50%,-50%);z-index:1;pointer-events:none;opacity:0;animation:ringFade 5s ease-in-out infinite}@keyframes ringFade{0%{opacity:0}30%{opacity:.9}70%{opacity:.9}to{opacity:0}}.welcome-star{position:absolute;width:150px;height:auto;top:35%;left:-8%;z-index:1}.welcome-txt-layer{z-index:3}.welcome-logo-wsg{width:182px;margin-bottom:2px}.welcome-logo{width:277px;margin-bottom:2px}.welcome-subtitle{font-size:23.75px;color:#145129;margin-bottom:4px}.welcome-title{font-size:72.5px;color:#145129;line-height:1.1;margin:0;font-family:KOJISA;position:relative}.welcome-desc{font-size:23.75px;color:#0f4d2e;margin-top:0;margin-bottom:0;z-index:3;position:relative}.welcome-step{font-size:16.6px;color:#2f6b44;margin-top:30px}.welcome-start{width:185px;height:64px;font-size:24px!important;margin-top:40px;padding:14px 36px;border-radius:999px;border:none;color:#fff;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.welcome-start:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.char-container{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:2}.char{position:absolute;overflow:hidden;z-index:2}.c1{transform:translate(-150px,-340px)}.c2{transform:translate(170px,-100px)}.c3{transform:translate(-197px,100px)}.c4{transform:translate(175px,260px)}.char img{width:200px;height:auto;transform:scale(0);animation:popIn .6s cubic-bezier(.22,1,.36,1) forwards}.c1 img{animation-delay:0s}.c2 img{animation-delay:.2s}.c3 img{animation-delay:.4s;width:250px}.c4 img{animation-delay:.6s}.c1{animation:float1 4s ease-in-out infinite;animation-delay:1.2s}.c2{animation:float2 4.5s ease-in-out infinite;animation-delay:1.2s}.c3{animation:float3 5s ease-in-out infinite;animation-delay:1.2s}.c4{animation:float4 4.2s ease-in-out infinite;animation-delay:1.2s}.pop{transform:scale(0);animation:popIn .6s cubic-bezier(.22,1,.36,1) both}.welcome-logo-wsg{animation-delay:1s}.welcome-subtitle{animation-delay:1.5s}.welcome-logo{animation-delay:1.8s}.welcome-desc{animation-delay:2.1s}.welcome-step{animation-delay:2.4s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.welcome-start{opacity:0;animation:fadeInUp .6s ease forwards;animation-delay:3s}@keyframes popIn{0%{opacity:0;transform:scale(.3)}60%{opacity:1;transform:scale(1.15)}80%{transform:scale(.95)}to{transform:scale(1)}}@keyframes float1{0%{transform:translate(-150px,-340px) translate(0)}25%{transform:translate(-140px,-340px) translate(6px,-10px)}50%{transform:translate(-150px,-340px) translate(-4px,-14px)}75%{transform:translate(-140px,-340px) translate(3px,-6px)}to{transform:translate(-150px,-340px) translate(0)}}@keyframes float2{0%{transform:translate(170px,-100px) translate(0)}30%{transform:translate(145px,-100px) translate(-8px,8px)}60%{transform:translate(170px,-100px) translate(5px,12px)}to{transform:translate(170px,-100px) translate(0)}}@keyframes float3{0%{transform:translate(-197px,100px) translate(0)}20%{transform:translate(-187px,100px) translate(-20px,-4px)}50%{transform:translate(-197px,100px) translate(-16px,-16px)}80%{transform:translate(-187px,100px) translate(-20px,-4px)}to{transform:translate(-197px,100px) translate(0)}}@keyframes float4{0%{transform:translate(175px,260px) translate(0)}40%{transform:translate(160px,260px) translate(-6px,14px)}70%{transform:translate(175px,260px) translate(8px,6px)}to{transform:translate(175px,260px) translate(0)}}.quiz-bg{min-height:100dvh;width:100%;max-width:471px;align-items:center;justify-content:center;position:relative;margin:0;padding:0}.quiz-container{width:100%;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center}.quiz-progress{margin-top:8px;margin-bottom:0;margin-left:24px;text-align:left;font-size:20px}.quiz-img{width:100%;max-width:235px;height:auto;margin-top:0;margin-bottom:0;text-align:center}.quiz-question1{margin-bottom:0}.quiz-question2{margin-top:4px;margin-bottom:2px}.quiz-options{margin-top:12px;display:flex;flex-direction:column;gap:6px;justify-content:center;align-items:center}.quiz-option{border-radius:999px;border:1.75px solid #4b7c59;background:#fff;cursor:pointer;color:#004c24;width:352px;max-width:100%;min-height:64px;font-size:14px;padding:0}.quiz-option.selected{background:#9b3fa1;color:#fff;border-color:#9b3fa1}.quiz-next{margin-top:12px;margin-bottom:12px;padding:8px 48px;width:100%;max-width:185px;border-radius:30px;background:#99ac71;color:#fff;border:none;font-size:25px;display:inline-flex;align-items:center;gap:8px;transform:translateY(12px);pointer-events:none;transition:opacity .35s ease,transform .35s ease}.quiz-next-img{width:64px;height:auto;margin-left:8px;margin-top:0;margin-bottom:0;text-align:center}.quiz-next:disabled{opacity:.5}.quiz-next.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}.quiz-next.is-hidden{opacity:0;transform:translateY(12px);pointer-events:none}.fade-item{opacity:0;transform:translateY(12px);visibility:hidden;transition:opacity .4s ease,transform .4s ease;transform:translateY(12px) scale(.98)}.fade-item.is-visible{opacity:1;transform:translateY(0);visibility:visible;transform:translateY(0) scale(1)}.fade-in{animation:fadeIn .4s ease forwards}.fade-up{opacity:0;transform:translateY(16px);animation:fadeUp .4s ease forwards}.delay-1{animation-delay:.15s}.delay-2{animation-delay:.3s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.result-bg-img{position:fixed;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat}.top-bar{display:flex;justify-content:space-between;margin:32px;position:relative;z-index:3}.top-icon{width:26px;height:26px}.character-wrapper{position:relative;display:flex;justify-content:center;align-items:center;margin:4px}.character-img{position:relative;z-index:2;width:150px;animation:popIn .6s ease-out forwards;transform-origin:center center}@keyframes popIn{0%{transform:scale(.1);opacity:0}60%{transform:scale(1.1);opacity:1}80%{transform:scale(.95)}to{transform:scale(1)}}.effect-img{position:absolute;width:150%;max-width:330px;z-index:1;animation:rotateGlow 8s linear infinite}@keyframes rotateGlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.you-are{font-size:16px;letter-spacing:1px;opacity:.8;margin-top:4px;margin-bottom:0}.result-title{font-size:23px;color:#fff;margin:0 0 8px;position:relative;z-index:3}.result-txt{font-size:clamp(8px,2.9vw,12px);margin:8px}.result-txt-h{font-size:15px;margin-top:4px;margin-bottom:0}.result-txt-justify{text-align:justify;max-width:410px;text-wrap:initial}.divider{height:1px;background:#0e5b2f;margin:8px 0}.color-you-are-cold-whisk{color:#5b662b}.color-sub-name-cold-whisk{color:#99ac71}.color-you-are-latte,.color-sub-name-latte{color:#0e5b2f}.color-you-are-strawberry{color:#fff}.color-sub-name-strawberry{color:#f492bb}.color-you-are-dirty,.color-sub-name-dirty{color:#644c1f}.no-animation *,.no-animation *:before,.no-animation *:after{animation:none!important;transition:none!important}.no-animation .result-card{opacity:1!important;transform:translateY(0)!important}.no-animation .character-img{opacity:1!important;transform:scale(1)!important}.download-noti{position:fixed;top:24px;left:50%;transform:translate(-50%);background:#99ac71;color:#fff;padding:12px 20px;border-radius:999px;font-size:14px;z-index:9999;animation:fadeSlide .3s ease,fadeOut .3s ease 1.7s forwards}@keyframes fadeSlide{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}@keyframes fadeOut{to{opacity:0}}.supportive-list{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:12px}.supportive-btn{position:relative;display:flex;justify-content:center;align-items:center;flex:0 1 calc(50% - 12px);min-height:42px;border:2px solid #0E5B2F;border-radius:999px;text-decoration:none;color:#0e5b2f;text-align:center}@media(hover:hover)and (pointer:fine){.supportive-btn:hover{background:#0e5b2f;color:#fff}}.supportive-btn:active{background:#0e5b2f;color:#fff}.btn-text{position:relative;z-index:2;font-size:clamp(8px,2.9vw,12px)}.export-mode{max-width:471px!important;min-height:100%!important;margin:0 auto!important;position:relative}.export-mode .result-bg-img{position:absolute!important;inset:0;width:100%!important;height:100%!important;background-size:cover!important}.grid-section{display:grid;grid-template-columns:1fr 1fr;margin-top:20px;gap:8px;margin-left:8px;margin-right:8px;z-index:4}.supportive-margin{margin:12px 8px 36px}.result-card{background:#f6f7ec;display:flex;flex-direction:column;border-radius:28px;overflow:hidden;text-align:center;opacity:0;animation:fadeInCard .6s ease forwards;animation-delay:.5s}.result-card-header{background:#0e5b2f;color:#fff;letter-spacing:1px;padding:12px 0;text-align:center;font-size:clamp(8px,2.9vw,12px)}.result-card-content{margin:0 auto;padding:8px 12px 16px}@keyframes fadeInCard{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}