:root{--bg:#f7f6ef;--ink:#193e36;--muted:#747c70;--line:#dce0d4;--pink:#edb0a4;--lime:#dce9ad;--cream:#eeedde;--serif:Georgia,'Songti SC','STSong','SimSun',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,'PingFang SC','Microsoft YaHei',sans-serif;font-size:15px;line-height:1.75}button,a,input{ -webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}button{border:0}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #c37460;outline-offset:5px}::selection{background:var(--pink);color:var(--ink)}.header{height:96px;padding:0 max(5vw,24px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:5;background:var(--bg)}.brand{display:flex;gap:12px;align-items:center;font-size:20px;font-weight:700;line-height:1.3;letter-spacing:2px}.brand small{display:block;font-size:9px;letter-spacing:3.3px;margin-top:5px}.brand-symbol{font-size:45px;font-weight:400;line-height:1}.header nav{display:flex;align-items:center;gap:34px;font-size:13px}.header nav a:hover{opacity:.6}.nav-cta{border:1px solid var(--ink);background:transparent;border-radius:30px;padding:11px 22px}.nav-cta span{margin-left:18px}.wrap{max-width:1250px;padding:0 48px;margin:auto}.eyebrow{font-size:11px;letter-spacing:2.5px;display:flex;gap:12px;align-items:center;font-weight:600}.eyebrow:before{content:'';width:7px;height:7px;border-radius:100%;background:currentColor}.hero{min-height:660px;display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:35px;padding-top:65px;padding-bottom:78px}.hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(48px,5vw,76px);line-height:1.26;letter-spacing:-2px;margin:26px 0}.hero h1 em{font-style:normal;position:relative;white-space:nowrap}.hero h1 em:after{content:'';height:12px;background:var(--pink);position:absolute;bottom:7px;left:0;right:0;z-index:-1;transform:rotate(-2deg)}.hero .lead{max-width:385px;font-size:15px;color:var(--muted);margin:0 0 29px;line-height:2}.primary{background:var(--ink);color:#fff;border-radius:40px;padding:16px 30px;display:inline-flex;align-items:center;justify-content:center;gap:36px;font-size:14px;transition:transform .25s,box-shadow .25s}.primary:hover{transform:translateY(-3px);box-shadow:0 9px 20px #193e3620}.primary .arrow{font-size:21px;line-height:1}.secondary{border:1px solid var(--line);background:transparent;border-radius:40px;padding:14px 24px;transition:background .2s}.secondary:hover{background:var(--cream)}.hero-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.continue{font-size:12px;text-decoration:underline;background:transparent}.micro{font-size:11px;color:var(--muted);letter-spacing:.5px;margin-top:17px}.art{height:450px;position:relative;display:grid;place-items:center;isolation:isolate}.art-grid{position:absolute;width:390px;height:390px;max-width:100%;border-radius:50%;background-image:linear-gradient(#193e3607 1px,transparent 1px),linear-gradient(90deg,#193e3607 1px,transparent 1px);background-size:27px 27px;border:1px solid #193e3610}.orbit{width:395px;height:395px;max-width:100%;border:1px dashed #bfc9b5;border-radius:50%;position:absolute;animation:orbit 65s linear infinite}.orbit:after{content:'';width:10px;height:10px;background:var(--pink);position:absolute;top:52px;left:52px;border-radius:50%}.blob{position:absolute;width:205px;height:265px;border-radius:46% 46% 42% 42%;display:flex;align-items:center;justify-content:center;box-shadow:inset -12px -15px 30px #193e3607;animation:float 7s ease-in-out infinite;transform-origin:center bottom}.blob.green{background:#b9ca96;left:calc(50% - 158px);top:103px;rotate:-13deg}.blob.pink{background:var(--pink);left:calc(50% - 13px);top:72px;rotate:14deg;animation-delay:-3s}.face{position:relative;width:70px;height:40px;margin-top:15px}.face:before,.face:after{content:'';position:absolute;top:6px;height:9px;width:5px;border-radius:50%;background:var(--ink)}.face:before{left:15px}.face:after{right:15px}.smile{position:absolute;width:17px;height:9px;border-bottom:2px solid var(--ink);border-radius:0 0 100% 100%;top:23px;left:27px}.blush{position:absolute;top:18px;width:11px;height:5px;border-radius:50%;background:#f3c9ba;left:4px}.art-heart{font-family:var(--serif);position:absolute;font-size:35px;top:94px;left:calc(50% - 33px);rotate:15deg;animation:heartbeat 3s infinite}.art-note{position:absolute;background:#fffdf7;border:1px solid var(--line);padding:11px 17px;border-radius:10px;box-shadow:0 10px 20px #193e3606;font-size:12px;z-index:3}.note-a{left:0;top:73px;rotate:-7deg;animation:float 8s ease-in-out infinite}.note-b{bottom:20px;right:0;rotate:5deg;animation:float 8s -4s ease-in-out infinite}.art-caption{position:absolute;bottom:-5px;font-family:var(--serif);font-size:14px;font-style:italic;color:#8a9581}.star{position:absolute;font-size:30px;right:13px;top:75px;animation:twinkle 5s infinite}.hero-index{position:absolute;right:0;bottom:84px;font-size:10px;writing-mode:vertical-rl;letter-spacing:2px;color:var(--muted)}.ribbon{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;padding:17px 0;white-space:nowrap;font-size:11px;letter-spacing:2px}.ribbon-track{display:flex;width:max-content;animation:marquee 42s linear infinite;gap:40px}.ribbon span{padding:0 10px}.ribbon b{font-size:17px;font-weight:400;color:#9ca98d}.section{padding:92px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:36px}.section h2{font-family:var(--serif);font-size:clamp(30px,3.2vw,44px);font-weight:400;margin:12px 0 0;line-height:1.4}.section-head p{color:var(--muted);font-size:13px;max-width:320px}.type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.type-card{border:1px solid var(--line);padding:26px 22px 22px;border-radius:7px;position:relative;overflow:hidden;transition:transform .4s,box-shadow .4s;min-height:330px;background:#f1f2e7}.type-card:nth-child(2){background:#f6e9df}.type-card:nth-child(3){background:#e7eceb}.type-card:nth-child(4){background:#eae7f0}.type-card:hover{transform:translateY(-8px);box-shadow:0 14px 25px #193e3608}.type-code{font-size:10px;letter-spacing:2px;color:#657367;display:flex;justify-content:space-between}.mini-art{height:120px;display:grid;place-items:center}.mini-art .shape{width:76px;height:84px;background:#c1d39e;border-radius:42px 42px 30px 30px;position:relative;display:grid;place-items:center;animation:breathe 6s infinite}.type-card:nth-child(2) .shape{background:#edb0a4;border-radius:50% 50% 15% 50%;rotate:-12deg}.type-card:nth-child(3) .shape{background:#a9bfc2;border-radius:25px}.type-card:nth-child(4) .shape{background:#c6bbd6;border-radius:50% 25% 50% 25%;rotate:10deg}.shape .face{scale:.7;margin:0}.type-card h3{font-family:var(--serif);font-size:24px;font-weight:400;margin:4px 0}.type-card p{font-size:12px;color:#687569;margin:9px 0 22px;line-height:1.9}.card-link{border-top:1px solid #193e3614;display:flex;justify-content:space-between;padding-top:12px;font-size:11px}.quote-block{display:grid;grid-template-columns:.7fr 1fr;gap:80px;border-top:1px solid var(--line);padding-top:65px}.quote-block blockquote{font-family:var(--serif);font-size:30px;line-height:1.8;margin:0}.quote-block p{color:var(--muted);font-size:14px;line-height:2}.dark-section{background:var(--ink);color:var(--bg);padding:70px 0}.dark-section .wrap{display:flex;justify-content:space-between;align-items:center;gap:40px}.dark-section h2{font-family:var(--serif);font-size:35px;font-weight:400;margin:0 0 12px}.dark-section p{font-size:13px;color:#c0cbb8}.dark-section .primary{background:var(--lime);color:var(--ink);white-space:nowrap}footer{max-width:1250px;margin:auto;padding:45px 48px 30px;color:var(--muted);font-size:11px}.footer-brand{font-size:15px;font-weight:700;color:var(--ink);letter-spacing:2px}.footer-brand span{font-size:11px;margin-left:12px;letter-spacing:1px}footer>div{display:flex;gap:25px;border-top:1px solid var(--line);padding-top:20px;margin-top:30px;flex-wrap:wrap}footer>div>span{margin-left:auto}.text-button{border:0;background:transparent;padding:0;font-size:inherit;color:inherit;text-decoration:underline}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}.page-enter{animation:pageIn .65s ease both}.reading-progress{position:fixed;top:0;height:3px;background:var(--pink);width:0;z-index:20}#toast{position:fixed;bottom:28px;left:50%;translate:-50% 0;background:var(--ink);color:white;padding:13px 24px;border-radius:30px;z-index:30;opacity:0;pointer-events:none;transition:opacity .25s;max-width:90vw;white-space:nowrap;font-size:12px}#toast.show{opacity:1}.quiz-shell{max-width:800px;min-height:75vh;margin:0 auto;padding:52px 30px 80px}.quiz-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:2px}.quiz-top button{background:none;text-decoration:underline;font-size:12px;letter-spacing:0}.progress-track{height:4px;background:#e4e6da;margin:20px 0 44px;border-radius:10px;overflow:hidden}.progress-fill{height:100%;background:var(--ink);transition:width .55s ease;border-radius:10px}.question-meta{font-size:11px;letter-spacing:2px;color:var(--muted);display:flex;align-items:center;gap:15px}.question-meta .num{font-family:var(--serif);font-size:43px;color:#a8b495;letter-spacing:-2px}.question-card h1{font-family:var(--serif);font-weight:400;font-size:clamp(25px,3.2vw,35px);line-height:1.7;margin:18px 0 10px;min-height:110px}.question-hint{color:var(--muted);font-size:12px;margin:0 0 28px}.options{display:grid;gap:10px}.option{display:flex;align-items:center;gap:17px;text-align:left;border:1px solid var(--line);background:#fbfaf5;padding:15px 20px;border-radius:9px;transition:background .2s,border-color .2s,transform .2s;font-size:14px}.option:hover{transform:translateX(4px);border-color:#a7b69d}.option .radio{width:22px;height:22px;border:1px solid #bec7b7;border-radius:50%;display:grid;place-items:center;font-size:11px;flex-shrink:0}.option.selected{background:var(--ink);color:white;border-color:var(--ink)}.option.selected .radio{background:var(--lime);border-color:var(--lime);color:var(--ink)}.option small{margin-left:auto;opacity:.5;font-size:10px}.quiz-controls{margin-top:28px;display:flex;justify-content:space-between;align-items:center}.quiz-foot{color:var(--muted);font-size:11px;text-align:center;margin-top:35px}.question-anim{animation:questionIn .35s ease both}.finish-screen{text-align:center;padding:90px 0}.spinner-art{width:120px;height:120px;border:1px solid #aebd9d;border-radius:50%;margin:0 auto 30px;position:relative;animation:orbit 3s linear infinite}.spinner-art:before,.spinner-art:after{content:'';position:absolute;width:60px;height:80px;border-radius:50%;background:var(--pink);top:20px;left:13px}.spinner-art:after{background:#bdcf9e;left:48px;mix-blend-mode:multiply}.finish-screen h1{font-family:var(--serif);font-weight:400;font-size:31px}.finish-screen p{color:var(--muted);font-size:13px}.results{padding:55px 0 80px}.result-kicker{text-align:center;font-size:11px;letter-spacing:3px;color:var(--muted)}.result-hero{text-align:center;padding:25px 0 45px}.result-hero h1{font-family:var(--serif);font-size:clamp(40px,6vw,64px);font-weight:400;margin:10px 0}.result-hero .result-en{font-size:10px;letter-spacing:4px;color:var(--muted)}.result-hero .result-quote{font-family:var(--serif);font-size:20px;margin:20px 0;color:#698064}.tag-row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.tag{padding:5px 12px;border:1px solid var(--line);font-size:11px;border-radius:20px}.result-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:22px}.panel{border:1px solid var(--line);border-radius:10px;padding:30px;background:#fbfaf5}.panel h2{font-size:19px;font-family:var(--serif);font-weight:400;margin:0 0 8px}.panel .caption{font-size:11px;color:var(--muted);margin:0 0 22px}.map-shell{position:relative;padding:20px 0 25px 30px;margin:0 auto;max-width:420px}.map{position:relative;aspect-ratio:1.2;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;border:1px solid #d4dacd;border-radius:10px;overflow:hidden}.quadrant{padding:20px;font-size:12px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#e5ebdf;color:#657c5e}.quadrant small{font-size:9px;opacity:.7}.quadrant:nth-child(2){background:#ece4ef;color:#8c789b}.quadrant:nth-child(3){background:#edf1da;color:#7c8d55}.quadrant:nth-child(4){background:#f4e2d9;color:#b27b6a}.map:before{content:'';height:100%;width:1px;background:#ffffffd0;left:50%;position:absolute}.map:after{content:'';height:1px;width:100%;background:#ffffffd0;top:50%;position:absolute}.point{width:17px;height:17px;border:4px solid #fff;background:var(--ink);border-radius:50%;position:absolute;translate:-50% -50%;z-index:2;box-shadow:0 0 0 6px #193e3619;animation:pointIn 1s ease both,pulse 3s 1s infinite}.axis-x{text-align:center;font-size:10px;color:var(--muted);margin-top:10px}.axis-y{position:absolute;left:-9px;top:45%;writing-mode:vertical-rl;font-size:10px;color:var(--muted);transform:rotate(180deg)}.chart-note{font-size:11px;color:var(--muted);line-height:1.8;margin-top:15px}.score-block{padding:22px 0;border-bottom:1px solid var(--line)}.score-block:first-of-type{padding-top:8px}.score-label{display:flex;align-items:center;justify-content:space-between;font-size:13px}.score-label strong{font-family:var(--serif);font-size:34px;font-weight:400}.score-label strong small{font-family:Arial;font-size:12px;color:var(--muted)}.score-bar{height:8px;border-radius:10px;background:#e6e8dc;margin:10px 0 12px;overflow:hidden}.score-bar span{display:block;height:100%;width:var(--score);border-radius:10px;background:#b0c88c;animation:barIn 1.3s ease both}.score-block:nth-of-type(2) .score-bar span{background:var(--pink)}.score-block p{font-size:12px;color:var(--muted);line-height:1.9;margin:0}.border-note{background:#efefdf;border-radius:8px;padding:16px 20px;font-size:12px;margin-top:22px;color:#68745a}.analysis-section{padding-top:55px}.analysis-section h2{font-family:var(--serif);font-size:30px;font-weight:400;margin-bottom:24px}.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.insight{padding:28px;border:1px solid var(--line);border-radius:10px}.insight .insight-num{font-family:var(--serif);font-size:29px;color:#a2b18d}.insight h3{font-size:16px;font-weight:500;margin:12px 0}.insight p{font-size:13px;color:var(--muted);line-height:2}.script-card{background:var(--ink);color:#f5f4ed;padding:32px;border-radius:10px;margin-top:25px;display:grid;grid-template-columns:.45fr 1fr;gap:30px;align-items:center}.script-card small{font-size:10px;letter-spacing:2px;color:#c2cdb7}.script-card h3{font-family:var(--serif);font-weight:400;font-size:22px;margin:10px 0}.script-card blockquote{font-family:var(--serif);font-size:20px;line-height:1.9;margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.step{border-top:1px solid var(--line);padding:20px 10px 0 0}.step small{font-size:10px;letter-spacing:2px;color:var(--muted)}.step h3{font-size:15px;font-weight:500}.step p{font-size:12px;color:var(--muted);line-height:1.9}.pair-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.pair-item{background:#eeeee3;padding:22px;border-radius:8px}.pair-item h3{font-size:14px;margin:0 0 8px}.pair-item p{font-size:12px;line-height:1.9;color:var(--muted);margin:0}.result-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin:44px 0 15px}.fine-print{color:var(--muted);font-size:11px;line-height:1.9;text-align:center;max-width:730px;margin:20px auto}.detail-wrap{max-width:900px;margin:auto;padding:60px 30px 80px}.detail-wrap>h1{font-family:var(--serif);font-size:43px;font-weight:400;margin:18px 0}.detail-wrap .intro{font-size:15px;color:var(--muted);line-height:2}.type-detail{padding:35px;border:1px solid var(--line);border-radius:10px;margin:25px 0;background:#faf9f3;scroll-margin-top:30px}.type-detail h2{font-family:var(--serif);font-size:28px;font-weight:400;margin:10px 0}.type-detail h3{font-size:14px;font-weight:600;margin-top:24px}.type-detail p{font-size:13px;color:var(--muted);line-height:2}.type-detail .detail-quote{font-family:var(--serif);color:var(--ink);font-size:19px}.guide details{border-bottom:1px solid var(--line);padding:22px 0}.guide summary{cursor:pointer;font-size:16px}.guide details p,.guide li{color:var(--muted);font-size:13px;line-height:2}.guide a{text-decoration:underline}.guide table{width:100%;border-collapse:collapse;margin:20px 0;font-size:12px}.guide td,.guide th{padding:12px;border-bottom:1px solid var(--line);text-align:left}.empty{text-align:center;padding:100px 20px}.empty h1{font-family:var(--serif);font-weight:400}.loading-mask{position:fixed;inset:0;background:var(--bg);z-index:15;display:grid;place-items:center}.loading-mask[hidden]{display:none}@keyframes float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-15px) rotate(2deg)}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes heartbeat{0%,65%,100%{scale:1}75%{scale:1.12}85%{scale:1}}@keyframes breathe{50%{transform:translateY(-5px) rotate(3deg)}}@keyframes twinkle{50%{opacity:.4;rotate:40deg}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes pageIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes questionIn{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}@keyframes pointIn{from{opacity:0;scale:0}to{opacity:1;scale:1}}@keyframes pulse{50%{box-shadow:0 0 0 12px #193e3606}}@keyframes barIn{from{width:0}to{width:var(--score)}}@media(min-width:1500px){.hero{min-height:730px}}@media(max-width:900px){.wrap{padding:0 28px}.hero{gap:0;grid-template-columns:1fr 1fr;min-height:610px}.hero h1{font-size:49px}.blob{width:160px;height:220px}.blob.green{left:calc(50% - 130px);top:128px}.blob.pink{left:calc(50% - 10px);top:101px}.art-grid,.orbit{width:300px;height:300px}.note-a{left:0;top:88px;font-size:10px}.note-b{bottom:50px;font-size:10px}.art-heart{top:120px}.type-grid{grid-template-columns:repeat(2,1fr)}.type-card{min-height:300px}.quote-block{gap:35px}.result-grid{grid-template-columns:1fr 1fr}.panel{padding:22px}.quadrant{padding:12px}.insight-grid{gap:12px}.insight{padding:20px}}@media(max-width:650px){body{font-size:14px}.header{height:79px;padding:0 22px}.brand{font-size:16px;gap:8px;letter-spacing:1px}.brand-symbol{font-size:34px}.brand small{font-size:8px;letter-spacing:2px}.header nav{gap:12px}.header nav>a{display:none}.nav-cta{font-size:11px;padding:9px 13px}.nav-cta span{margin-left:8px}.wrap{padding:0 22px}.hero{padding-top:40px;padding-bottom:25px;grid-template-columns:1fr;gap:0;min-height:auto}.hero h1{font-size:48px;margin:22px 0;line-height:1.25}.hero .lead{font-size:13px;max-width:320px;margin-bottom:24px}.eyebrow{font-size:9px;letter-spacing:2px}.primary{padding:15px 25px;font-size:13px}.hero .micro{font-size:10px}.art{height:355px;margin-top:14px}.art-grid,.orbit{width:290px;height:290px}.blob{width:155px;height:205px}.blob.green{top:94px;left:calc(50% - 125px)}.blob.pink{top:66px}.art-heart{top:72px;left:calc(50% - 25px)}.note-a{top:38px;left:6px}.note-b{bottom:18px;right:0}.art-caption{bottom:3px;font-size:12px}.hero-index{bottom:58px;font-size:8px}.ribbon{padding:12px 0;font-size:9px}.section{padding:56px 0}.section-head{display:block;margin-bottom:25px}.section h2{font-size:30px}.section-head p{font-size:12px;margin-top:14px}.type-grid{gap:10px}.type-card{padding:17px 14px;min-height:280px}.type-card h3{font-size:21px}.type-card p{font-size:11px;margin-bottom:16px}.type-code{font-size:8px;letter-spacing:1px}.mini-art{height:105px}.mini-art .shape{scale:.87}.card-link{font-size:10px}.quote-block{grid-template-columns:1fr;gap:15px;padding-top:35px}.quote-block blockquote{font-size:27px}.quote-block p{font-size:12px}.dark-section{padding:45px 0}.dark-section .wrap{display:block}.dark-section h2{font-size:27px}.dark-section .primary{margin-top:15px}footer{padding:35px 22px 25px}footer>div{gap:16px}footer>div>span{margin-left:0;width:100%;font-size:10px}.quiz-shell{padding:32px 22px 45px}.progress-track{margin:18px 0 25px}.question-card h1{font-size:25px;min-height:126px;margin-top:12px}.question-hint{font-size:11px}.option{padding:14px 16px;font-size:13px}.option small{display:none}.quiz-controls{margin-top:24px}.quiz-foot{font-size:10px}.results{padding:35px 0 55px}.result-hero{padding:18px 0 30px}.result-hero .result-quote{font-size:17px}.result-grid,.insight-grid,.steps,.pair-grid{grid-template-columns:1fr}.panel{padding:23px 20px}.map-shell{max-width:360px}.insight{padding:23px}.insight h3{margin:6px 0}.insight-num{float:right}.insight p{margin-bottom:0}.script-card{grid-template-columns:1fr;gap:8px;padding:25px}.script-card blockquote{font-size:17px}.script-card h3{margin:7px 0}.analysis-section{padding-top:35px}.analysis-section h2{font-size:26px}.detail-wrap{padding:38px 22px 55px}.detail-wrap>h1{font-size:34px}.type-detail{padding:24px}.result-actions .primary,.result-actions .secondary{font-size:12px}.result-actions{gap:10px}.finish-screen{padding:65px 0}.guide table{font-size:11px}.guide td,.guide th{padding:9px 6px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}
/* Readability and interaction refinement */
:root{--sans:'HONOR Sans','HarmonyOS Sans SC','Noto Sans CJK SC','PingFang SC','Microsoft YaHei',system-ui,sans-serif;--serif:var(--sans);--surface:#fffef8;--muted:#596953}body{font-family:var(--sans);font-weight:500;font-size:16px}button,input{font-family:var(--sans)}.hero h1{font-size:clamp(42px,4.8vw,68px);font-weight:750;letter-spacing:-1.7px;line-height:1.35}.hero h1 em:after{bottom:2px;height:10px}.hero .lead{font-size:16px;color:var(--muted)}.section h2,.dark-section h2,.result-hero h1,.detail-wrap>h1,.analysis-section h2{font-weight:750;letter-spacing:-.7px}.type-card h3,.type-detail h2,.panel h2,.script-card h3,.question-card h1{font-weight:700}.type-card p,.insight p,.pair-item p,.step p,.type-detail p,.guide details p,.guide li{font-size:14px}.caption,.chart-note,.fine-print,.micro{font-size:12px!important}.header{gap:15px}.header nav{gap:23px}.theme-toggle{background:var(--cream);border:1px solid var(--line);border-radius:50px;padding:9px 15px;white-space:nowrap;min-height:42px;font-size:13px;font-weight:650;transition:transform .2s}.theme-toggle:hover{transform:rotate(-4deg)}.hero-chips{display:flex;gap:15px;flex-wrap:wrap;font-size:12px;margin-top:23px;color:var(--muted)}.hero-chips span{background:var(--cream);border-radius:30px;padding:6px 11px}.art-caption{font-family:var(--sans);font-size:12px;font-style:normal}.eyebrow{font-weight:700}.type-card{border-radius:20px;box-shadow:0 3px 0 #193e3605;min-height:350px}.type-card:hover .shape{scale:1.12}.shape{transition:scale .3s}.type-card .card-link{font-weight:650}.primary{font-weight:700;min-height:52px}.primary:active,.secondary:active{transform:scale(.97)}.primary:focus-visible{outline-offset:6px}.question-card h1{font-size:30px;line-height:1.6;min-height:98px}.question-hint{font-size:13px}.option{font-size:16px;font-weight:600;padding:16px 22px;min-height:60px;box-shadow:0 2px 0 #193e3604}.option.selected{box-shadow:0 4px 15px #193e3620}.question-meta .num{font-weight:750;font-size:35px}.quiz-shell{max-width:820px;padding-top:30px}.progress-track{margin-bottom:24px;height:6px}.journey{margin-bottom:24px}.chapter-track{display:flex;justify-content:space-between;gap:8px;margin:0 0 18px}.chapter-track>span{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;opacity:.65}.chapter-track b{border:1px solid var(--line);border-radius:50%;height:25px;width:25px;display:grid;place-items:center;font-size:10px}.chapter-track .active,.chapter-track .done{opacity:1}.chapter-track .active b{background:var(--ink);color:var(--bg)}.chapter-track .done b{background:var(--lime);color:#193e36}.chapter-note{background:#e9eddc;border-radius:16px;padding:15px 18px;display:flex;align-items:center;gap:16px;animation:pageIn .4s ease}.chapter-note strong{font-size:14px}.chapter-note p{font-size:12px;color:var(--muted);margin:3px 0 0}.companion{width:40px;height:40px;border-radius:50%;background:#f8f8ee;display:grid;place-items:center;font-size:25px;flex-shrink:0;animation:breathe 5s infinite}.chapter-count{margin-left:auto;font-size:12px;white-space:nowrap;color:var(--muted)}.inner-voice{padding:25px 28px;border-left:4px solid #a3b77d;background:#eaf0df;border-radius:0 16px 16px 0;margin:25px 0}.inner-voice small{font-size:12px;color:var(--muted)}.inner-voice p{font-size:21px;font-weight:700;margin:10px 0 0;color:var(--ink)}.detail-duo{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:25px 0}.detail-duo h3{font-size:16px}.detail-duo p{font-size:14px;color:var(--muted);line-height:2}.myth{padding:18px 22px;background:var(--cream);border-radius:14px;margin:20px 0}.myth summary{cursor:pointer;font-size:15px;font-weight:650}.myth p{font-size:14px;color:var(--muted);line-height:1.9}.chat-demo{max-width:760px;background:var(--cream);border:1px solid var(--line);border-radius:22px;padding:30px;margin:25px 0}.chat-label{font-size:12px;color:var(--muted);display:block;margin-bottom:10px}.chat-bubble{padding:19px 23px;border-radius:18px;font-size:16px;line-height:1.8;max-width:90%;margin-bottom:22px}.chat-bubble.before{background:var(--surface);border-bottom-left-radius:3px}.chat-bubble.after{background:var(--ink);color:var(--bg);margin-left:auto;border-bottom-right-radius:3px;margin-bottom:0}.reflection{padding:28px;border:1px dashed #a9b995;border-radius:18px;margin:30px 0}.reflection>span{font-size:12px;color:var(--muted)}.reflection h3{font-size:19px;line-height:1.8}.reflection p{font-size:13px;color:var(--muted)}.panel,.insight,.script-card,.type-detail{border-radius:20px}.score-label strong{font-weight:700}.score-label{font-size:15px}.score-block p{font-size:13px}.creator{margin-left:0!important;color:var(--ink);font-size:12px!important;width:auto!important}footer>div{align-items:center;gap:18px}footer a:hover{text-decoration:underline}footer>div>span:last-child{margin-left:auto}footer>div>a{font-weight:650}footer{font-size:12px}html{color-scheme:light}html[data-theme=dark]{color-scheme:dark;--bg:#111e1c;--ink:#e2eddd;--muted:#adbdaf;--line:#354740;--cream:#21342d;--surface:#192a25;--pink:#d99f94;--lime:#c8dfa5}html[data-theme=dark] .header{background:#111e1cf5}html[data-theme=dark] .primary{background:#cee4b3;color:#18281e}html[data-theme=dark] .type-card{background:#22392c;color:var(--ink)}html[data-theme=dark] .type-card:nth-child(2){background:#3c2b29}html[data-theme=dark] .type-card:nth-child(3){background:#21353a}html[data-theme=dark] .type-card:nth-child(4){background:#312b3e}html[data-theme=dark] .type-card p,html[data-theme=dark] .type-code{color:#c0cbbb}html[data-theme=dark] .art-note{background:#21342d;color:var(--ink)}html[data-theme=dark] .art .face:before,html[data-theme=dark] .art .face:after,html[data-theme=dark] .shape .face:before,html[data-theme=dark] .shape .face:after{background:#193e36}html[data-theme=dark] .smile{border-color:#193e36}html[data-theme=dark] .orbit{border-color:#57735c}html[data-theme=dark] .dark-section{background:#233c30}html[data-theme=dark] .dark-section h2{color:#edf5e6}html[data-theme=dark] .panel,html[data-theme=dark] .type-detail,html[data-theme=dark] .option{background:var(--surface)}html[data-theme=dark] .option.selected{background:#cee4b3;color:#193e36}html[data-theme=dark] .chapter-note,html[data-theme=dark] .inner-voice,html[data-theme=dark] .border-note,html[data-theme=dark] .pair-item{background:#253a2e;color:var(--ink)}html[data-theme=dark] .companion{background:#3a5140}html[data-theme=dark] .chapter-track .done b{color:#193e36}html[data-theme=dark] .progress-track,html[data-theme=dark] .score-bar{background:#33443a}html[data-theme=dark] .script-card{background:#263f32;color:#e6eddf}html[data-theme=dark] .quadrant{background:#30453a;color:#d0dfcb}html[data-theme=dark] .quadrant:nth-child(2){background:#46394e;color:#e4d5eb}html[data-theme=dark] .quadrant:nth-child(3){background:#3b4a2a;color:#d4e5b6}html[data-theme=dark] .quadrant:nth-child(4){background:#503931;color:#efd5c6}html[data-theme=dark] .point{background:#d9edba;border-color:#20342b}html[data-theme=dark] .result-quote{color:#c6dab8}html[data-theme=dark] #toast{background:#d9edba;color:#193e36}.type-card:nth-child(2){transition-delay:40ms}.type-card:nth-child(3){transition-delay:80ms}.type-card:nth-child(4){transition-delay:120ms}@media(max-width:650px){.header{padding:0 16px}.header nav{gap:8px}.theme-toggle{padding:8px 11px}.theme-toggle span{display:none}.hero h1{font-size:40px;letter-spacing:-1px}.hero .lead{font-size:15px}.type-card{min-height:325px}.type-card p{font-size:13px}.type-card h3{font-size:23px}.type-code{font-size:8px}.question-card h1{font-size:25px;min-height:100px}.option{font-size:15px;min-height:60px}.chapter-track>span{gap:5px;font-size:11px}.chapter-note{gap:10px;padding:12px}.chapter-note strong{font-size:13px}.chapter-note p{font-size:11px}.chapter-count{font-size:10px}.question-hint{font-size:12px}.detail-duo{grid-template-columns:1fr;gap:5px}.inner-voice{padding:22px}.inner-voice p{font-size:19px}.chat-demo{padding:20px}.chat-bubble{max-width:100%;font-size:15px}.creator{flex-basis:100%}footer>div>span:last-child{margin-left:0}.quiz-foot{font-size:12px}.art{margin-top:25px}.hero-chips{gap:8px;font-size:11px}}
/* LATI: readable type, compact one-screen questionnaire */
:root{--bg:#fcfcf9;--muted:#59685b}body{letter-spacing:0;line-height:1.7}.brand{letter-spacing:1px}.brand small{letter-spacing:2px}.eyebrow,.result-en,.result-kicker,.quiz-top{letter-spacing:1.2px}.result-en{letter-spacing:2px}.result-hero h1,.hero h1,.analysis-section h2,.question-card h1{letter-spacing:-.3px}.header{height:80px}.in-quiz .header{height:60px}.in-quiz footer{display:none}.in-quiz .reading-progress{display:none}.compact.quiz-shell{width:min(100%,760px);margin:0 auto;padding:16px 24px 20px;min-height:0}.compact .quiz-top{font-size:12px;margin:0 0 10px;line-height:1.4}.compact .quiz-top button{background:transparent;padding:5px}.compact .progress-track{margin:12px 0 18px;height:5px}.compact .question-card{padding:0;margin:0}.compact .question-meta{margin:0 0 8px;font-size:12px;line-height:1.3}.compact .question-card h1{font-size:26px;line-height:1.5;min-height:78px;margin:0 0 18px;font-weight:750;outline:0}.compact .options{display:grid;gap:8px}.compact .option{padding:11px 16px;min-height:50px;line-height:1.35;margin:0;font-size:16px;transition:background-color .15s,border-color .15s;transform:none;box-shadow:none}.compact .option:hover{transform:none}.compact .option.selected{box-shadow:none}.compact .radio{height:23px;width:23px;flex-shrink:0;font-size:12px}.compact .quiz-controls{display:flex;justify-content:space-between;align-items:center;margin:16px 0 0;gap:10px}.compact .quiz-controls .primary,.compact .quiz-controls .secondary{padding:10px 15px;min-height:42px;font-size:13px;gap:8px;transform:none}.quiz-next{display:flex;align-items:center;gap:14px}.early-link{background:none;padding:8px 0;font-size:12px;color:var(--muted);border-bottom:1px solid var(--line);white-space:nowrap}.pet-row{display:flex;align-items:center;gap:13px;min-height:54px}.pet-row>b{margin-left:auto;font-size:18px}.pet-row small{font-size:10px}.pet{width:43px;height:43px;position:relative;flex-shrink:0;border-radius:42% 42% 36% 36%;background:#cbe29e;border:2px solid #819f5b;color:#244330;isolation:isolate}.ears:before,.ears:after{content:'';position:absolute;width:11px;height:15px;top:-9px;border:2px solid #819f5b;border-radius:70% 70% 0 0;background:#d5e8ad;z-index:-1}.ears:before{left:2px;rotate:-20deg}.ears:after{right:2px;rotate:20deg}.eyes{position:absolute;left:9px;top:8px;letter-spacing:3px;line-height:1;font-size:18px;animation:petBlink 5.6s infinite,petGlance 8s infinite}.mouth{position:absolute;left:16px;top:21px;font-size:15px;line-height:1}.pet:after{content:'';position:absolute;left:5px;top:23px;width:8px;height:4px;background:#e7b4a0;border-radius:50%;box-shadow:22px 0 #e7b4a0}.pet.nod{animation:petNod .28s ease}.pet-bubble{background:var(--surface,#fff);border:1px solid var(--line);border-radius:14px 14px 14px 3px;padding:9px 12px;font-size:12px;line-height:1.5;color:var(--ink)}@keyframes petBlink{0%,42%,46%,100%{scale:1 1}44%{scale:1 .12}}@keyframes petGlance{0%,60%,100%{translate:0 0}66%,72%{translate:2px 3px}}@keyframes petNod{50%{transform:translateY(3px) rotate(5deg)}}.personal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.personal-grid .insight{padding:25px}.personal-grid h3{font-size:18px;line-height:1.8}.personal-grid small{color:var(--muted);font-size:12px}.personal-grid details{margin-top:18px;font-size:13px}.personal-grid summary{cursor:pointer;color:var(--muted)}.personal-grid details p{font-size:13px}.personal-grid .chat-demo{margin:0;padding:22px}.personal-grid .chat-bubble{max-width:100%;font-size:16px}.save-under-map{width:100%;margin:16px 0 4px}.preview-note{padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--cream);display:flex;align-items:center;gap:20px;margin-bottom:28px}.preview-note p{margin:0;flex:1}.preview-note button{flex-shrink:0}.social-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:20px}.social-actions button{background:transparent;border:1px solid var(--line);border-radius:25px;padding:9px 15px;font-size:13px}.result-kicker{line-height:1.7}.result-hero .tag{letter-spacing:0;font-size:12px}.result-hero h1{font-size:clamp(34px,5vw,62px)}.result-quote{letter-spacing:0}.result-grid .chart-note{line-height:1.8}dialog{max-width:460px;width:calc(100% - 32px);border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:22px;padding:26px}dialog::backdrop{background:#10281e80;backdrop-filter:blur(5px)}dialog h2{font-size:23px}dialog p{font-size:14px}dialog #closeShare{float:right;padding:6px 12px;font-size:12px}
@media(max-width:650px){.header{height:72px}.in-quiz .header{height:52px}.in-quiz .brand{font-size:16px;gap:8px}.in-quiz .brand-symbol{font-size:32px}.in-quiz .brand small{font-size:7px;margin-top:2px}.in-quiz .nav-cta{display:none}.in-quiz .theme-toggle{min-height:34px;padding:4px 10px}.compact.quiz-shell{padding:12px 18px 14px}.compact .quiz-top{margin-bottom:10px;font-size:11px}.compact .progress-track{margin:10px 0 14px}.pet-row{min-height:44px;gap:10px}.pet-bubble{font-size:11px;padding:7px 9px}.pet{scale:.9}.pet-row>b{font-size:15px}.compact .question-card h1{font-size:22px;line-height:1.45;min-height:64px;margin-bottom:12px}.compact .question-meta{font-size:11px;margin-bottom:7px}.compact .options{gap:7px}.compact .option{min-height:46px;padding:10px 13px;font-size:15px}.compact .quiz-controls{margin-top:12px;gap:6px}.quiz-next{gap:11px}.compact .quiz-controls .primary,.compact .quiz-controls .secondary{padding:8px 11px;font-size:12px;min-height:40px}.early-link{font-size:11px}.personal-grid{grid-template-columns:1fr;gap:15px}.preview-note{display:block;font-size:14px}.preview-note button{margin-top:12px}.result-hero{padding:30px 0 32px}.result-kicker{font-size:10px;letter-spacing:.7px}.result-en{font-size:11px;letter-spacing:1.7px}.result-hero h1{font-size:34px;line-height:1.3;letter-spacing:-.5px}.result-quote{font-size:18px!important;line-height:1.8}.result-hero .tag-row{gap:7px}.result-hero .tag{padding:6px 10px;font-size:11px}.results.wrap{padding-left:18px;padding-right:18px}.panel{padding:24px 20px}.map-shell{margin-top:24px}.save-under-map{min-height:46px}.personal-grid .insight{padding:21px}}
@media(max-height:700px) and (max-width:650px){.compact.quiz-shell{padding-top:8px}.compact .quiz-top{margin-bottom:6px}.pet-row{min-height:34px}.pet{scale:.72;width:43px;margin:-6px}.pet-bubble{padding:5px 8px;font-size:10px}.compact .progress-track{margin:8px 0 10px}.compact .question-card h1{font-size:20px;min-height:58px;margin-bottom:9px}.compact .option{min-height:42px;padding:8px 12px}.compact .options{gap:5px}.compact .quiz-controls{margin-top:9px}.in-quiz .header{height:46px}}
@media(prefers-reduced-motion:reduce){.pet,.eyes{animation:none!important}.compact *{transition:none!important}}
/* A small note from the creator, before the footer links. */
.author-note{display:flex;align-items:flex-start;gap:26px;border:1px solid var(--line);border-radius:16px;background:var(--cream);padding:22px 25px;margin:26px 0 30px}.author-note h2{font-size:15px;font-weight:700;line-height:1.8;margin:0;white-space:nowrap;letter-spacing:0}.author-note h2 span{color:var(--muted);margin-left:7px}.author-note p{margin:0;font-size:14px;line-height:1.95;color:var(--ink);text-align:left;max-width:none}.footer-links{flex-wrap:wrap}.footer-links .author-qr-link{white-space:nowrap}.author-qr-link:last-of-type{color:var(--ink)}#authorDialog{max-width:420px;text-align:center;max-height:90dvh;overflow:auto}#authorDialog form{display:flex;justify-content:flex-end;margin:0}#authorDialog form button{padding:6px 13px;font-size:12px}#authorDialog h2{margin:12px 0 8px}#authorDialogHint{color:var(--muted);margin:0 0 18px}#authorQrImage{display:block;width:100%;max-height:55dvh;object-fit:contain;border-radius:12px;background:#fff;margin:0 auto 18px}#authorQrImage[hidden]{display:none}#authorQrError{padding:22px 10px;color:var(--muted)}#authorQrOriginal{display:inline-block;padding:8px;font-size:13px}@media(max-width:650px){.author-note{display:block;padding:18px 20px;margin:22px 0 25px;border-radius:14px}.author-note h2{margin-bottom:8px;font-size:14px}.author-note p{font-size:13px;line-height:1.95}.footer-links{column-gap:20px;row-gap:18px}}