@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,Noto Sans SC,system-ui,sans-serif;color:#292532;background:#f7f4fb;font-synthesis:none;text-rendering:optimizeLegibility;--purple: #8f70ea;--purple-dark: #7658d7;--pink: #ff95ae;--ink: #292532;--muted: #797382;--cream: #fffdf9;--line: rgba(73, 59, 92, .1)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#ede7f4}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline:3px solid rgba(143,112,234,.25);outline-offset:2px}#root{min-height:100vh}.result-loading{width:100%;max-width:520px;min-height:100vh;margin:0 auto;display:grid;place-content:center;justify-items:center;gap:16px;color:#8d82a0;background:radial-gradient(circle,#eee3ff,#fffafd 65%);font-size:12px}.result-loading span{width:34px;height:34px;border:3px solid #ded2f4;border-top-color:#8f70ea;border-radius:50%;animation:slowSpin .8s linear infinite}.home,.gate,.quiz,.result{width:100%;max-width:520px;min-height:100vh;margin:0 auto;overflow:hidden;background:var(--cream)}.page-enter{animation:pageIn .55s cubic-bezier(.2,.8,.2,1) both}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.brand{display:inline-flex;align-items:center;gap:8px;color:#514a5e;font-size:11px;letter-spacing:.19em;font-weight:700}.brand__mark{width:26px;height:26px;display:grid;place-items:center;color:#fff;border-radius:50%;background:linear-gradient(135deg,var(--purple),var(--pink));box-shadow:0 5px 14px #8f70ea47}.brand--light{color:#fffc}.brand--light .brand__mark{background:#ffffff29;box-shadow:none}.primary-button,.secondary-button{width:100%;min-height:58px;border:0;border-radius:18px;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s,opacity .2s}.primary-button{color:#fff;background:linear-gradient(120deg,#8669df,#9f7fe8 55%,#e591bd);box-shadow:0 16px 30px #7c5cd33d}.primary-button:hover{transform:translateY(-2px);box-shadow:0 19px 34px #7c5cd34a}.primary-button:active{transform:translateY(1px) scale(.99)}.primary-button:disabled{opacity:.6;cursor:wait}.secondary-button{color:var(--purple-dark);background:#fff;border:1px solid rgba(118,88,215,.18)}.section-kicker{margin:0 0 12px;color:var(--purple);font-size:10px;letter-spacing:.22em;font-weight:700}.disclaimer{color:#9d96a5;font-size:10px;line-height:1.65;text-align:center}.hero{min-height:100svh;position:relative;padding:max(22px,env(safe-area-inset-top)) 24px 26px;overflow:hidden;background:radial-gradient(circle at 15% 15%,#fff 0,#ffffff1a 34%),linear-gradient(155deg,#f8f4ff,#fdf7f9 52%,#f5edff)}.hero:after{content:"";position:absolute;inset:0;opacity:.25;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.08'/%3E%3C/svg%3E")}.hero nav{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center}.nav-note{color:#aaa2b4;font-size:8px;letter-spacing:.12em}.hero__content{position:relative;z-index:2;min-height:calc(100svh - 86px);display:flex;align-items:center;flex-direction:column;padding-top:7vh;text-align:center}.eyebrow{display:flex;align-items:center;gap:7px;padding:7px 12px;color:#8268c5;font-size:11px;border:1px solid rgba(143,112,234,.16);border-radius:99px;background:#ffffffa6}.hero h1{margin:22px 0 12px;font-size:clamp(38px,11vw,54px);line-height:1.16;letter-spacing:-.06em}.hero__subtitle{margin:0;color:#5c5666;font-size:15px;line-height:1.8}.hero__subtitle span{color:#968e9f;font-size:13px}.age-visual{position:relative;width:264px;height:264px;margin:12px 0 8px;display:grid;place-items:center}.age-visual__ring{position:absolute;border-radius:50%;border:1px solid rgba(140,111,226,.12)}.age-visual__ring--outer{inset:6px;animation:slowSpin 18s linear infinite;border-style:dashed}.age-visual__ring--inner{inset:30px;background:radial-gradient(circle,rgba(255,255,255,.92),rgba(255,255,255,.3) 67%,transparent 68%);box-shadow:0 20px 60px #9173d221}@keyframes slowSpin{to{transform:rotate(360deg)}}.age-visual__card{z-index:2;display:flex;flex-direction:column;align-items:center}.age-visual__mini{color:#aaa1b3;font-size:8px;letter-spacing:.24em}.age-visual__card strong{color:#8063da;font-size:82px;line-height:1.08;letter-spacing:-.08em;text-shadow:0 10px 34px rgba(139,105,222,.2)}.age-visual__card small{margin-left:8px;color:#655b70;font-size:18px;font-weight:500;letter-spacing:0}.age-visual__diff{padding:6px 11px;color:#8a748e;font-size:10px;border-radius:99px;background:#fff;box-shadow:0 7px 22px #66527d1a}.floating-symbol{position:absolute;display:grid;place-items:center;color:var(--pink)}.floating-symbol--heart{top:50px;right:31px;transform:rotate(10deg)}.floating-symbol--star{left:25px;bottom:66px;color:#9a7be6;font-size:22px}.floating-symbol--dot{top:78px;left:38px;width:7px;height:7px;border-radius:50%;background:#f5abc0;box-shadow:0 0 0 6px #f5abc021}.hero__cta{max-width:315px}.scroll-hint{margin-top:20px;display:flex;align-items:center;gap:5px;border:0;background:none;color:#aaa2b1;font-size:10px;cursor:pointer}.hero__orb{position:absolute;border-radius:50%;filter:blur(2px)}.hero__orb--one{width:230px;height:230px;top:24%;left:-160px;background:#ebdaff99}.hero__orb--two{width:180px;height:180px;right:-100px;bottom:12%;background:#ffdce580}.intro{padding:78px 24px 70px;background:#fffdf9}.intro h2,.report-preview h2{margin:0;font-size:28px;line-height:1.35;letter-spacing:-.04em}.section-lead{margin:14px 0 34px;color:var(--muted);font-size:13px}.feature-list{border-top:1px solid var(--line)}.feature-row{padding:18px 0;display:grid;grid-template-columns:38px 1fr 30px;align-items:center;border-bottom:1px solid var(--line)}.feature-row__number{color:#b5a3e1;font-size:10px;letter-spacing:.12em}.feature-row strong{font-size:15px}.feature-row p{margin:4px 0 0;color:#9a94a1;font-size:11px}.feature-row__check{width:27px;height:27px;display:grid;place-items:center;color:#8d70dc;border-radius:50%;background:#f2edff}.report-preview{padding:70px 24px 45px;background:linear-gradient(180deg,#f7f2ff,#fff8f9)}.report-preview__header{margin-bottom:26px;text-align:center}.preview-grid{margin-bottom:28px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.preview-card{min-height:125px;padding:20px;border:1px solid rgba(255,255,255,.8);border-radius:24px;display:flex;flex-direction:column;justify-content:space-between;background:#ffffffab;box-shadow:0 14px 40px #674b9714}.preview-card--wide{grid-column:span 2;min-height:145px;align-items:center;justify-content:center;text-align:center;background:linear-gradient(135deg,#9476e8e6,#e595bee6);color:#fff}.preview-card span{font-size:50px;font-weight:700}.preview-card small{font-size:15px}.preview-card svg{color:var(--purple)}.preview-card p{margin:8px 0 0;font-size:12px;font-weight:600}.preview-card--quote{min-height:92px;flex-direction:row;gap:12px;background:#ffffffbf;color:var(--ink)}.preview-card--quote svg{flex:0 0 auto}.report-preview .disclaimer{margin:20px 20px 0}.simple-header,.quiz__header{height:70px;padding:max(16px,env(safe-area-inset-top)) 20px 10px;display:flex;align-items:center;justify-content:space-between}.icon-button{width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:50%;background:#ffffffbf;color:#57515e;cursor:pointer}.icon-button svg{width:19px}.header-spacer{width:38px}.gate{position:relative;background:radial-gradient(circle at 80% 4%,#eedfff 0,transparent 36%),linear-gradient(165deg,#faf7ff,#fffaf8 70%)}.gate__body{min-height:calc(100svh - 70px);padding:7vh 24px 32px;display:flex;flex-direction:column;align-items:center;text-align:center}.gate__icon{width:62px;height:62px;margin-bottom:24px;display:grid;place-items:center;color:#fff;border-radius:22px;background:linear-gradient(135deg,#9273e7,#e897bd);box-shadow:0 15px 30px #8b69de38;transform:rotate(-4deg)}.gate h1{margin:0;font-size:38px;line-height:1.2;letter-spacing:-.05em}.gate__lead{margin:15px 0 28px;color:var(--muted);font-size:13px;line-height:1.8}.gate-card{width:100%;padding:24px 20px;border:1px solid rgba(255,255,255,.9);border-radius:26px;text-align:left;background:#ffffffb8;box-shadow:0 22px 50px #61488b1a;backdrop-filter:blur(16px)}.gate-card label{display:block;margin:0 0 8px 2px;color:#716a79;font-size:11px;font-weight:600}.input-wrap{height:54px;margin-bottom:17px;padding:0 16px;display:flex;align-items:center;gap:10px;border:1px solid #ebe5ef;border-radius:15px;background:#fff;transition:border .2s,box-shadow .2s}.input-wrap:focus-within{border-color:#bba9ed;box-shadow:0 0 0 4px #8f70ea14}.input-wrap svg{color:#a397ad}.input-wrap input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:15px;letter-spacing:.06em}.input-wrap input::placeholder{color:#bbb4c1;letter-spacing:0}.input-wrap--age input{letter-spacing:0}.input-wrap--age span{color:#9a93a2;font-size:13px}.form-error{margin:-5px 3px 14px;color:#dc647e;font-size:11px;animation:shake .3s}@keyframes shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.privacy-note{display:flex;align-items:center;gap:5px;margin-top:18px;color:#aaa3b0;font-size:10px}.quiz{min-height:100svh;display:flex;flex-direction:column;background:radial-gradient(circle at 100% 25%,#f2e7ff,transparent 38%),#fffdfb}.quiz__header{height:74px;flex:0 0 auto}.quiz__count{color:#aaa3b0;font-size:11px}.quiz__count strong{color:var(--purple);font-size:15px}.progress-track{height:3px;background:#eee9f2}.progress-track span{height:100%;display:block;border-radius:99px;background:linear-gradient(90deg,#9a7ae9,#ee9cb9);transition:width .45s cubic-bezier(.2,.8,.2,1)}.quiz__body{flex:1;padding:10vh 24px 30px}.question-enter--next{animation:questionNext .45s cubic-bezier(.2,.8,.2,1) both}.question-enter--back{animation:questionBack .4s cubic-bezier(.2,.8,.2,1) both}@keyframes questionNext{0%{opacity:0;transform:translate(22px)}}@keyframes questionBack{0%{opacity:0;transform:translate(-22px)}}.quiz__meta{display:flex;align-items:center;justify-content:space-between;color:#a99db8;font-size:9px;letter-spacing:.16em;font-weight:700}.category-pill{padding:5px 9px;color:#9473df;border-radius:99px;letter-spacing:.04em;background:#f2edff}.quiz h1{min-height:88px;margin:20px 0 8px;font-size:26px;line-height:1.5;letter-spacing:-.035em}.quiz__hint{margin:0 0 27px;color:#aaa3af;font-size:11px}.options{display:grid;gap:12px}.option{width:100%;min-height:67px;padding:12px 16px;display:grid;grid-template-columns:35px 1fr 18px;align-items:center;gap:11px;border:1px solid #eee9f1;border-radius:18px;color:#4e4856;background:#ffffffd9;text-align:left;cursor:pointer;box-shadow:0 6px 22px #48375e09;transition:transform .2s,border .2s,background .2s}.option:not(:disabled):hover{transform:translateY(-2px);border-color:#d7caef}.option__letter{width:31px;height:31px;display:grid;place-items:center;color:#9176cf;border-radius:10px;background:#f4f0fb;font-size:11px;font-weight:700}.option__dot{width:16px;height:16px;border:1px solid #d8d1dd;border-radius:50%}.option--selected{border-color:#a68ce4;background:#f6f1ff;transform:scale(.99)}.option--selected .option__letter{color:#fff;background:linear-gradient(135deg,#8e70df,#e893b8)}.option--selected .option__dot{border:5px solid #9879e2}.quiz__footer{padding:14px 24px max(18px,env(safe-area-inset-bottom));display:flex;justify-content:space-between;color:#b0a9b5;font-size:9px}.quiz__footer span{display:flex;align-items:center;gap:5px}.quiz__footer i{color:#9576df;font-style:normal;font-weight:700}.result{background:#f7f3ff}.result__topbar{height:64px;padding:max(14px,env(safe-area-inset-top)) 20px 10px;display:flex;align-items:center;justify-content:space-between;background:#8366d4}.result__topbar button{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.17);border-radius:50%;color:#fff;background:#ffffff1a;cursor:pointer}.report-capture{background:#f7f3ff}.result-hero{min-height:610px;position:relative;padding:52px 28px;overflow:hidden;color:#fff;text-align:center;background:radial-gradient(circle at 20% 10%,rgba(255,255,255,.14),transparent 30%),radial-gradient(circle at 86% 72%,rgba(255,187,211,.25),transparent 38%),linear-gradient(155deg,#7a5dce,#9b72d9 55%,#c77db2)}.result-hero:after{content:"";position:absolute;inset:0;opacity:.2;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E")}.result-hero>*{position:relative;z-index:2}.result-hero__overline{margin:0;font-size:9px;letter-spacing:.3em;opacity:.72}.result-age{height:160px;display:flex;align-items:center;justify-content:center}.result-age strong{font-size:136px;line-height:1;letter-spacing:-.1em;text-shadow:0 15px 40px rgba(51,24,101,.25)}.result-age span{margin:53px 0 0 11px;font-size:18px}.difference-pill{width:fit-content;margin:-2px auto 27px;padding:7px 13px;border:1px solid rgba(255,255,255,.2);border-radius:99px;background:#ffffff1f;font-size:11px;backdrop-filter:blur(8px)}.result-divider{width:36px;height:1px;margin:0 auto 23px;background:#fff6}.result-hero__eyebrow{margin:0 0 8px;color:#f9d8e6;font-size:10px;letter-spacing:.09em}.result-hero h1{margin:0 0 15px;font-size:31px;letter-spacing:.08em}.result-hero__desc{max-width:350px;margin:0 auto;color:#ffffffc7;font-size:12px;line-height:1.9}.hero-tags{margin-top:19px;display:flex;justify-content:center;gap:8px}.hero-tags span{padding:6px 10px;border-radius:99px;background:#ffffff1f;font-size:10px}.result-hero__spark{position:absolute}.result-hero__spark--one{top:108px;right:48px;font-size:28px;opacity:.45}.result-hero__spark--two{top:195px;left:48px;font-size:48px;opacity:.3}.report-body{padding:18px 16px 38px}.report-section{margin-bottom:14px;padding:25px 20px;border:1px solid rgba(255,255,255,.82);border-radius:25px;background:#ffffffc7;box-shadow:0 14px 38px #573e7a12}.section-title{display:flex;align-items:center;gap:12px}.section-title>span{color:#cabde9;font-size:10px;letter-spacing:.1em}.section-title p{margin:0 0 3px;color:#ae9bcf;font-size:8px;letter-spacing:.18em;font-weight:700}.section-title h2{margin:0;font-size:18px}.keyword-cloud{min-height:160px;position:relative;margin-top:18px;border-radius:18px;background:radial-gradient(circle,#f3ebff,#fbf8ff 60%,transparent)}.keyword{position:absolute;padding:9px 14px;border-radius:99px;font-size:12px;box-shadow:0 8px 18px #654b9614}.keyword--1{top:18px;left:13px;color:#7659c5;background:#ede5ff;transform:rotate(-4deg)}.keyword--2{top:22px;right:10px;color:#b56182;background:#ffe7ef;transform:rotate(5deg)}.keyword--3{bottom:20px;left:35px;color:#a16a47;background:#fff0df;transform:rotate(3deg)}.keyword--4{right:18px;bottom:26px;color:#5f7e74;background:#e8f5ef;transform:rotate(-5deg)}.radar-section{padding-bottom:18px}.radar{width:100%;height:285px;margin-top:5px}.dimension-legend{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.dimension-legend div{padding:8px;display:flex;flex-direction:column;border-radius:10px;background:#f8f5fb;text-align:center}.dimension-legend span{color:#9c94a4;font-size:8px}.dimension-legend strong{margin-top:2px;color:#775bd0;font-size:12px}.insight-list{margin-top:20px;display:grid;gap:12px}.insight-list div{padding:14px;display:flex;align-items:center;gap:11px;border-radius:15px;background:#f8f5fc}.insight-list i{flex:0 0 auto;width:27px;height:27px;display:grid;place-items:center;color:#fff;border-radius:50%;background:linear-gradient(135deg,#8e70df,#e997bb)}.insight-list p{margin:0;color:#5f5867;font-size:12px}.note-card{margin-top:20px;padding:18px;display:flex;gap:13px;border-radius:18px;color:#655970;background:linear-gradient(135deg,#f3ecff,#fff0f5)}.note-card>svg{flex:0 0 auto;color:#9070df}.note-card p{margin:0 0 10px;font-size:12px;line-height:1.7}.note-card p:last-child{margin-bottom:0}.friend-section{padding:34px 24px;text-align:center;background:linear-gradient(145deg,#fff,#fff7f9)}.friend-section h2{margin:0;font-size:18px}.friend-section blockquote{margin:26px auto;color:#6f579e;font-family:Noto Sans SC,sans-serif;font-size:20px;font-weight:600;line-height:1.6}.quote-line{display:flex;align-items:center;justify-content:center;gap:12px;color:#d89bb8}.quote-line span{width:45px;height:1px;background:#e8dfea}.encouragement{min-height:210px;padding:34px 25px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:25px;color:#fff;text-align:center;background:linear-gradient(145deg,#8267d3,#aa76cf 58%,#dc8fb7)}.encouragement>span{font-size:8px;letter-spacing:.28em;opacity:.7}.encouragement p{max-width:290px;margin:20px 0 27px;font-size:18px;font-weight:600;line-height:1.7}.encouragement .brand{transform:scale(.85)}.result-actions{padding:18px 16px 8px;display:grid;gap:10px;background:#f7f3ff}.text-button{margin:4px auto;display:flex;align-items:center;gap:6px;border:0;background:none;color:#877b92;font-size:11px;cursor:pointer}.result-disclaimer{margin:0;padding:10px 26px max(25px,env(safe-area-inset-bottom));color:#aaa2af;background:#f7f3ff;font-size:9px;text-align:center}@media(min-width:560px){body{padding:24px 0;background:#eee8f4}.home,.gate,.quiz,.result{min-height:calc(100vh - 48px);border-radius:30px;box-shadow:0 30px 80px #36264a29}.hero{min-height:calc(100vh - 48px)}.hero__content{min-height:calc(100vh - 134px)}.quiz{min-height:calc(100vh - 48px)}}@media(max-height:720px){.hero__content{padding-top:3vh}.age-visual{width:225px;height:225px}.age-visual__card strong{font-size:68px}.quiz__body{padding-top:5vh}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}