@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#edeff5;--surface:#fff;--ink:#191a33;--muted:#5e6180;--faint:#8a8da6;--line:#d6d9e6;--sticker:#ffd84d;--sticker-ink:#191a33;--danger:#b3261e;--accent:#5b3df5;--accent-soft:#e7e2ff;--on-accent:#fff;--display:"Bricolage Grotesque Variable", ui-sans-serif, system-ui, sans-serif;--body:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--r-s:12px;--r-m:16px;--r-l:24px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-angle=type64]{--accent:#5b3df5;--accent-soft:#e7e2ff}[data-angle=attachment]{--accent:#c8245e;--accent-soft:#fbe1ea}[data-angle=iq]{--accent:#0b63e5;--accent-soft:#dceaff}@media (prefers-color-scheme:dark){:root{--bg:#121327;--surface:#1b1d38;--ink:#eef0fa;--muted:#a6aac8;--faint:#7d81a3;--line:#2f3256;--danger:#ff8a80;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-angle=type64]{--accent:#8a74ff;--accent-soft:#2c2560}[data-angle=attachment]{--accent:#ff4f8b;--accent-soft:#4a1830}[data-angle=iq]{--accent:#4c9bff;--accent-soft:#15315c}}*,:before,:after{box-sizing:border-box}html{background:var(--bg);-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font:17px/1.5 var(--body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0}a{color:inherit;text-underline-offset:2px}img,svg{max-width:100%;display:block}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.screen{max-width:480px;min-height:100dvh;padding:14px 20px calc(28px + env(safe-area-inset-bottom));flex-direction:column;gap:16px;margin:0 auto;display:flex}.screen.center{justify-content:center;align-items:stretch}.row{gap:12px;display:flex}.row>*{flex:1}.display{font:800 clamp(34px, 10vw, 46px)/1.02 var(--display);letter-spacing:-.025em;margin:0}.h1{font:750 clamp(26px, 7.4vw, 32px)/1.1 var(--display);letter-spacing:-.015em;margin:0}.h2{font:700 22px/1.2 var(--display);margin:0}.lede{color:var(--muted);margin:0;font-size:18px}.muted{color:var(--muted);margin:0}.small{font-size:14px}.eyebrow{color:var(--accent);margin:6px 0 -6px;font-size:15px;font-weight:650}.fine{color:var(--faint);margin:0;font-size:13px;line-height:1.4}.error{color:var(--danger);margin:0;font-size:15px}.notice{background:var(--accent-soft);border-radius:var(--r-m);margin:0;padding:16px}.topbar{justify-content:space-between;align-items:center;min-height:40px;display:flex}.brand{font:800 19px/1 var(--display);letter-spacing:-.01em;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.brand-mark{background:var(--accent);width:18px;height:18px;box-shadow:3px 3px 0 var(--sticker);border-radius:5px;transform:rotate(-8deg)}.pill{background:var(--surface);border:1px solid var(--line);font-variant-numeric:tabular-nums;border-radius:999px;padding:6px 12px;font-size:14px;font-weight:650}.pill.timer{background:var(--sticker);color:var(--sticker-ink);border-color:#0000}.sticker{background:var(--sticker);color:var(--sticker-ink);font:800 15px/1 var(--display);box-shadow:3px 3px 0 var(--ink);border-radius:6px;align-self:flex-start;padding:8px 12px;display:inline-block;transform:rotate(-3deg)}.btn{border-radius:var(--r-m);width:100%;min-height:56px;font:650 17px/1.2 var(--body);color:inherit;cursor:pointer;border:0;justify-content:center;align-items:center;gap:10px;padding:0 20px;text-decoration:none;transition:transform 80ms,background-color .12s,border-color .12s;display:flex}.btn:active{transform:scale(.985)}.btn:disabled{opacity:.55;cursor:default}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-ghost{border:1.5px solid var(--line);background:0 0}.btn-option{text-align:left;background:var(--surface);border:1.5px solid var(--line);justify-content:flex-start;min-height:58px}.btn-option.is-selected{border-color:var(--accent);background:var(--accent-soft)}.link{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:8px;text-decoration:underline}.landing .display{margin-top:4px}.ticks{gap:10px;margin:0;padding:0;list-style:none;display:grid}.ticks li{padding-left:30px;position:relative}.ticks li:before{content:"";background:var(--accent-soft) center / 12px no-repeat;width:18px;height:18px;box-shadow:inset 0 0 0 2px var(--accent);border-radius:50%;position:absolute;top:4px;left:0}.ticks li:after{content:"";border:solid var(--accent);border-width:0 2.5px 2.5px 0;width:6px;height:9px;position:absolute;top:8px;left:6px;transform:rotate(45deg)}.start{gap:12px;margin-top:8px;display:grid}.start-prompt{font:700 19px/1.2 var(--display);margin:0}.gender{grid-template-columns:1fr 1fr;gap:12px;display:grid}.gender-tile{text-align:center;flex-direction:column;justify-content:center;min-height:112px;font-size:18px}.gender-glyph{border:3px solid var(--accent);border-radius:50%;width:34px;height:34px;position:relative}.gender-glyph.g-female:after{content:"";background:var(--accent);width:3px;height:12px;margin-left:-1.5px;position:absolute;top:100%;left:50%}.gender-glyph.g-male:after{content:"";border-top:3px solid var(--accent);border-right:3px solid var(--accent);width:12px;height:12px;position:absolute;top:-9px;right:-9px}.gender-more{min-height:48px;font-size:16px}.proof{flex-wrap:wrap;gap:8px;margin:4px 0 0;padding:0;list-style:none;display:flex}.proof li{color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:6px 10px;font-size:13px}.quiz-head{grid-template-columns:44px 1fr 64px;align-items:center;gap:8px;display:grid}.quiz-head.simple{grid-template-columns:44px 1fr 44px}.back{border:1.5px solid var(--line);background:var(--surface);width:44px;height:44px;color:inherit;cursor:pointer;border-radius:50%;padding-bottom:4px;font-size:28px;line-height:1}.counter{text-align:center;color:var(--muted);font-variant-numeric:tabular-nums}.counter b{color:var(--ink)}.clock{font:700 15px/1 var(--body);font-variant-numeric:tabular-nums;color:var(--muted);justify-self:end}.progress{background:var(--line);border-radius:999px;grid-column:1/-1;height:6px;overflow:hidden}.progress span{background:var(--accent);border-radius:inherit;height:100%;transition:width .24s;display:block}.progress.slim{height:8px}.question{gap:18px;margin-top:10px;display:grid}.q-text{font:650 clamp(23px, 6.6vw, 27px)/1.2 var(--display);letter-spacing:-.01em;margin:0}.q-small{font-size:clamp(20px,5.6vw,23px)}.likert{gap:10px;display:grid}.dot{border:2px solid var(--line);border-radius:50%;flex:none;width:22px;height:22px}.likert-1 .dot,.likert-5 .dot{width:26px;height:26px}.likert-4 .dot,.likert-5 .dot{border-color:var(--accent)}.is-selected .dot{background:var(--accent);border-color:var(--accent);box-shadow:inset 0 0 0 4px var(--surface)}.choices.list,.choices.grid-2,.choices.grid-3{gap:10px;display:grid}.choices.grid-2{grid-template-columns:repeat(2,1fr)}.choices.grid-3{grid-template-columns:repeat(3,1fr)}.btn-option.pic{aspect-ratio:1;justify-content:center;min-height:0;padding:10px}.pic-svg,.pic-svg svg{width:100%;height:100%}.puzzle{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r-l);padding:14px}.puzzle svg{width:100%;max-width:300px;height:auto;margin:0 auto}.boost{justify-content:center}.sticker-card{background:var(--sticker);color:var(--sticker-ink);box-shadow:6px 6px 0 var(--ink);border-radius:20px;gap:12px;margin:12px 6px 10px 0;padding:28px 24px;animation:.32s cubic-bezier(.2,1.4,.4,1) both pop;display:grid;transform:rotate(-1.5deg)}.sticker-card p{margin:0;font-size:18px}.badge{font-size:44px;line-height:1}@keyframes pop{0%{opacity:0;transform:rotate(-6deg)scale(.9)}}.loader{justify-content:center}.stages{gap:18px;margin:8px 0 0;padding:0;list-style:none;display:grid}.stages li{color:var(--faint);gap:8px;display:grid}.stages li.active,.stages li.done{color:var(--ink)}.stage-row{justify-content:space-between;font-weight:600;display:flex}.pct{font-variant-numeric:tabular-nums;color:var(--muted)}.sheet-backdrop{z-index:10;background:#12132780;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--surface);border-radius:var(--r-l) var(--r-l) 0 0;width:100%;max-width:480px;padding:24px 20px calc(24px + env(safe-area-inset-bottom));gap:14px;animation:.22s ease-out both up;display:grid}.sheet .btn-option{justify-content:center}@keyframes up{0%{opacity:0;transform:translateY(40px)}}.field{gap:6px;font-size:15px;font-weight:600;display:grid}input,select{border-radius:var(--r-s);border:1.5px solid var(--line);background:var(--surface);width:100%;min-height:54px;color:var(--ink);font:17px var(--body);padding:0 16px}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}form{gap:14px;display:grid}.stat-chips{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.stat-chips li{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-s);gap:2px;padding:10px 12px;display:grid}.stat-chips span{color:var(--muted);font-size:13px}.stat-chips b{font-size:16px}.result-card{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r-l);gap:12px;padding:22px 20px;display:grid;position:relative}.result-card .sticker{position:absolute;top:-12px;right:14px}.masked{font:800 clamp(44px, 14vw, 60px)/1 var(--display);color:var(--accent);letter-spacing:.04em;margin:6px 0 0}.small-masked{margin:0;font-size:30px}.result-headline{margin:0;font-size:18px;font-weight:650}.curve{color:var(--ink);width:100%}.free-trait{background:var(--accent-soft);border-radius:var(--r-l);gap:8px;padding:20px;display:grid}.free-trait p{margin:0}.share{gap:10px;display:grid}.share-card{aspect-ratio:4/5;background:var(--accent);color:#fff;border-radius:var(--r-l);flex-direction:column;justify-content:center;gap:8px;padding:28px 24px;display:flex;position:relative;overflow:hidden}.share-sticker{background:var(--sticker);color:var(--sticker-ink);font:800 15px/1 var(--display);border-radius:6px;padding:8px 10px;position:absolute;top:22px;right:18px;transform:rotate(-7deg)}.share-kicker{opacity:.82;font:600 17px var(--display);margin:0}.share-big{font:800 clamp(34px, 11vw, 46px)/1.02 var(--display);letter-spacing:-.02em;margin:0}.share-sub{opacity:.9;margin:4px 0 0}.share-fallback{gap:8px;margin:0;display:grid}.share-fallback img{border-radius:var(--r-m)}.share-fallback figcaption{color:var(--muted);font-size:14px}.locked{gap:10px;display:grid}.locked-item{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r-m);gap:10px;padding:16px;display:grid}.locked-item h3{font:650 17px/1.3 var(--body);align-items:center;gap:10px;margin:0;display:flex}.lock{background:var(--accent);border-radius:3px;flex:none;width:14px;height:11px;margin-top:5px;position:relative}.lock:before{content:"";border:2.5px solid var(--accent);border-bottom:0;border-radius:6px 6px 0 0;width:6px;height:7px;position:absolute;top:-7px;left:2px}.blur-lines{filter:blur(3px);gap:7px;display:grid}.blur-lines span{background:var(--line);border-radius:5px;height:10px}.blur-lines span:nth-child(2){width:86%}.blur-lines span:nth-child(3){width:64%}.sticky-cta{margin:4px -20px calc(-28px - env(safe-area-inset-bottom));padding:16px 20px calc(16px + env(safe-area-inset-bottom));background:linear-gradient(to bottom, transparent, var(--bg) 30%);z-index:5;position:sticky;bottom:0}.offer{background:var(--surface);border:2px solid var(--accent);border-radius:var(--r-l);gap:10px;margin-top:10px;padding:26px 20px 20px;display:grid;position:relative}.offer .sticker{position:absolute;top:-14px;left:16px}.plan{color:var(--muted);margin:0;font-weight:650}.price-row{flex-wrap:wrap;align-items:baseline;gap:12px;margin:0;display:flex}.price-row s{color:var(--faint);font-size:18px}.price{font:800 46px/1 var(--display);letter-spacing:-.02em}.off{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:4px 10px;font-size:15px;font-weight:750}.report-name{font:700 18px var(--display);margin:6px 0 0}.checkout-wrap{gap:16px;scroll-margin-top:12px;display:grid}.checkout{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r-l);padding:18px}.mock-card{border:0;gap:10px;margin:0;padding:0;display:grid}.mock-card legend{align-items:center;gap:8px;margin-bottom:8px;font-weight:650;display:flex}.test-badge{background:var(--sticker);color:var(--sticker-ink);border-radius:6px;padding:3px 8px;font-size:12px;font-weight:700}.stripe-mount{min-height:120px}.terms-fine{color:var(--faint);margin:0;font-size:11px;line-height:1.35}.terms-clear{background:var(--accent-soft);border-radius:var(--r-s);margin:0;padding:10px 12px;font-size:16px;font-weight:650}.terms-full{color:var(--muted);margin:0;font-size:14px;line-height:1.45}.legal-links{color:var(--muted);flex-wrap:wrap;gap:6px 16px;margin-top:8px;font-size:13px;display:flex}.inapp{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r-l);gap:14px;padding:20px;display:grid}.inapp.compact .h2{font-size:19px}.howto{gap:6px;margin:0;padding-left:22px;font-weight:600;display:grid}.report-code{font:800 18px var(--display);color:var(--accent);letter-spacing:.04em;margin:6px 0 -8px}.metrics{background:var(--surface);border-radius:var(--r-l);border:1.5px solid var(--line);gap:16px;padding:20px;display:grid}.metric{gap:6px;display:grid}.metric-head{justify-content:space-between;font-weight:600;display:flex}.bar{background:var(--line);border-radius:999px;height:10px;overflow:hidden}.bar span{background:var(--accent);border-radius:inherit;height:100%;display:block}.bar.spectrum{background:linear-gradient(to right, var(--accent-soft), var(--line), var(--accent-soft));position:relative;overflow:visible}.bar.spectrum i{background:var(--accent);width:20px;height:20px;box-shadow:0 0 0 3px var(--surface);border-radius:50%;margin:-10px 0 0 -10px;position:absolute;top:50%}.poles{color:var(--muted);justify-content:space-between;font-size:13px;display:flex}.report-section{gap:10px;display:grid}.report-section p,.legal p{margin:0}.legal{gap:14px}.others{border-top:1.5px solid var(--line);padding-top:20px}.others-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:10px;display:grid}.others-item{border-radius:var(--r-m);background:var(--surface);border:1.5px solid var(--line);color:inherit;align-content:start;gap:6px;padding:16px;text-decoration:none;display:grid}.others-item:hover{border-color:var(--accent)}.others-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.others-chip{background:var(--bg);color:var(--muted);border-radius:999px;flex:none;padding:3px 9px;font-size:12px;font-weight:700}.others-chip.is-done{background:var(--accent-soft);color:var(--accent)}.others-cta{color:var(--accent);font-size:15px;font-weight:650}.spinner{border:3px solid;border-right-color:#0000;border-radius:50%;width:22px;height:22px;animation:.7s linear infinite spin;display:inline-block}.screen.center>.spinner{color:var(--accent);align-self:center}@keyframes spin{to{transform:rotate(360deg)}}.admin{gap:16px;max-width:1200px;margin:0 auto;padding:24px;display:grid}.admin-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.admin-controls select,.admin-controls input{width:auto;min-height:40px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:14px}th,td{text-align:right;border-bottom:1px solid var(--line);white-space:nowrap;padding:8px 10px}th:first-child,tbody th{text-align:left}td small{color:var(--muted)}.landing-grid,.landing-copy,.split,.col-main,.col-side{display:contents}.landing-aside{display:none}.opt-label{flex:1}.key{display:none}@media (hover:hover) and (pointer:fine){.btn-option:hover{border-color:var(--accent)}.btn-primary:hover{filter:brightness(1.08)}.btn-ghost:hover,.back:hover{border-color:var(--accent)}.key{border:1px solid var(--line);background:var(--bg);min-width:26px;height:24px;color:var(--muted);font:650 12px/1 var(--body);border-radius:6px;flex:none;justify-content:center;align-items:center;margin-left:auto;padding:0 6px;display:inline-flex}.btn-primary .key{color:inherit;background:0 0;border-color:#ffffff73;margin-left:4px}.btn-option.pic{position:relative}.pic .key{margin:0;position:absolute;top:6px;left:6px}}@media (width>=640px){.screen{max-width:620px;padding-left:32px;padding-right:32px}.sticky-cta{margin-left:-32px;margin-right:-32px;padding-left:32px;padding-right:32px}.likert{grid-template-columns:repeat(5,minmax(0,1fr))}.likert .btn-option{text-align:center;flex-direction:column;justify-content:center;gap:10px;min-height:116px;padding:14px 8px;font-size:15px}.likert .opt-label{flex:none}.likert .key{margin:0}.gender-tile{min-height:128px}.share-card{aspect-ratio:5/4}}@media (width>=960px){body{font-size:18px}.screen{gap:20px;max-width:1160px;padding:24px 48px 56px}.screen.stage{max-width:780px;padding-top:32px}.stage .question,.stage>.h1:first-child,.email>.stat-chips,.boost .sticker-card{margin-top:7vh}.screen.legal{max-width:760px}.screen.center{max-width:640px}.topbar{min-height:56px;margin-bottom:8px}.sticky-cta{background:0 0;margin:0;padding:0;position:static}.landing-grid{flex:1;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:80px;padding:3vh 0 4vh;display:grid}.landing-copy{flex-direction:column;gap:18px;display:flex}.landing .display{text-wrap:balance;font-size:clamp(48px,4.6vw,66px)}.landing .topbar .pill{display:none}.landing .lede{max-width:34em;font-size:20px}.start{max-width:540px}.landing-aside{display:block}.preview{padding:28px 28px 76px 8px;position:relative}.preview-back{background:var(--accent);color:var(--on-accent);text-align:right;font:800 22px/1.05 var(--display);letter-spacing:-.01em;border-radius:32px;justify-content:flex-end;align-items:flex-end;padding:0 30px 20px;display:flex;position:absolute;inset:0 0 0 48px;transform:rotate(4deg)}.preview-card{background:var(--surface);border:1.5px solid var(--line);border-radius:28px;gap:14px;margin-right:64px;padding:34px 30px 30px;display:grid;position:relative;transform:rotate(-2deg)}.preview-card .sticker{position:absolute;top:-14px;right:22px}.preview-card .masked{font-size:64px}.preview-locked{gap:12px;margin:4px 0 0;padding:0;list-style:none;display:grid}.preview-locked li{align-items:flex-start;gap:12px;font-size:16px;font-weight:600;line-height:1.35;display:flex}.q-text{font-size:34px}.q-small{font-size:28px}.likert .btn-option{min-height:140px;font-size:16px}.stage .choices.list{grid-template-columns:repeat(2,minmax(0,1fr))}.screen.stage:has(.has-puzzle){max-width:1000px}.question.has-puzzle{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:24px 36px}.question.has-puzzle .q-text{grid-column:1/-1}.question.has-puzzle .choices.list{grid-template-columns:1fr}.question.has-puzzle .puzzle svg{max-width:420px}.sticker-card{gap:16px;padding:44px 40px}.sticker-card p{font-size:20px}.stages{gap:22px}.sheet-backdrop{align-items:center}.sheet{border-radius:var(--r-l);max-width:520px;padding:28px}.email form,.email .lede,.email .fine{max-width:560px}.heard-extra{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px;display:grid}.heard-extra .btn{width:auto;min-width:220px}.split{grid-template-columns:minmax(0,1fr) 420px;align-items:start;gap:56px;display:grid}.col-main,.col-side{flex-direction:column;gap:20px;display:flex}.report-split{grid-template-columns:380px minmax(0,1fr);gap:64px}.report-body{gap:28px;max-width:70ch}.report-aside .display{font-size:44px}.report-section p{font-size:18px;line-height:1.6}.paywall .col-main .h1,.teaser .col-main .h1{font-size:40px}.offer{padding:32px 28px 26px}.share-card{aspect-ratio:16/9;padding:32px 36px}.share-big{font-size:52px}}@media (width>=960px) and (height>=760px){.teaser .col-side,.paywall .col-side{position:sticky;top:24px}}@media (width>=960px) and (height>=940px){.report-aside{position:sticky;top:24px}}
