:root { --ink:#151639; --ink-soft:#393b67; --paper:#f5f2ea; --cream:#fffdf8; --coral:#ff8b67; --yellow:#ffd464; --mint:#84e1cb; --line:rgba(21,22,57,.14); --muted:#6c6e88; --shadow:0 22px 55px rgba(24,25,67,.14); }
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,"Noto Sans SC",sans-serif;font-size:16px;overflow-x:hidden}.page-glow{position:fixed;border-radius:999px;filter:blur(70px);opacity:.38;z-index:-1}.glow-one{width:25rem;height:25rem;background:var(--yellow);top:-10rem;right:-9rem}.glow-two{width:20rem;height:20rem;background:var(--mint);bottom:-11rem;left:-9rem}.shell{width:min(1120px,calc(100% - 40px));margin:auto;min-height:100vh}.site-header{height:94px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:9px;color:var(--ink);font-weight:800;font-size:1.27rem;letter-spacing:-.05em;text-decoration:none}.brand i{font:500 .61rem/1 "DM Mono",monospace;letter-spacing:.05em;color:var(--coral);margin-left:1px}.brand-mark{width:27px;height:27px;border:2px solid var(--ink);display:grid;place-items:center;transform:rotate(45deg);border-radius:7px}.brand-mark span{width:9px;height:9px;border-radius:50%;background:var(--coral)}button{font:inherit;cursor:pointer}.text-button{color:var(--ink-soft);background:transparent;border:0;font-weight:700;font-size:.9rem;padding:10px 0}.text-button:hover{text-decoration:underline;text-underline-offset:5px}.view{display:none}.view.is-visible{display:block}.intro-view{min-height:calc(100vh - 94px);display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:30px;padding:35px 4.5vw 90px 3vw}.eyebrow{font:500 .72rem/1.4 "DM Mono",monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 18px}.eyebrow span{display:inline-block;width:8px;height:8px;background:var(--coral);border-radius:50%;margin-right:7px}.intro-copy h1,.result-title-block h1{font-size:clamp(3rem,6vw,5.7rem);line-height:1.04;letter-spacing:-.075em;margin:0 0 25px;max-width:700px}.intro-copy h1 em{font-style:normal;color:var(--coral)}.lede{font-size:1.13rem;line-height:1.8;max-width:485px;color:var(--ink-soft);margin:0}.intro-actions{margin-top:38px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.primary-button,.secondary-button{min-height:52px;padding:0 23px;border-radius:999px;font-weight:800;font-size:.95rem;border:1px solid var(--ink);transition:transform .2s,box-shadow .2s,background .2s}.primary-button{background:var(--ink);color:var(--cream);box-shadow:0 8px 0 rgba(21,22,57,.14)}.primary-button:hover{transform:translateY(-2px);box-shadow:0 11px 0 rgba(21,22,57,.14)}.primary-button span{margin-left:8px;font-size:1.15em}.secondary-button{background:transparent;color:var(--ink)}.secondary-button:hover{background:rgba(21,22,57,.06)}.time-note{font:500 .79rem/1.5 "DM Mono",monospace;color:var(--muted);margin:0}.trust-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:43px}.trust-row span{font-size:.77rem;font-weight:700;border:1px solid var(--line);border-radius:99px;padding:8px 12px;background:rgba(255,253,248,.55)}.intro-map{height:470px;position:relative;isolation:isolate}.orbit{position:absolute;border:1px solid rgba(21,22,57,.22);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-a{width:390px;height:390px}.orbit-b{width:285px;height:285px;border-style:dashed}.orbit-c{width:160px;height:160px;border-color:rgba(21,22,57,.34)}.map-core{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);width:118px;height:118px;border-radius:50%;background:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;box-shadow:0 0 0 12px rgba(255,139,103,.14)}.map-core b{font-size:1.8rem;letter-spacing:-.08em}.map-core small{color:var(--yellow);font:500 .6rem "DM Mono",monospace}.map-tag{position:absolute;font-size:.85rem;font-weight:800;padding:10px 14px;border-radius:12px;background:var(--cream);box-shadow:0 10px 20px rgba(21,22,57,.1)}.tag-emotion{top:13%;left:15%;background:var(--yellow)}.tag-social{top:24%;right:2%;background:var(--mint)}.tag-focus{bottom:16%;left:3%;background:var(--coral);color:var(--ink)}.tag-open{bottom:5%;right:22%;background:#d9d4ff}.map-dot{position:absolute;width:11px;height:11px;background:var(--coral);border-radius:50%;box-shadow:0 0 0 7px rgba(255,139,103,.15)}.dot-a{top:16%;right:26%}.dot-b{top:48%;right:9%;background:var(--yellow);box-shadow:0 0 0 7px rgba(255,212,100,.22)}.dot-c{bottom:19%;left:20%;background:var(--mint);box-shadow:0 0 0 7px rgba(132,225,203,.24)}.dot-d{left:31%;top:35%;width:7px;height:7px}.dot-e{right:35%;bottom:10%;width:7px;height:7px}.quiz-view{max-width:840px;margin:20px auto 70px}.quiz-topline{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.quiz-topline .eyebrow{margin-bottom:7px}.adaptation-note{font-size:.9rem;color:var(--muted);margin:0}.save-pill{border:0;background:rgba(255,253,248,.7);border-radius:99px;color:var(--muted);padding:9px 11px;white-space:nowrap;font-size:.73rem;font-weight:700}.save-pill span{display:inline-block;width:7px;height:7px;background:#48b991;border-radius:50%;margin-right:5px}.progress-area{margin:31px 0 28px}.progress-track{height:8px;background:rgba(21,22,57,.1);border-radius:99px;overflow:hidden}.progress-fill{height:100%;width:0;background:linear-gradient(90deg,var(--coral),#f3af71);border-radius:inherit;transition:width .5s cubic-bezier(.22,1,.36,1)}.progress-meta{display:flex;justify-content:space-between;font:500 .72rem "DM Mono",monospace;color:var(--muted);margin-top:9px}.question-card{background:var(--cream);padding:clamp(28px,5vw,56px);border-radius:28px;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.65);min-height:500px;display:flex;flex-direction:column}.question-meta{display:flex;gap:9px;align-items:center;font:500 .7rem "DM Mono",monospace;color:var(--muted)}.question-meta span:first-child{color:var(--coral);font-size:1rem;margin-right:auto}.question-meta span:not(:first-child){border:1px solid var(--line);border-radius:99px;padding:5px 8px}.question-card h2{font-size:clamp(1.6rem,3.8vw,2.9rem);letter-spacing:-.055em;line-height:1.28;max-width:680px;margin:42px 0 12px}.question-context{margin:0;color:var(--muted);line-height:1.65;min-height:27px}.answers{display:grid;gap:10px;margin-top:auto;padding-top:35px}.scale-answers{grid-template-columns:repeat(5,1fr);gap:13px}.answer-option{min-height:62px;border:1.5px solid var(--line);border-radius:16px;background:transparent;color:var(--ink);padding:12px 14px;text-align:left;font-weight:700;transition:transform .15s,border-color .15s,background .15s}.answer-option:hover{border-color:var(--ink);transform:translateY(-2px)}.answer-option.is-selected{background:var(--ink);border-color:var(--ink);color:var(--cream)}.scale-option{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.scale-option b{font:500 1.1rem "DM Mono",monospace}.scale-option small{font-size:.68rem;font-weight:700;line-height:1.1}.card-answers{grid-template-columns:repeat(2,1fr)}.card-option{min-height:95px}.card-option b{display:block;font-size:1rem}.card-option small{display:block;font-weight:500;color:inherit;opacity:.72;margin-top:5px;line-height:1.4}.question-footer{display:flex;justify-content:space-between;margin-top:25px;color:var(--muted);font:500 .72rem "DM Mono",monospace}.quiz-navigation{margin-top:19px;display:flex;justify-content:space-between;align-items:center}.is-hidden{visibility:hidden;pointer-events:none}.transition-view{min-height:calc(100vh - 94px);align-content:center}.transition-card{max-width:670px;margin:0 auto;background:var(--ink);color:var(--cream);padding:clamp(35px,7vw,67px);border-radius:30px;box-shadow:var(--shadow);text-align:center}.transition-card .eyebrow{color:#d6d6e6}.scan-orb{width:80px;height:80px;margin:0 auto 30px;border-radius:50%;border:1px solid rgba(255,255,255,.25);display:grid;place-items:center}.scan-orb span{width:46px;height:46px;border-radius:50%;background:var(--coral);animation:pulse 1.7s infinite}.transition-card h2{font-size:clamp(1.7rem,4vw,2.75rem);letter-spacing:-.06em;line-height:1.2;margin:0 auto 16px;max-width:490px}.transition-card>p:not(.eyebrow){color:#d6d6e6;line-height:1.7;margin:0}.confidence-list{display:grid;gap:8px;text-align:left;margin:31px 0}.confidence-row{display:grid;grid-template-columns:100px 1fr 38px;gap:10px;align-items:center;font-size:.78rem}.confidence-row span:last-child{text-align:right;font:500 .68rem "DM Mono",monospace;color:var(--yellow)}.confidence-bar{height:6px;background:rgba(255,255,255,.18);border-radius:99px;overflow:hidden}.confidence-bar i{display:block;height:100%;background:var(--mint);border-radius:inherit;transition:width .4s}.transition-card .primary-button{background:var(--cream);color:var(--ink);border-color:var(--cream)}.result-view{padding:34px 0 70px}.result-hero{display:grid;grid-template-columns:1fr 460px;gap:20px;align-items:center;padding:35px 2vw 25px}.completed-date{font:500 .72rem "DM Mono",monospace;color:var(--muted);margin:-10px 0 17px}.result-title-block h1{font-size:clamp(3.3rem,6.5vw,5.9rem);margin-bottom:17px}.result-summary{font-size:1.07rem;line-height:1.8;color:var(--ink-soft);max-width:500px}.radar-wrap{position:relative;width:min(100%,440px);margin:auto}.radar-wrap canvas{width:100%;height:auto}.radar-center{position:absolute;inset:0;display:grid;place-content:center;text-align:center;font:500 .62rem/1.45 "DM Mono",monospace;color:var(--muted);pointer-events:none}.radar-center strong{font-size:.9rem;color:var(--ink)}.dimension-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:11px;margin:35px 0 83px}.dimension-card{padding:17px 16px 15px;border-top:3px solid var(--card-color);background:rgba(255,253,248,.58);min-height:135px}.dimension-card b{display:block;font-size:1.65rem;letter-spacing:-.07em;margin:12px 0 4px}.dimension-card span{display:block;font-weight:800;font-size:.85rem}.dimension-card small{font-size:.71rem;line-height:1.4;color:var(--muted)}.report-section{border-top:1px solid var(--line);padding-top:72px}.section-heading h2,.future-section h2{font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.065em;line-height:1.15;margin:0}.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:38px}.insight-card{padding:25px;background:var(--cream);border-radius:18px;min-height:185px}.insight-card:nth-child(1){background:var(--yellow)}.insight-card:nth-child(4){background:var(--mint)}.insight-card:nth-child(6){background:#ddd9ff}.insight-card .insight-icon{font-size:1.25rem}.insight-card h3{font-size:1.1rem;margin:21px 0 9px;letter-spacing:-.04em}.insight-card p{font-size:.86rem;color:var(--ink-soft);line-height:1.7;margin:0}.signal-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;background:var(--ink);color:var(--cream);padding:56px 5vw;margin:80px calc(50% - 50vw);align-items:center}.signal-section .eyebrow{color:#d6d6e6}.signal-section h2{font-size:clamp(1.7rem,3.7vw,2.8rem);line-height:1.25;letter-spacing:-.06em;margin:0}.signal-section>p{color:#dedfed;line-height:1.85;margin:0}.future-section{display:grid;grid-template-columns:1.1fr .9fr;gap:45px;padding:75px 0 37px}.future-list{border-top:1px solid var(--line)}.future-list span{display:flex;justify-content:space-between;align-items:center;padding:17px 0;border-bottom:1px solid var(--line);font-weight:800}.future-list i{font-style:normal;font:500 .65rem "DM Mono",monospace;color:var(--coral);white-space:nowrap}.result-actions{display:flex;gap:12px;justify-content:flex-end;border-top:1px solid var(--line);padding-top:27px}.disclaimer{text-align:center;color:var(--muted);font-size:.74rem;margin-top:32px}dialog{width:min(650px,calc(100% - 30px));border:0;border-radius:22px;padding:0;background:var(--cream);color:var(--ink);box-shadow:var(--shadow)}dialog::backdrop{background:rgba(21,22,57,.56);backdrop-filter:blur(4px)}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;padding:31px 32px 16px;border-bottom:1px solid var(--line)}.dialog-head .eyebrow{margin:0 0 8px}.dialog-head h2{margin:0;font-size:1.8rem;letter-spacing:-.06em}.icon-button{background:transparent;border:0;font-size:2rem;line-height:1;color:var(--ink)}.dialog-copy{padding:22px 32px 33px;color:var(--ink-soft);line-height:1.8;font-size:.91rem}.dialog-copy p{margin:0 0 16px}.dialog-copy a{color:var(--ink);font-weight:800}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:white;border-radius:99px;padding:12px 17px;font-size:.8rem;font-weight:700;opacity:0;pointer-events:none;transition:.25s;z-index:5}.toast.is-visible{opacity:1;transform:translate(-50%,0)}@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(255,139,103,.45)}50%{box-shadow:0 0 0 14px rgba(255,139,103,0)}}
@media (max-width:800px){.intro-view{grid-template-columns:1fr;padding:25px 0 65px}.intro-map{height:310px;order:-1;transform:scale(.75);margin:-40px -10% -25px}.quiz-view{margin-top:12px}.result-hero{grid-template-columns:1fr;padding-left:0;padding-right:0}.result-title-block{order:2}.radar-wrap{max-width:335px}.dimension-grid{grid-template-columns:repeat(2,1fr);margin-bottom:60px}.dimension-card:last-child{grid-column:span 2}.insight-grid{grid-template-columns:repeat(2,1fr)}.signal-section{grid-template-columns:1fr;gap:25px;padding:45px 7vw}.future-section{grid-template-columns:1fr;gap:30px}.site-header{height:80px}.transition-view{min-height:calc(100vh - 80px)}}
@media (max-width:520px){.shell{width:min(100% - 28px,1120px)}.site-header{height:72px}.brand i{display:none}.intro-copy h1{font-size:3.35rem}.intro-map{display:none}.intro-view{min-height:calc(100vh - 72px);padding:30px 0 60px}.lede{font-size:1rem}.trust-row{margin-top:30px}.quiz-topline{display:block}.save-pill{margin-top:15px}.question-card{border-radius:22px;min-height:490px;padding:26px 20px}.question-card h2{margin-top:32px;font-size:1.78rem}.question-meta span:not(:first-child){font-size:.62rem}.question-meta span:last-child{display:none}.scale-answers{gap:6px}.answer-option{border-radius:12px;padding:8px 4px}.scale-option{min-height:65px}.scale-option small{font-size:.56rem}.card-answers{grid-template-columns:1fr}.card-option{min-height:69px}.keyboard-note{display:none}.transition-card{border-radius:23px;padding:40px 24px}.confidence-row{grid-template-columns:83px 1fr 35px}.result-view{padding-top:20px}.result-hero{padding-top:14px}.result-title-block h1{font-size:3.5rem}.dimension-grid{gap:8px}.dimension-card{padding:14px 12px;min-height:118px}.insight-grid{grid-template-columns:1fr}.insight-card{min-height:0;padding:23px}.result-actions{justify-content:stretch;flex-direction:column}.result-actions button{width:100%}.dialog-head,.dialog-copy{padding-left:21px;padding-right:21px}.future-section{padding-top:60px}.signal-section{margin-top:58px}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
.intro-view:not(.is-visible){display:none}
.intro-view.is-visible{display:grid}
.result-hero{grid-template-columns:minmax(0,1.08fr) minmax(220px,.66fr) minmax(250px,.86fr);gap:18px}.type-code{display:flex;align-items:baseline;gap:10px;margin:0 0 7px;color:var(--coral);font:800 clamp(2.25rem,4.2vw,3.65rem)/1 "DM Mono",monospace;letter-spacing:-.12em}.type-code small{font:700 .68rem "DM Mono",monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.result-title-block h1{font-size:clamp(2.55rem,4.5vw,4.55rem)}.result-character{position:relative;isolation:isolate;width:min(100%,310px);margin:auto;aspect-ratio:1/1.05;display:grid;place-items:center;animation:float-character 5s ease-in-out infinite}.result-character:after{content:"";position:absolute;z-index:-1;width:78%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 36% 30%,var(--yellow),rgba(255,212,100,.2) 56%,transparent 70%);filter:blur(4px)}.result-character[data-type^="E"]:after{background:radial-gradient(circle at 40% 28%,var(--coral),rgba(255,139,103,.22) 56%,transparent 70%)}.result-character[data-type$="P"]:after{background:radial-gradient(circle at 40% 28%,var(--mint),rgba(132,225,203,.2) 56%,transparent 70%)}.character-halo{position:absolute;inset:13% 8%;z-index:-1;border:1px dashed rgba(21,22,57,.22);border-radius:50%;transform:rotate(-14deg)}.result-character img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 20px 20px rgba(21,22,57,.16));transform:translateY(2%)}.radar-wrap{width:min(100%,355px)}@keyframes float-character{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1deg)}}
@media (max-width:980px){.result-hero{grid-template-columns:minmax(0,1fr) minmax(230px,.72fr)}.radar-wrap{grid-column:span 2;max-width:335px}.result-character{width:min(100%,285px)}}
@media (max-width:800px){.result-hero{grid-template-columns:1fr}.result-title-block{order:2}.result-character{order:1;width:min(100%,265px);margin-top:-12px}.radar-wrap{order:3;grid-column:auto;max-width:335px}}