@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css";:root{color:#29263b;background:#f8f6ff;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #29263b;--muted: #7f788f;--line: #e7e2ef;--purple: #7469dd;--purple-deep: #5f55c7}*{box-sizing:border-box}html{min-width:0;overflow-x:clip;background:#f8f6ff}body{margin:0;min-width:0;min-height:100vh;min-height:100dvh;overflow-x:clip;background:#f8f6ff}button{border:0;cursor:pointer;font:inherit}button:disabled{cursor:default}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid #9f96ff;outline-offset:3px}.skip-link{position:fixed;z-index:30;top:10px;left:10px;padding:10px 14px;border-radius:12px;color:#fff;background:var(--purple-deep);font-size:13px;font-weight:800;transform:translateY(-160%);transition:transform .18s ease}.skip-link:focus{transform:translateY(0)}.app-root{position:relative;min-height:100vh;min-height:100dvh;overflow-x:clip;isolation:isolate}.ambient-noise{position:fixed;z-index:-2;inset:0;pointer-events:none;opacity:.24;background-image:radial-gradient(rgba(96,81,149,.1) .65px,transparent .65px);background-size:18px 18px;mask-image:linear-gradient(to bottom,#000,transparent 92%)}.screen{position:relative;width:min(100%,640px);min-height:100vh;min-height:100dvh;margin:0 auto;padding:max(14px,env(safe-area-inset-top)) 18px max(40px,calc(24px + env(safe-area-inset-bottom)));animation:screen-in .22s ease-out both}.screen-topbar{display:grid;grid-template-columns:44px minmax(0,1fr) 56px;align-items:center;min-height:44px}.screen-brand{color:#7e7894;font-size:13px;font-weight:700;letter-spacing:-.02em;text-align:center}.topbar-symbol{color:#b5aed0;font-size:13px;font-weight:800;text-align:right}.icon-button{display:grid;width:44px;height:44px;place-items:center;border-radius:50%;color:#81799d;background:transparent;font-size:23px;line-height:1;transition:color .15s ease,background .15s ease,transform .12s ease}.icon-button:hover{color:var(--ink);background:#ffffffbd}.icon-button:active{transform:scale(.9)}.button{display:inline-flex;width:auto;min-width:0;min-height:56px;align-items:center;justify-content:center;gap:11px;padding:0 22px;border-radius:18px;font-size:15px;font-weight:800;letter-spacing:-.035em;transition:transform .12s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease}.button:hover:not(:disabled){transform:translateY(-1px)}.button:active:not(:disabled){transform:scale(.965)}.button-primary{color:#fff;background:var(--purple);box-shadow:0 12px 26px #7469dd3b}.button-primary:hover:not(:disabled){background:var(--purple-deep);box-shadow:0 14px 29px #7469dd45}.button-secondary{color:#696180;border:1px solid #ddd7e8;background:#ffffffd1}.button-secondary:hover:not(:disabled){border-color:#c7beeb;background:#fff}.button-quiet{min-height:46px;color:#7c7591;background:transparent;font-size:13px;box-shadow:none}.intro-screen{display:flex;max-width:620px;flex-direction:column;align-items:center;justify-content:center;padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(26px,calc(18px + env(safe-area-inset-bottom)));text-align:center}.intro-screen:before{position:absolute;z-index:-1;top:max(40px,7vh);left:50%;width:min(470px,94vw);aspect-ratio:1;border-radius:45% 55% 58% 42%/50% 42% 58% 50%;background:#eeeaff;content:"";transform:translate(-50%) rotate(-8deg)}.intro-orbit{position:absolute;z-index:-1;border:1px solid rgba(143,131,222,.16);border-radius:50%;pointer-events:none}.orbit-one{top:18%;left:50%;width:min(460px,110vw);height:190px;transform:translate(-50%) rotate(-18deg)}.orbit-two{top:32%;left:50%;width:min(600px,135vw);height:120px;border-color:#8f83de1a;transform:translate(-50%) rotate(13deg)}.intro-character-wrap{position:relative;display:grid;width:min(260px,68vw);height:min(226px,29vh);min-height:178px;place-items:center;margin-bottom:12px}.intro-character-wrap:before{position:absolute;inset:18px 7px 1px;border-radius:46% 54% 55% 45%/50% 43% 57% 50%;background:#ffffffed;box-shadow:0 22px 42px #5c4d971a;content:"";transform:rotate(5deg)}.intro-character-wrap .character-art{position:relative;z-index:1;width:100%;height:100%;min-height:0;max-height:100%}.intro-character-wrap .character-art img{min-height:0;max-height:100%}.intro-doodle{position:absolute;z-index:2;color:#aa9fe8;font-size:20px;font-weight:800}.doodle-one{top:4px;left:12px;transform:rotate(-14deg)}.doodle-two{top:40px;right:10px;color:#e4a6bb;font-size:31px}.intro-face-note{position:absolute;z-index:2;right:0;bottom:3px;color:#c0b7df;font-size:16px;font-weight:900;transform:rotate(7deg)}.intro-screen h1{margin:0;color:var(--ink);font-size:clamp(43px,13vw,66px);font-weight:900;letter-spacing:-.085em;line-height:1}.intro-screen h1 em{color:var(--purple);font-style:normal}.intro-subtitle{margin:13px 0 0;color:#716a83;font-size:clamp(14px,4vw,17px);font-weight:700;letter-spacing:-.055em;line-height:1.4;word-break:keep-all}.intro-cta{width:fit-content;max-width:100%;margin-top:24px}.recent-result{display:inline-flex;min-height:40px;align-items:center;margin-top:13px;padding:8px 13px;border:1px solid rgba(205,198,234,.82);border-radius:14px;color:#827b99;background:#fff9;font-size:12px;font-weight:700;transition:transform .12s ease,background .15s ease}.recent-result strong{color:#6960bd;font-size:14px}.recent-result:active{transform:scale(.96)}.question-screen{display:flex;flex-direction:column;width:min(100%,680px)}.question-topbar{gap:12px}.progress-wrap{min-width:0}.progress-track{height:6px;overflow:hidden;border-radius:99px;background:#e8e4ef}.progress-value{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ada3f0,#7469dd);transition:width .3s cubic-bezier(.2,.8,.2,1)}.question-count{color:#928ba6;font-size:12px;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.02em;text-align:right;white-space:nowrap}.question-count strong{color:#675dc5;font-size:14px;font-weight:900}.question-stage{display:flex;width:100%;min-width:0;max-width:560px;min-height:calc(100dvh - 72px - env(safe-area-inset-top) - env(safe-area-inset-bottom));flex:1 1 auto;flex-direction:column;justify-content:center;margin:0 auto;padding:clamp(22px,6vh,58px) 0 18px;animation:question-in .18s ease-out both}.question-character{position:relative;display:flex;width:94px;height:74px;flex:0 0 auto;align-items:center;justify-content:center;margin:0 auto 16px;border-radius:36% 64% 50% 50%/60% 48% 52% 40%;background:#eeeaff}.question-character>span{position:absolute;top:-9px;right:-31px;color:#aaa1dd;font-size:12px;font-weight:800;transform:rotate(9deg)}.question-stage h1{display:grid;width:100%;max-width:100%;min-height:2.7em;align-items:center;margin:0 auto 22px;color:var(--ink);font-size:clamp(27px,7vw,39px);font-weight:900;letter-spacing:-.075em;line-height:1.22;text-align:center;word-break:keep-all;overflow-wrap:anywhere}.question-stage h1:focus{outline:none}.answer-list{display:grid;gap:12px}.answer-card{display:grid;width:100%;min-width:0;grid-template-columns:40px minmax(0,1fr);min-height:84px;align-items:center;gap:12px;padding:14px 16px;border:1px solid #e4dfeb;border-radius:22px;color:#555063;background:#ffffffe0;box-shadow:0 8px 20px #43376d0b;font-size:15px;font-weight:750;letter-spacing:-.05em;text-align:left;transition:transform .12s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease,opacity .15s ease}.answer-card:hover:not(:disabled){border-color:#c9c1ec;box-shadow:0 12px 25px #564a8f14;transform:translateY(-1px)}.answer-card:active:not(:disabled){transform:scale(.975)}.answer-card.is-selected{color:#5f55c5;border-color:#9e94e2;background:#efecff;box-shadow:0 10px 25px #7469dd24;transform:scale(.975)}.answer-card:disabled:not(.is-selected){opacity:.54}.answer-label{display:grid;width:40px;height:40px;place-items:center;border-radius:13px;color:#938ba7;background:#f3f0f8;font-size:13px;font-weight:900}.answer-card.is-selected .answer-label{color:#7469dd;background:#fff}.answer-copy{min-width:0;line-height:1.42;word-break:keep-all;overflow-wrap:anywhere}.question-back-button{align-self:center;margin-top:12px;padding-right:18px;padding-left:18px}.character-art{position:relative;display:grid;flex:0 0 auto;overflow:visible;place-items:center}.character-art img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;min-width:0;min-height:0;aspect-ratio:1;object-fit:contain}.character-art-small{width:84px;height:72px}.character-art-medium{width:180px;height:180px}.character-art-large{width:250px;height:220px}.character-fallback{position:relative;display:grid;width:72%;height:72%;place-items:center;border-radius:46% 54% 45% 55%/54% 44% 56% 46%;background:#f6c8d6;box-shadow:inset -14px -12px #c981a11f;transform:rotate(-5deg)}.fallback-face{color:#41384d;font-size:20px;font-weight:900}.fallback-spark{position:absolute;color:#f0a75d;font-size:13px;font-weight:900}.fallback-spark-left{top:3%;left:-15%}.fallback-spark-right{right:-12%;bottom:12%;color:#8f83df;font-size:22px}.fallback-feet{position:absolute;bottom:-8px;color:#73586a;font-size:21px}.result-screen{width:min(100%,620px);padding-right:14px;padding-left:14px}.result-topbar{margin-bottom:10px;padding:0 4px}.result-hero{position:relative;width:100%;min-width:0;overflow:hidden;padding:18px 20px 25px;border:1px solid var(--card-soft);border-radius:32px;background:var(--card-background);box-shadow:0 18px 40px #4137731a;isolation:isolate;text-align:center}.result-hero:before{position:absolute;z-index:-1;top:-120px;right:-100px;width:300px;height:300px;border-radius:50%;background:var(--card-soft);content:""}.result-hero:after{position:absolute;z-index:-1;bottom:-135px;left:-120px;width:280px;height:280px;border-radius:50%;background:var(--card-soft);content:"";opacity:.72}.result-sparkles span{position:absolute;color:var(--card-accent);font-weight:900;opacity:.38;animation:sparkle-in .42s .08s ease-out both}.result-sparkles span:nth-child(1){top:65px;left:15%;font-size:18px;transform:rotate(-12deg)}.result-sparkles span:nth-child(2){top:155px;right:13%;font-size:12px;animation-delay:.15s}.result-sparkles span:nth-child(3){top:96px;right:21%;font-size:29px;animation-delay:.2s}.result-character{display:grid;height:clamp(190px,54vw,250px);place-items:center;animation:result-reveal .42s cubic-bezier(.2,.85,.25,1) both}.result-character .character-art{width:min(78%,280px);height:100%}.result-kicker{margin:0;color:#827b91;font-size:12px;font-weight:750;letter-spacing:-.04em}.result-code{margin:4px 0 0;color:var(--card-accent);font-size:clamp(66px,19vw,104px);font-weight:950;letter-spacing:.06em;line-height:.9}.result-name{display:flex;flex-direction:column;gap:4px;margin-top:12px}.result-name strong{color:#302d40;font-size:23px;font-weight:900;letter-spacing:-.07em}.result-name span{min-width:0;color:#6f697c;font-size:14px;font-weight:750;letter-spacing:-.055em;line-height:1.4;word-break:keep-all;overflow-wrap:anywhere}.result-headline{max-width:100%;margin:18px auto 0;color:var(--card-accent);font-size:clamp(19px,5.5vw,24px);font-weight:900;letter-spacing:-.07em;line-height:1.35;word-break:keep-all;overflow-wrap:anywhere}.result-meme-copy{display:grid;max-width:100%;gap:3px;margin:10px auto 0;color:#716b7c;font-size:12px;font-weight:650;letter-spacing:-.045em;line-height:1.45;word-break:keep-all;overflow-wrap:anywhere}.result-meme-copy p{margin:0}.result-reading{display:grid;gap:16px;margin:28px 6px 0}.result-reading p{min-width:0;margin:0;color:#686174;font-size:14px;font-weight:550;letter-spacing:-.04em;line-height:1.78;word-break:keep-all;overflow-wrap:anywhere}.result-reading p:first-child{color:#494355;font-size:15px;font-weight:700}.result-reading p+p{padding-top:16px;border-top:1px solid rgba(220,214,232,.72)}.result-actions{display:grid;gap:10px;margin-top:30px}.result-actions .button{width:fit-content;max-width:100%;min-width:0;justify-self:center}.result-actions .button-secondary{min-height:52px}.manual-share-link{display:grid;gap:6px;margin:12px 6px 0}.manual-share-link label{color:#746d84;font-size:12px;font-weight:750}.manual-share-link input{width:100%;min-width:0;min-height:48px;padding:0 12px;overflow:hidden;border:1px solid #ddd7e8;border-radius:14px;color:#5d566d;background:#ffffffdb;font:inherit;font-size:13px;direction:ltr;text-overflow:ellipsis}.manual-share-link p{margin:0;color:#867f94;font-size:11px;font-weight:600;line-height:1.5}.share-feedback{min-height:20px;margin:10px 0 0;color:#7469bd;font-size:12px;font-weight:700;text-align:center}.external-browser-notice{position:relative;display:flex;width:calc(100% - 32px);max-width:540px;margin:20px auto;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid #ddd7e8;border-radius:15px;background:#fffffff7}.external-browser-notice strong{display:block;color:var(--ink);font-size:14px;font-weight:700;line-height:1.4}.external-browser-notice p{margin:4px 0 0;color:var(--muted);font-size:12.5px;line-height:1.5;word-break:keep-all}.external-browser-actions{display:flex;flex:0 0 auto;align-items:center;gap:8px}.external-browser-primary,.external-browser-close{min-height:40px;border-radius:10px;font-size:13px;font-weight:700;white-space:nowrap;cursor:pointer}.external-browser-primary{padding:0 12px;border:1px solid var(--purple);color:#fff;background:var(--purple)}.external-browser-close{padding:0 8px;border:0;color:var(--muted);background:transparent}.play-footer{margin-top:68px;padding:0 0 max(16px,env(safe-area-inset-bottom));color:#867fa0;font-size:10px;font-weight:700;letter-spacing:.01em;opacity:.52;text-align:center}@keyframes screen-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes question-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes result-reveal{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes sparkle-in{0%{opacity:0;transform:scale(.4) rotate(-12deg)}to{opacity:.38;transform:scale(1) rotate(0)}}@media(max-width:440px){.screen{padding-right:14px;padding-left:14px}.intro-character-wrap{width:min(235px,67vw);height:min(205px,28vh)}.question-topbar{gap:8px}.question-stage{padding-top:clamp(17px,4vh,34px)}.question-stage h1{margin-bottom:18px;font-size:clamp(26px,7.6vw,32px)}.answer-card{min-height:82px;padding:13px;font-size:14px}.result-screen{padding-right:12px;padding-left:12px}.result-hero{padding:15px 16px 22px;border-radius:28px}.result-character{height:clamp(180px,51vw,215px)}.result-reading{margin-right:4px;margin-left:4px}}@media(max-width:520px){.external-browser-notice{display:block}.external-browser-actions{margin-top:11px}.external-browser-primary{min-width:132px}}@media(max-height:700px){.intro-character-wrap{height:176px;min-height:160px;margin-bottom:5px}.intro-screen h1{font-size:43px}.intro-subtitle{margin-top:10px;font-size:14px}.intro-cta{min-height:54px;margin-top:18px}.recent-result{margin-top:9px}.question-character{width:82px;height:62px;margin-bottom:10px}.question-stage h1{min-height:2.55em;margin-bottom:14px}.answer-card{min-height:76px}.question-back-button{margin-top:6px}}@media(min-width:700px){.screen{padding-right:30px;padding-left:30px}.result-screen{padding-right:20px;padding-left:20px}.result-hero{padding-right:34px;padding-left:34px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}