@import"https://fonts.googleapis.com/css2?family=Black+Han+Sans&family=Noto+Sans+KR:wght@400;600;700;800;900&display=swap";:root{font-family:Noto Sans KR,sans-serif;color:#f8f5ff;background:#0b0712;font-synthesis:none;--ink:#17111f;--lime:#b8ff2c;--pink:#ff46ad;--cyan:#4eeeff}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100%}body{overscroll-behavior-y:none;background:#0b0712}button{color:inherit;font:inherit;-webkit-tap-highlight-color:transparent}.app-container{width:100%;max-width:520px;min-height:100svh;margin:0 auto;overflow:hidden;background:radial-gradient(circle at 92% 4%,#ff46ad55 0 12%,transparent 30%),radial-gradient(circle at 10% 50%,#4eeeff25 0 18%,transparent 42%),linear-gradient(160deg,#1a0737,#0c0714 70%)}.screen{min-height:100svh;padding:calc(22px + env(safe-area-inset-top)) 20px calc(28px + env(safe-area-inset-bottom));animation:enter .28s ease-out}@keyframes enter{0%{opacity:0;transform:translateY(12px)}}.brand-row,.result-header,.quiz-header{display:flex;align-items:center}.brand-row{width:100%;justify-content:space-between;font-size:17px}.brand-row span,.result-header span{color:#b8afc7;font-size:9px;font-weight:900;letter-spacing:1.5px}.start-screen{display:flex;flex-direction:column;align-items:center;text-align:center}.hero-wrap{width:min(82vw,380px);margin:22px auto 8px;position:relative}.hero-wrap img{width:100%;display:block;border:2px solid #ffffff20;border-radius:30%;box-shadow:0 25px 60px #0008}.sticker{position:absolute;z-index:2;padding:7px 11px;border:2px solid var(--ink);background:var(--lime);color:var(--ink);box-shadow:4px 5px 0 var(--ink);font-size:10px;font-weight:900;transform:rotate(-4deg)}.sticker-one{top:10px;left:-2px}.sticker-two{right:0;bottom:12px;background:var(--cyan);transform:rotate(5deg)}.glitch{margin-top:-4px;color:var(--lime);font-family:Black Han Sans,sans-serif;font-size:13px;letter-spacing:4px}.main-title{margin:8px 0 0;font-size:clamp(34px,10vw,49px);line-height:1.06;letter-spacing:-2.8px}.main-title em{color:var(--pink);font-style:normal;text-shadow:3px 3px 0 #6d24df}.subtitle{margin:13px auto 22px;color:#c4bbd2;font-size:14px;line-height:1.6;word-break:keep-all}.start-btn,.share-btn{width:100%;min-height:64px;padding:12px 19px;border:2px solid #08060c;border-radius:19px;background:var(--lime);color:var(--ink);display:flex;align-items:center;justify-content:space-between;box-shadow:0 7px #08060c;font-size:17px;font-weight:900;cursor:pointer}.start-btn:active,.share-btn:active{transform:translateY(4px);box-shadow:0 3px #08060c}.start-btn b,.share-btn b{font-size:25px}.disclaimer{display:block;margin-top:18px;color:#81788f;font-size:9px;line-height:1.5}.quiz-screen{display:flex;flex-direction:column}.quiz-header{display:grid;grid-template-columns:38px 1fr 58px;gap:10px}.quiz-header>button{padding:0;border:0;background:transparent;font-size:25px;text-align:left;cursor:pointer}.quiz-header>b{color:var(--lime);text-align:right;font-size:12px}.progress-bar{height:8px;overflow:hidden;border:1px solid #6f637e;border-radius:99px;background:#21162e}.progress-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--pink),var(--lime));transition:width .22s ease}.q-number{margin-top:40px;color:var(--cyan);font-size:10px;font-weight:900;letter-spacing:1.8px}.question-wrapper{min-height:162px;display:grid;place-items:center}.question-text{margin:0;text-align:center;font-size:clamp(25px,7vw,33px);line-height:1.35;letter-spacing:-1.5px;word-break:keep-all}.options-container{display:grid;gap:11px;margin-top:auto}.option-btn{width:100%;min-height:70px;padding:11px 13px;border:1px solid #4d3d5e;border-radius:17px;background:#21172cf0;display:grid;grid-template-columns:34px 1fr 18px;align-items:center;gap:9px;text-align:left;cursor:pointer}.option-btn:active{border-color:var(--lime);background:#332044;transform:scale(.99)}.option-btn small{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:#3b2450;color:var(--cyan);font-weight:900}.option-btn span{font-size:14px;font-weight:700;line-height:1.45;word-break:keep-all}.option-btn b{color:#7f718e;font-size:19px}.tap-copy{margin:14px 0 0;color:#786c86;text-align:center;font-size:9px}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.loading-screen img{width:min(58vw,260px);border-radius:30%;animation:breathe 1s ease-in-out infinite alternate}.loading-screen>p{margin:24px 0 8px;color:var(--lime);font-size:10px;font-weight:900;letter-spacing:2px}.loading-screen h2{margin:0 0 24px;font-size:clamp(29px,8vw,39px);line-height:1.25;letter-spacing:-2px}.loading-bar{width:min(76%,330px);height:8px;overflow:hidden;border-radius:99px;background:#35253f}.loading-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--pink),var(--lime));animation:load 1.55s ease-out forwards}.loading-screen>span{margin-top:13px;color:#8f849d;font-size:10px}@keyframes load{0%{width:3%}to{width:100%}}@keyframes breathe{to{transform:translateY(-8px) rotate(1deg);filter:brightness(1.08)}}.is-result{background:#100c15}.result-screen{padding-left:18px;padding-right:18px}.result-header{justify-content:space-between;margin-bottom:15px}.result-header b{font-size:18px}.result-card{padding:18px 15px 25px;border-radius:27px;background:linear-gradient(145deg,#aef92d,#55e8ff);color:var(--ink);text-align:center;box-shadow:0 15px 40px #0005}.type-badge{display:inline-block;padding:6px 10px;border:1px solid #18102055;border-radius:99px;font-size:9px;font-weight:900}.result-img-box{width:min(100%,350px);aspect-ratio:1;margin:13px auto 8px;overflow:hidden;border:3px solid var(--ink);border-radius:24px;background:#151019;box-shadow:7px 8px #ff46ad}.result-img-box img{width:100%;height:100%;display:block;object-fit:cover}.result-card>p{margin:17px 0 4px;font-size:10px;font-weight:900}.result-title{margin:0;font-size:clamp(29px,8vw,42px);line-height:1.15;letter-spacing:-2px}.result-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:12px}.result-tags span{padding:5px 8px;border-radius:99px;background:#17111f;color:#fff;font-size:10px;font-weight:800}.report-card,.mission-card{margin-top:13px;padding:19px;border:1px solid #3d3247;border-radius:19px;background:#1a1420}.report-card b,.mission-card b{display:inline-block;margin-bottom:9px;color:var(--cyan);font-size:11px}.report-card p,.mission-card p{margin:0;color:#d9d1e1;font-size:13px;line-height:1.75;word-break:keep-all}.mission-card{border-color:#b8ff2c66}.mission-card b{color:var(--lime)}.share-btn{margin-top:15px;background:var(--pink);color:#fff}.retry-btn{width:100%;padding:17px;border:0;background:transparent;color:#aca0b8;text-decoration:underline;font-size:12px;cursor:pointer}.result-screen .disclaimer{margin:4px 10px 0;text-align:center}@media(min-width:600px){.app-container{box-shadow:0 0 70px #000c}}@media(max-height:720px){.screen{padding-top:calc(16px + env(safe-area-inset-top))}.hero-wrap{width:min(60vw,290px);margin-top:12px}.main-title{font-size:34px}.subtitle{margin-bottom:16px}.q-number{margin-top:20px}.question-wrapper{min-height:112px}.option-btn{min-height:61px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;scroll-behavior:auto!important}}