:root{--bg:#f5eef7;--paper:#fff;--text:#302339;--muted:#7b6c83;--line:#e9deed;--pink:#ad327d;--pinkDark:#8e2365;--soft:#fbf0f8;color:var(--text);background:var(--bg)}body{background:radial-gradient(ellipse at top,#ecd7ee,#f5eef7 65%)}.shell{max-width:480px;background:#fbf8fc}.topbar{background:#fffafdeF;border-bottom:1px solid #eadfeb;height:74px}.brandname{font-size:18px;color:#35213c}.brandSub{color:#88758b;font-size:11px}.mark{width:43px;height:43px;object-fit:cover;border-radius:13px;border:1px solid #e9d3e5;box-shadow:0 3px 12px #99317419}.main{padding:20px 20px 110px}.hero{background:linear-gradient(125deg,#492249,#793f83 60%,#b875a2);padding:24px 22px 235px;min-height:430px;border:1px solid #ebc3e1;border-radius:26px;box-shadow:0 9px 25px #54234d19}.hero h1{font-size:29px;line-height:1.35;color:#fff;letter-spacing:-1.2px;margin-top:15px}.hero h1 em{color:#ffe2a6}.hero p{color:#f7e8f5;font-size:14px;max-width:100%}.hero .eyebrow{background:#ffffff19;color:#ffe3b6;border:1px solid #ffffff38;letter-spacing:.2px}.heroArtwork{position:absolute;right:0;bottom:-112px;width:100%;height:350px;object-fit:cover;object-position:center 40%;mask-image:linear-gradient(to bottom,transparent,#000 14%,#000);opacity:.92}.hero::after{display:none}.profileStrip{border:1px solid #e8ddec;box-shadow:0 4px 15px #663b6a06}.profileStrip strong{font-size:15px}.profileStrip small{color:#817086;font-size:12px}.sectionHead h2{font-size:21px;color:#35213c}.sectionHead p{font-size:13px;color:#84748d}.sectionHead .count{color:#9d2f74;background:#f6e6f1}.storycard{border:1.5px solid #e9ddeb;background:#fff;padding:20px;border-radius:20px;box-shadow:0 4px 12px #66336a06}.storycard h3{font-size:18px;line-height:1.5;color:#35233e}.storycard p{font-size:13px;color:#827387}.storycard.done{background:#fffafd;border-color:#cb91b9}.num,.storyfoot b{color:#a33179}.tag{background:#f1eaf5;color:#775a86}.tag.special{background:#f7e7ef;color:#963569}.completed{color:#28765e;display:flex;align-items:center;gap:3px}.completed svg{width:14px;height:14px}.storyfoot{color:#8b7c91}.buttonPrimary{background:linear-gradient(105deg,#a73179,#8751a6);box-shadow:0 5px 14px #a130781f;min-height:54px}.buttonPrimary.secondary{background:#4d355b}.buttonOutline{border:1.5px solid #dacae1;color:#74477d;background:#fff;min-height:50px}.progress span.on{background:linear-gradient(90deg,#b13480,#c99556)}.tabbar{max-width:480px;background:#fffafdF5;border-top:1px solid #e6daeb;height:calc(78px + max(env(safe-area-inset-bottom),var(--toss-safe-bottom,0px)));padding-bottom:calc(10px + max(env(safe-area-inset-bottom),var(--toss-safe-bottom,0px)))}.tabbar button{color:#94859c;font-size:12px}.tabbar button.active{color:#a23078}.micro{font-size:11px;color:#85758e}.tile.pink{background:linear-gradient(110deg,#f6e7f3,#f0e7fa);border:1px solid #ebd9ed}.tile.blue{background:#f0ecfa}.tile p{color:#80718c;font-size:12px}.tipbox{background:#f1eaf5;border:1px solid #e9deed}.tipbox strong{color:#71427a}.tipbox p{color:#806987}.chip.on{background:#f6e8f3;border-color:#c68cb8;color:#983575}.date{color:#8a788f}.questionPage h1{color:#39243f}.answerOption{border-width:1.5px}.answerOption.selected{border-color:#b35c97;background:#fbf1f8}.sheet{background:#fffafd;border:1px solid #ead8e9}.settingBox{border:1px solid #e7dbea;background:#fff}.choiceGroup button.active,.selectAge button.active{border-color:#b85c9d;color:#9b3279;background:#faedf6}.safe{color:#88778b}.questionPanel{background:#f3eaf6}.resultCard{border:1px solid #eadbec}.quote{background:#f7edf5;color:#875575}.score strong{color:#a4387e}.resultIntro h1{color:#49304e}.iconbtn{background:#f2eaf6;color:#795282}.faqLink{color:#8a537a}.simpleHead p{color:#85758f}.heroArtwork{pointer-events:none}@media(max-width:360px){.main{padding-left:14px;padding-right:14px}.hero h1{font-size:25px}.hero{padding-left:18px;padding-right:18px}.brandname{font-size:16px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(prefers-color-scheme:dark){:root{--text:#f1e6f3;--bg:#211a29;--paper:#302339;--line:#594460}body{background:#211a29}.shell{background:#271e30}.topbar,.tabbar{background:#2c2235f5;border-color:#594460}.brandname,.sectionHead h2,.storycard h3,.questionPage h1,.resultIntro h1{color:#faedf9}.profileStrip,.storycard,.settingBox,.resultCard,.sheet,.answerOption{background:#34273e;border-color:#594460;color:#f5e8f4}.storycard.done,.answerOption.selected{background:#452e48;border-color:#c779ac}.buttonOutline{background:#382940;color:#eabce0;border-color:#87628a}.brandSub,.profileStrip small,.sectionHead p,.storycard p,.micro,.date,.safe,.simpleHead p,.tile p{color:#c2aeca}.tile.pink,.tile.blue,.tipbox,.questionPanel,.quote{background:#42304c;color:#f0d4ec;border-color:#65436c}.tipbox p,.tipbox strong{color:#e6c5e0}.chip{background:#392b43;color:#d0bad7;border-color:#695171}.chip.on{background:#643252;color:#ffdef0;border-color:#c884b0}.tabbar button.active,.num,.storyfoot b{color:#f9b5df}.iconbtn{background:#483351;color:#edc5e5}.tag{background:#50395b;color:#ead1f2}.hero{border-color:#bd78aa}.tileEmoji{background:#61436b}.historyItem{background:#34273e;border-color:#594460;color:#f5e8f4}.score{background:#42304c}.answerOption.selected .dot{background:#ad327d}}

/* Completed question: centered circular ink stamp. */
.storycard{position:relative;isolation:isolate}
.storycard.done .storyTop,.storycard.done h3,.storycard.done>p,.storycard.done .storyfoot{opacity:.48}
.storycard.done .completed{opacity:1}
.completionStamp{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-13deg);width:94px;height:94px;border:4px solid #ad327d;border-radius:50%;display:grid;place-items:center;color:#ad327d;background:rgba(255,248,253,.91);box-shadow:0 0 0 3px rgba(173,50,125,.10);pointer-events:none}
.completionStamp::before{content:"";position:absolute;inset:5px;border:1.5px solid currentColor;border-radius:50%}
.completionStamp span{font-size:27px;font-weight:950;letter-spacing:3px;padding-left:3px;line-height:1}
@media(prefers-color-scheme:dark){.completionStamp{color:#f4add5;border-color:#f4add5;background:rgba(62,35,64,.94);box-shadow:0 0 0 3px #f4add519}}