@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/bricolage-grotesque-vietnamese-700-normal-BLYPkJbo.woff2)format("woff2"),url(/assets/bricolage-grotesque-vietnamese-700-normal-CHrFuVHU.woff)format("woff");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;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/bricolage-grotesque-latin-ext-700-normal-fBkt-7fi.woff2)format("woff2"),url(/assets/bricolage-grotesque-latin-ext-700-normal-BXpPFNFj.woff)format("woff");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;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/bricolage-grotesque-latin-700-normal-gtcctNPv.woff2)format("woff2"),url(/assets/bricolage-grotesque-latin-700-normal-DvJDmrLu.woff)format("woff");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}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/bricolage-grotesque-vietnamese-800-normal-RJtJa6zl.woff2)format("woff2"),url(/assets/bricolage-grotesque-vietnamese-800-normal-DJ4hCX8l.woff)format("woff");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;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/bricolage-grotesque-latin-ext-800-normal-BimIDUhy.woff2)format("woff2"),url(/assets/bricolage-grotesque-latin-ext-800-normal-CkoBqIJM.woff)format("woff");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;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/bricolage-grotesque-latin-800-normal-J50vIsBe.woff2)format("woff2"),url(/assets/bricolage-grotesque-latin-800-normal-Br4b-5gk.woff)format("woff");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}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/archivo-vietnamese-400-normal-BF4g3tCF.woff2)format("woff2"),url(/assets/archivo-vietnamese-400-normal-FGOLYM1a.woff)format("woff");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:Archivo;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/archivo-latin-ext-400-normal-B5tPZzqW.woff2)format("woff2"),url(/assets/archivo-latin-ext-400-normal-DrmqtLj6.woff)format("woff");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:Archivo;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/archivo-latin-400-normal-C81ewxNO.woff2)format("woff2"),url(/assets/archivo-latin-400-normal-Bl602Mgc.woff)format("woff");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}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/archivo-vietnamese-500-normal-k0drYPZA.woff2)format("woff2"),url(/assets/archivo-vietnamese-500-normal-7W3lD2kQ.woff)format("woff");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:Archivo;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/archivo-latin-ext-500-normal-RFhg4CpD.woff2)format("woff2"),url(/assets/archivo-latin-ext-500-normal-D7mXw3Kz.woff)format("woff");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:Archivo;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/archivo-latin-500-normal-CGugC8dq.woff2)format("woff2"),url(/assets/archivo-latin-500-normal-pkzA7jw9.woff)format("woff");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}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/archivo-vietnamese-600-normal-anCjMumA.woff2)format("woff2"),url(/assets/archivo-vietnamese-600-normal-C8xBVdfP.woff)format("woff");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:Archivo;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/archivo-latin-ext-600-normal-Dm61iqcg.woff2)format("woff2"),url(/assets/archivo-latin-ext-600-normal-D7uErJuz.woff)format("woff");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:Archivo;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/archivo-latin-600-normal-3BBy0ZsW.woff2)format("woff2"),url(/assets/archivo-latin-600-normal-DwYieO8P.woff)format("woff");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{--paper:oklch(98.5% .004 250);--paper-2:oklch(95% .008 250);--ink:oklch(22% .02 265);--ink-soft:oklch(42% .02 265);--dim-e:oklch(86% .16 90);--dim-a:oklch(82% .1 355);--dim-c:oklch(55% .17 262);--dim-n:oklch(68% .18 32);--dim-o:oklch(88% .17 128);--dim-e-light:oklch(95% .04 90);--dim-a-light:oklch(95% .035 355);--dim-c-light:oklch(95% .035 262);--dim-n-light:oklch(95% .04 32);--dim-o-light:oklch(95% .04 128);--overlay:oklch(22% .02 265/.72);--font-display:"Bricolage Grotesque", "Segoe UI", sans-serif;--font-body:"Archivo", "Segoe UI", sans-serif;--step--1:.85rem;--option-label:.9375rem;--step-0:1.0625rem;--step-1:1.33rem;--step-2:1.66rem;--step-3:2.07rem;--step-4:clamp(2.75rem, 5vw + 1rem, 5.5rem);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--space-24:96px;--radius:12px;--border:2px solid var(--ink);--divider:1px solid var(--ink);--shadow:4px 4px 0 var(--ink);--shadow-press:1px 1px 0 var(--ink);--shadow-hover:6px 6px 0 var(--ink);--ease-out-quart:cubic-bezier(.25, 1, .5, 1);--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--dur-press:.15s;--dur-state:.22s;--dur-layout:.38s;font-family:var(--font-body);color:var(--ink);background:var(--paper);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;font-size:16px}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%}body{font-size:var(--step-0);margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,a:focus-visible{outline:3px solid var(--ink);outline-offset:4px}a{color:var(--ink);text-underline-offset:4px}a:hover{color:var(--ink-soft)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--font-display);text-wrap:balance;font-weight:700;line-height:1.13}h1{font-weight:800}p{text-wrap:pretty;line-height:1.58}.app-shell{background:var(--paper);flex-direction:column;min-height:100dvh;display:flex}.page-content,.site-header,.site-footer{width:min(calc(100% - var(--space-12)), 1180px);margin-inline:auto}.page-content{flex:1}.narrow-page{max-width:780px}.site-header{border-bottom:var(--border);justify-content:space-between;align-items:center;min-height:72px;display:flex}.brand,.header-link,.site-footer button{color:var(--ink);background:0 0;border:0}.brand{min-height:44px;font-family:var(--font-display);font-weight:800;font-size:var(--step-1);letter-spacing:-.03em;padding:0}.header-link,.site-footer button{min-height:44px;padding:var(--space-2) 0;font-size:var(--step--1)}.header-link:hover,.site-footer button:hover{text-underline-offset:var(--space-2);text-decoration:underline}.site-footer{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:88px;margin-top:var(--space-16);border-top:var(--divider);color:var(--ink-soft);font-size:var(--step--1);display:flex}.toast{z-index:50;right:var(--space-6);top:var(--space-6);max-width:min(360px, calc(100vw - var(--space-12)));align-items:center;gap:var(--space-4);padding:var(--space-4);border:var(--border);border-radius:var(--radius);background:var(--paper);box-shadow:var(--shadow);display:flex;position:fixed}.toast button{min-width:44px;min-height:44px;color:var(--ink);font-size:var(--step-1);background:0 0;border:0}.button,.text-button,.icon-button,.option,.review-item{border-radius:var(--radius);min-height:44px;transition:transform var(--dur-press) var(--ease-out-quart), box-shadow var(--dur-press) var(--ease-out-quart), background-color var(--dur-state) var(--ease-out-quart)}.button{padding:var(--space-3) var(--space-6);border:var(--border);background:var(--paper);color:var(--ink);box-shadow:var(--shadow);text-align:center;font-weight:600}.button.primary{background:var(--ink);color:var(--paper)}.button.secondary{background:var(--paper)}.button:not(:disabled):hover,.icon-button:hover,.option:hover,.review-item:hover{box-shadow:var(--shadow-hover);transform:translate(-2px,-2px)}.button:not(:disabled):active,.icon-button:active,.option:active,.review-item:active{box-shadow:var(--shadow-press);transform:translate(2px,2px)}.text-button{padding:var(--space-2) 0;color:var(--ink);text-underline-offset:var(--space-2);background:0 0;border:0;text-decoration:underline}.text-button:hover{transform:translate(-2px,-2px)}.text-button:active{transform:translate(2px,2px)}.icon-button{border:var(--border);background:var(--paper);min-width:44px;color:var(--ink);box-shadow:var(--shadow);font-size:var(--step-2);padding:0}.landing{flex-direction:column;display:flex}.landing-top{align-items:center;gap:var(--space-12);padding-block:var(--space-12) var(--space-6);grid-template-columns:minmax(0,7fr) minmax(0,5fr);display:grid}.hero-copy{padding:0}.hero-copy h1{max-width:13ch;margin-bottom:var(--space-6);font-size:var(--step-4);letter-spacing:-.035em}.hero-lead{max-width:42ch;margin-bottom:var(--space-8)}.hero-actions{align-items:center;gap:var(--space-4);flex-wrap:wrap;max-width:430px;display:flex}.hero-actions p{color:var(--ink-soft);font-size:var(--step--1);flex-basis:100%;margin:0}.landing-meta{margin:var(--space-4) 0 0;color:var(--ink-soft);font-size:var(--step--1)}.hero-signature{place-items:center;min-width:0;display:grid}.hero-card-stack{width:min(100%,440px);height:380px;position:relative}.hero-character-card{width:55%;height:320px;padding:var(--space-3);border:var(--border);border-radius:var(--radius);background:var(--card-color);box-shadow:var(--shadow);transition:transform var(--dur-state) var(--ease-out-quart);position:absolute}.hero-character-card:first-child{z-index:1;top:30px;left:2%;transform:rotate(-6deg)}.hero-character-card:nth-child(2){z-index:2;top:8px;left:23%;transform:rotate(0)}.hero-character-card:nth-child(3){z-index:3;top:32px;left:43%;transform:rotate(5deg)}.hero-character-card:nth-child(3):hover,.hero-character-card:nth-child(3):active{transform:translateY(-4px)rotate(5deg)}.hero-character-card img{object-fit:cover;border:var(--border);border-radius:calc(var(--radius) - 4px);width:100%;height:100%;display:block}.hero-card-names{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,440px);display:grid}.hero-card-names strong{min-width:0;min-height:56px;padding:var(--space-2);border:var(--border);border-radius:var(--radius);background:var(--card-color);box-shadow:var(--shadow);font-family:var(--font-display);font-size:var(--step--1);overflow-wrap:break-word;word-break:normal;align-items:center;line-height:1.2;display:flex}.hero-card-stamp{border:var(--border);border-radius:var(--radius);background:var(--paper);width:72px;height:72px;padding:4px;position:absolute;top:-10px;right:2px;transform:rotate(10deg)}.hero-card-stamp .vibe-signature{width:100%}.archetype-teaser{padding-block:var(--space-8);border-top:var(--divider)}.archetype-teaser h2{margin-bottom:var(--space-6);font-size:var(--step-2)}.archetype-swipe-hint{display:none}.archetype-chip-list{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}@media (width>=761px) and (width<=1099px){.archetype-chip-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.archetype-chip{align-items:flex-start;gap:var(--space-3);min-width:0;min-height:132px;padding:var(--space-3);border:var(--border);border-radius:var(--radius);background:var(--chip-color);color:var(--chip-ink);box-shadow:var(--shadow);display:flex}.archetype-chip img{object-fit:cover;border:var(--border);border-radius:var(--radius);flex:none;width:56px;height:56px}.archetype-chip div{min-width:0}.archetype-chip strong{font-family:var(--font-display);font-size:var(--step-0);overflow-wrap:break-word;word-break:normal;line-height:1.2;display:block}.archetype-chip span{margin-top:var(--space-1);font-size:var(--step--1);overflow-wrap:break-word;word-break:normal;line-height:1.35;display:block}.landing-preview{align-items:center;gap:var(--space-12);padding-block:var(--space-12);border-top:var(--divider);grid-template-columns:minmax(0,7fr) minmax(0,5fr);display:grid}.sample-result-card{gap:var(--space-4);min-width:0;padding:var(--space-6);border:var(--border);border-radius:var(--radius);background:var(--paper);box-shadow:var(--shadow);display:grid}.sample-label,.sample-analysis span{width:fit-content;padding:var(--space-1) var(--space-2);border:var(--border);border-radius:var(--radius);background:var(--sample-color);font-size:var(--step--1);font-weight:600}.sample-person{align-items:center;gap:var(--space-4);display:flex}.sample-person img{object-fit:cover;border:var(--border);border-radius:var(--radius);flex:none;width:112px;height:112px}.sample-person strong{font-family:var(--font-display);font-size:var(--step-1);line-height:1.2;display:block}.sample-person p{margin:var(--space-2) 0 0;font-size:var(--step--1)}.sample-scores{gap:var(--space-2);display:grid}.sample-scores>div{align-items:center;gap:var(--space-3);font-size:var(--step--1);font-variant-numeric:tabular-nums;grid-template-columns:minmax(88px,1fr) minmax(0,2fr) 32px;display:grid}.sample-track{border:var(--border);border-radius:var(--radius);background:var(--paper-2);height:10px;overflow:hidden}.sample-track span{background:var(--dimension-color);height:100%;display:block}.sample-analysis{padding-top:var(--space-3);border-top:var(--divider);font-size:var(--step--1);margin:0}.sample-analysis span{margin-right:var(--space-2);display:inline-block}.landing-preview-copy h2{max-width:14ch;font-size:var(--step-3)}.landing-preview-copy ul{gap:var(--space-4);margin:var(--space-8) 0 0;padding:0;list-style:none;display:grid}.landing-preview-copy li{padding-left:var(--space-4);border-left:5px solid var(--dim-e);font-weight:600}.landing-preview-copy li:nth-child(2){border-color:var(--dim-c)}.landing-preview-copy li:nth-child(3){border-color:var(--dim-n)}.vibe-signature{aspect-ratio:1;display:block;overflow:visible}.signature-petal{stroke:var(--ink);stroke-width:2px;stroke-linejoin:round}.signature-axis line{stroke:var(--ink);stroke-width:2px}.signature-axis text{fill:var(--ink);font-family:var(--font-body);font-size:var(--step--1);font-weight:600}.vibe-signature.is-revealing .signature-petal{transform-box:view-box;transform-origin:50%;animation:bloom-petal .5s var(--ease-out-expo) both}.quiz-progress-line{height:var(--space-3);border:var(--border);border-radius:var(--radius);background:var(--paper-2);box-shadow:var(--shadow-press);grid-template-columns:repeat(20,minmax(0,1fr));display:grid;overflow:hidden}.quiz-progress-line span{background:0 0}.quiz-progress-line span.answered{background:var(--dimension-color)}.quiz-page{max-width:980px;padding-top:var(--space-4)}.quiz-page .section-heading{margin-block:var(--space-8) var(--space-4)}.section-heading{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-12);font-variant-numeric:tabular-nums;display:flex}.section-heading span{color:var(--ink-soft)}.question-space{height:390px;padding:var(--space-8) var(--space-6);border:var(--border);border-radius:var(--radius);background:var(--question-color);box-shadow:var(--shadow);animation:question-enter var(--dur-state) var(--ease-out-quart) both;flex-direction:column;display:flex}.question-space h1{max-width:24ch;min-height:3.39em;margin-bottom:var(--space-4);font-size:var(--step-3);text-wrap:balance;outline:none}.question-prompt,.keyboard-hint{color:var(--ink-soft);font-size:var(--step--1)}.question-prompt{max-width:64ch;margin-bottom:var(--space-8)}.keyboard-hint{min-height:1.5em;margin-top:0}.option-scale{gap:var(--space-3);grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:1fr;display:grid}.option{align-content:start;gap:var(--space-2);min-width:0;min-height:112px;padding:var(--space-4);border:var(--border);background:var(--paper);color:var(--ink);box-shadow:var(--shadow);text-align:left;font-size:var(--option-label);grid-template-rows:36px 1fr;line-height:1.35;display:grid}.option.selected{background:var(--dimension-color);box-shadow:var(--shadow-press)}.option:active{background:var(--dimension-color);color:var(--ink);box-shadow:var(--shadow-press);transition:none;transform:scale(.98)}.option:hover,.option:active{transform:none}.option-scale[data-dimension=C] .option.selected,.option-scale[data-dimension=C] .option:active{color:var(--paper)}.option-number{font-family:var(--font-display);font-size:var(--step-2);font-variant-numeric:tabular-nums;font-weight:800}.quiz-actions{justify-content:space-between;align-items:center;gap:var(--space-4);padding-block:var(--space-6);display:flex}.review-page,.method-page{padding-top:var(--space-12)}.review-page h1,.method-page h1{margin:var(--space-8) 0 var(--space-4);font-size:var(--step-3)}.section-lead{max-width:60ch;color:var(--ink-soft)}.warning-line{margin:var(--space-8) 0;font-weight:600}.review-summary{justify-content:space-between;align-items:center;gap:var(--space-4);margin-block:var(--space-8);display:flex}.review-summary p{margin:0;font-weight:600}.review-grid{gap:var(--space-3);margin-block:var(--space-8);display:grid}.review-group h2{margin:var(--space-8) 0 0;font-size:var(--step-0)}.review-group .review-grid{margin-top:var(--space-4)}.review-item{align-items:center;gap:var(--space-4);min-width:0;min-height:68px;padding:var(--space-2) var(--space-4);border:var(--border);background:var(--paper);color:var(--ink);box-shadow:var(--shadow);font-variant-numeric:tabular-nums;text-align:left;grid-template-columns:48px minmax(0,1fr) minmax(180px,220px);display:grid}.review-number{font-family:var(--font-display);font-weight:800}.review-question{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.review-answer{min-width:0;padding:var(--space-2) var(--space-3);border:var(--border);border-radius:var(--radius);background:var(--dimension-color);color:var(--ink);font-size:var(--step--1);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.review-item[data-dimension=C].done .review-answer{color:var(--paper)}.review-item.missing{background:var(--paper-2)}.review-item.missing .review-answer{background:var(--paper);border-style:dashed}.submit-button{min-width:160px}.submit-button.has-missing{background:var(--paper);color:var(--ink-soft);border-style:dashed}.reveal-screen{isolation:isolate;background:var(--paper);min-height:100dvh;color:var(--profile-ink);flex:1;place-items:center;display:grid;position:relative;overflow:hidden}.reveal-screen:before{content:"";z-index:-1;background:var(--profile-color);animation:reveal-cover .5s var(--ease-out-expo) both;position:absolute;inset:0}.reveal-skip{right:var(--space-6);top:var(--space-6);z-index:1;color:var(--profile-ink);position:absolute}.reveal-center{text-align:center;justify-items:center;width:min(84vw,480px);display:grid}.reveal-center .vibe-signature{grid-area:1/1;width:100%}.reveal-portrait{aspect-ratio:1;object-fit:cover;border:var(--border);border-radius:var(--radius);width:70%;height:auto;box-shadow:var(--shadow);animation:portrait-appear .4s var(--ease-out-quart) 1.35s both;grid-area:1/1;align-self:center}.reveal-center .signature-axis{animation:reveal-axes var(--dur-state) var(--ease-out-quart) 1.2s both}.reveal-center h1{margin:var(--space-6) 0 var(--space-2);font-size:var(--step-3);animation:reveal-title .3s var(--ease-out-quart) 1.8s both}.reveal-tagline{max-width:38ch;margin-bottom:var(--space-6);animation:reveal-title .3s var(--ease-out-quart) 1.9s both}.reveal-action{justify-items:center;gap:var(--space-3);animation:reveal-title .2s var(--ease-out-quart) both;display:grid}.reveal-action small{font-size:var(--step--1)}.reveal-continue:focus-visible{outline-color:var(--profile-ink)}.profile-page{padding-top:var(--space-8);animation:profile-fade-in .22s var(--ease-out-quart) both}.profile-hero{align-items:center;gap:var(--space-8);min-height:460px;padding:var(--space-8);border:var(--border);border-radius:var(--radius);background:var(--profile-color);color:var(--profile-ink);box-shadow:var(--shadow);grid-template-columns:minmax(0,7fr) minmax(0,5fr);display:grid}.profile-hero h1{max-width:16ch;margin:0 0 var(--space-6);letter-spacing:-.035em;font-size:clamp(2rem,4vw,4.5rem)}.profile-share-row{margin-top:var(--space-6)}.hero-share-button{min-height:44px;padding:var(--space-2) var(--space-3);border:var(--border);border-radius:var(--radius);background:var(--paper);color:var(--ink);box-shadow:var(--shadow);font:600 var(--step--1) var(--font-body);cursor:pointer;flex:none}.hero-share-button:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.profile-english{margin-bottom:var(--space-4);font-size:var(--step--1)}.profile-tagline{max-width:48ch;font-size:var(--step-1)}.profile-neighbor{max-width:48ch;margin:var(--space-8) 0 0;font-size:var(--step--1)}.profile-portrait{aspect-ratio:1;object-fit:cover;border:var(--border);border-radius:var(--radius);width:min(100%,430px);height:auto;box-shadow:var(--shadow);justify-self:center;display:block}.standout-section,.scores-section,.story-section{padding-top:var(--space-16)}.standout-section h2,.scores-section h2,.story-section h2{margin-bottom:var(--space-8);font-size:var(--step-2)}.scores-heading{margin-bottom:var(--space-8)}.scores-heading h2{margin-bottom:0}.standout-list{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.standout-card{min-width:0;padding:var(--space-6);border:var(--border);border-radius:var(--radius);background:var(--dimension-color);color:var(--ink);box-shadow:var(--shadow);grid-column:span 1}.standout-card:first-child{grid-column:span 2}.standout-card[data-dimension=C]{color:var(--paper)}.standout-card div{justify-content:space-between;align-items:start;gap:var(--space-4);display:flex}.standout-card h3{margin-bottom:var(--space-4);font-size:var(--step-1)}.standout-card strong{font-family:var(--font-display);font-size:var(--step-2);font-variant-numeric:tabular-nums}.standout-card p{margin:0}.deep-analysis-section{margin-top:var(--space-16);padding:var(--space-6);border:var(--border);border-radius:var(--radius);background:var(--profile-light);box-shadow:var(--shadow)}.deep-analysis-heading{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.deep-analysis-heading h2{margin-bottom:var(--space-2);font-size:var(--step-2)}.deep-analysis-heading p{color:var(--ink-soft);margin:0}.deep-analysis-heading .analysis-pitch{margin-bottom:var(--space-2);color:var(--ink);font-weight:600}.deep-analysis-heading .button{padding:14px 24px}.analysis-notice{margin-top:var(--space-6);padding:var(--space-4);border:var(--border);border-radius:var(--radius);background:var(--dim-e-light)}.analysis-groups{gap:var(--space-4);margin-top:var(--space-8);display:grid}.analysis-group{min-width:0;padding:var(--space-4);border:var(--border);border-radius:var(--radius);background:var(--paper)}.analysis-group summary{cursor:pointer;min-height:44px;font-family:var(--font-display);font-weight:700;font-size:var(--step-1);align-items:center;display:flex}.analysis-group summary:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.analysis-group summary:before{content:"+";width:28px;font-family:var(--font-body)}.analysis-group[open] summary:before{content:"−"}.analysis-grid{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width>=900px){.analysis-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.analysis-card{padding:var(--space-6);border:var(--border);border-radius:var(--radius);background:var(--dim-e-light);box-shadow:var(--shadow)}.analysis-card:nth-child(5n+2){background:var(--dim-a-light)}.analysis-card:nth-child(5n+3){background:var(--dim-c-light)}.analysis-card:nth-child(5n+4){background:var(--dim-n-light)}.analysis-card:nth-child(5n){background:var(--dim-o-light)}.analysis-card h3{margin-bottom:var(--space-4);font-size:var(--step-1)}.analysis-card p,.analysis-card ul{margin-bottom:0}.analysis-card ul{padding-left:var(--space-6)}.analysis-card li+li{margin-top:var(--space-2)}.analysis-skeleton{gap:var(--space-4);margin-top:var(--space-8);display:grid}.analysis-skeleton span{border:var(--border);border-radius:var(--radius);background:var(--paper-2);height:72px;animation:1.1s ease-in-out infinite alternate analysis-pulse}@keyframes analysis-pulse{to{opacity:.45}}@media (width<=640px){.analysis-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.analysis-skeleton span{animation:none}}.score-row{align-items:center;column-gap:var(--space-6);row-gap:var(--space-2);padding-block:var(--space-4);grid-template-columns:minmax(180px,2fr) minmax(120px,3fr) 48px 64px;display:grid}.score-row+.score-row{border-top:var(--divider)}.score-name{align-items:center;gap:var(--space-3);font-weight:500;display:flex}.score-name:before{content:"";border:var(--border);background:var(--dimension-color);border-radius:999px;flex:none;width:14px;height:14px}.score-track{border:1.5px solid var(--ink);border-radius:var(--radius);background:var(--paper-2);height:10px;overflow:hidden}.score-track span{transform-origin:0;background:var(--dimension-color);width:100%;height:100%;display:block}.score-value,.score-band{font-variant-numeric:tabular-nums;text-align:right}.score-band,.score-note{color:var(--ink-soft);font-size:var(--step--1)}.score-insight{color:var(--ink);font-size:var(--step-0);grid-column:1/-1;margin:0;padding-left:26px;line-height:1.45}.score-note{margin-top:var(--space-4)}.story-description{max-width:65ch;margin-bottom:var(--space-12)}.trait-list{gap:var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.trait-list div{padding:var(--space-6);border:var(--border);border-radius:var(--radius);background:var(--dim-e-light);box-shadow:var(--shadow)}.trait-list div:nth-child(2){background:var(--dim-a-light)}.trait-list div:nth-child(3){background:var(--dim-o-light)}.trait-list h3{margin-bottom:var(--space-2);font-size:var(--step-1)}.trait-list p{margin-bottom:0}.story-section blockquote{max-width:65ch;margin:var(--space-16) 0 0;font-family:var(--font-display);font-size:var(--step-2);line-height:1.35}.disclaimer{max-width:70ch;margin:var(--space-16) 0 var(--space-6);color:var(--ink-soft);font-size:var(--step--1)}.profile-actions{justify-content:center;align-items:center;gap:var(--space-4);margin-block:var(--space-8);flex-wrap:wrap;display:flex}.modal-backdrop{z-index:40;padding:var(--space-4);background:var(--overlay);place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.share-dialog{width:min(100%,540px);max-height:calc(100dvh - var(--space-8));padding:var(--space-6);border:var(--border);border-radius:var(--radius);background:var(--paper);box-shadow:var(--shadow);overflow-y:auto}.share-dialog-body{min-width:0}.share-header{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.share-header h2{font-size:var(--step-2);margin:0}.share-notice{margin:0 0 var(--space-4);color:var(--ink-soft);font-size:var(--step--1)}.share-preview{align-items:center;gap:var(--space-4);min-height:540px;padding:var(--space-6);border:var(--border);border-radius:var(--radius);background:var(--profile-color);color:var(--profile-ink);text-align:center;flex-direction:column;display:flex}.share-brand{font-family:var(--font-display);align-self:flex-start;font-weight:800}.share-preview-art{aspect-ratio:1;width:min(80%,250px);position:relative}.share-preview-art img{object-fit:cover;border:var(--border);border-radius:var(--radius);width:100%;height:100%;box-shadow:var(--shadow)}.share-preview-art .vibe-signature{width:38%;padding:var(--space-1);border:var(--border);border-radius:var(--radius);background:var(--paper);position:absolute;bottom:-10%;right:-10%}.share-preview h3{max-width:16ch;font-family:var(--font-display);font-size:var(--step-2);text-wrap:balance;margin:0}.share-scores{justify-content:space-between;gap:var(--space-1);width:100%;padding-top:var(--space-4);font-size:var(--step--1);font-variant-numeric:tabular-nums;display:flex}.share-scores span{gap:var(--space-1);min-width:0;padding:var(--space-2);border:var(--border);border-radius:var(--radius);background:var(--dimension-color);color:var(--ink);display:grid}.share-scores span:nth-child(3){color:var(--paper)}.share-preview blockquote{font-size:var(--step-0);margin:auto 0 0;line-height:1.4}.share-preview small{font-size:var(--step--1);overflow-wrap:anywhere}.share-actions{gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.share-actions .button{flex:1}.share-actions .text-button{flex-basis:100%}.method-page{max-width:65ch}.method-page .section-lead{margin-bottom:var(--space-12)}.method-section{padding-block:var(--space-8);border-top:var(--divider)}.method-section h2{margin-bottom:var(--space-6);font-size:var(--step-2)}.method-links{gap:var(--space-6);flex-wrap:wrap;display:flex}.method-links a{min-height:44px}.method-back{margin-block:var(--space-8)}.header-link:disabled{cursor:default;opacity:.55}.method-formula{padding:var(--space-6);border:var(--border);border-radius:var(--radius);background:var(--paper-2);font-family:var(--font-body);font-size:var(--step-1);font-variant-numeric:tabular-nums}@keyframes signature-orbit{to{transform:rotate(360deg)}}@keyframes question-enter{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes bloom-petal{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes reveal-cover{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes reveal-axes{0%{opacity:0}to{opacity:1}}@keyframes reveal-title{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes portrait-appear{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes profile-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width>=768px){.share-dialog{width:min(100%,900px)}.share-dialog-body{align-items:center;gap:var(--space-8);grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);display:grid}.share-actions{flex-direction:column;min-width:0;margin-top:0}.share-actions .button,.share-actions .text-button{flex:none;width:100%}}@media (width<=760px){.page-content,.site-header,.site-footer{width:min(calc(100% - var(--space-8)), 620px)}.landing-top,.profile-hero{gap:var(--space-2);grid-template-columns:1fr}.landing-top{padding-top:var(--space-6)}.hero-copy h1{max-width:14ch}.hero-card-stack{height:260px;margin-top:var(--space-6)}.hero-character-card{width:45%;height:215px;padding:var(--space-2)}.hero-character-card:first-child{top:24px;left:4%}.hero-character-card:nth-child(2){top:4px;left:27%}.hero-character-card:nth-child(3){top:28px;left:50%}.hero-card-stamp{width:54px;height:54px;top:-12px;right:-10px}.landing-preview{gap:var(--space-6);grid-template-columns:1fr}.landing-preview-copy{grid-row:1}.landing-preview-copy ul{margin-top:var(--space-4)}.archetype-chip-list{scroll-snap-type:x mandatory;padding:var(--space-2) var(--space-2) var(--space-4);grid-template-columns:none;grid-auto-columns:78%;grid-auto-flow:column;overflow-x:auto}.archetype-chip{scroll-snap-align:start}.archetype-swipe-hint{margin:var(--space-2) 0 0;color:var(--ink-soft);font-size:var(--step--1);display:block}.question-space{height:650px;padding:var(--space-6) var(--space-4)}.question-space h1{max-width:24ch;min-height:4.52em;font-size:var(--step-2)}.option-scale{grid-template-columns:1fr}.option{height:60px;min-height:60px;padding:var(--space-2) var(--space-4);touch-action:manipulation;grid-template-rows:1fr;grid-template-columns:32px minmax(0,1fr);align-items:center}.option-number{min-width:32px;font-size:var(--step-1)}.review-item{grid-template-columns:38px minmax(0,1fr)}.review-question{-webkit-line-clamp:2;white-space:normal;-webkit-box-orient:vertical;line-height:1.35;display:-webkit-box}.review-answer{grid-column:2;justify-self:start;max-width:100%}.profile-hero{gap:var(--space-4);min-height:0;padding:var(--space-6) var(--space-4)}.profile-hero h1{max-width:16ch;margin-bottom:var(--space-4);font-size:1.9rem}.profile-english{margin-bottom:var(--space-2)}.profile-tagline{margin-bottom:0}.profile-share-row{margin-top:var(--space-4)}.hero-share-button{width:100%}.profile-neighbor{margin-top:var(--space-4)}.profile-portrait{order:-1;width:min(100%,280px)}.score-row{column-gap:var(--space-3);row-gap:var(--space-2);padding-block:var(--space-3);grid-template-columns:minmax(0,1fr) 48px 64px}.score-name{grid-column:1/-1}.trait-list{grid-template-columns:1fr}.site-footer{text-align:center;padding-block:var(--space-6);flex-direction:column;justify-content:center}}@media (width<=640px){.keyboard-hint,.reveal-action small{display:none}}@media (width<=520px){.standout-list{grid-template-columns:1fr}.standout-card,.standout-card:first-child{grid-column:auto}.quiz-actions{flex-wrap:wrap}.quiz-actions .button{width:100%}.review-summary{flex-wrap:wrap}.review-summary .submit-button{width:100%}.share-dialog{padding:var(--space-4)}.share-preview{min-height:0;padding:var(--space-4)}.share-preview-art{width:min(65%,200px)}.share-scores span{padding:var(--space-1)}.share-actions .button{flex-basis:100%}}@media (width<=420px){.hero-copy h1{font-size:clamp(2.4rem,10vw,3rem)}}@media (prefers-reduced-motion:reduce){.question-space,.vibe-signature.is-revealing .signature-petal,.reveal-screen:before,.reveal-center .signature-axis,.reveal-center h1,.reveal-tagline,.reveal-action,.reveal-portrait,.profile-page{animation:none}.button,.text-button,.icon-button,.option,.review-item{transition:none}}