@import url('fonts.css');

:root{--bg:#f6f5fa;--ink:#343344;--muted:#8c889b;--purple:#8876ac;--purple-dark:#746293;--line:#e5e1ed;--serif:'Noto Serif SC','Songti SC','STSong',serif;--sans:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.7 var(--sans);-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0}a{color:inherit;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #a796c5;outline-offset:5px}::selection{background:#ded4ec}h1,h2,h3,p{margin:0}button,a{touch-action:manipulation}svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.wrap{width:calc(100% - 112px);max-width:1280px;margin-left:auto;margin-right:auto}.skip-link{position:fixed;left:15px;top:-80px;background:white;padding:10px;z-index:100}.skip-link:focus{top:15px}
.site-header{height:91px;border-bottom:1px solid var(--line);background:#f7f6fbee;position:relative;z-index:10}.header-inner{max-width:1440px;margin:auto;width:calc(100% - 112px);height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center;font-size:20px;letter-spacing:1.5px;font-family:var(--serif);font-weight:600;line-height:1.5}.brand-light{font-weight:400;margin-left:7px;font-size:17px}.brand-symbol{font:54px/1 var(--serif);color:var(--purple);margin-top:-6px}.brand small{display:block;font:8px/1.8 var(--sans);letter-spacing:3.3px;color:#9890a8;margin-top:3px}.site-header nav{display:flex;gap:36px;height:100%;align-items:center;margin-left:-40px}.site-header nav a,.site-header nav button{height:100%;display:flex;align-items:center;position:relative;background:none;color:#777184;font-size:13px;letter-spacing:1px;padding:0 2px}.site-header nav .active{color:#7e699f}.site-header nav .active:after{content:'';position:absolute;width:23px;height:2px;background:#9a86b9;bottom:20px;left:50%;transform:translateX(-50%)}.tiny-arrow{font-size:12px;margin-left:6px;color:#aaa0b8}.header-cta{border:1px solid #d9d1e4;background:#f1edf7;border-radius:5px;color:#7d6b98;padding:10px 18px;font-size:12px;letter-spacing:1px}.header-cta span{margin-left:16px;font-size:19px;vertical-align:middle}.header-cta:hover{background:#eae4f2}
.hero{position:relative;min-height:663px;display:flex;align-items:flex-start;isolation:isolate}.hero:before{content:'';position:absolute;inset:0 -55px;background:radial-gradient(ellipse at 77% 44%,#e1dbf2a6,transparent 58%),radial-gradient(ellipse at 14% 87%,#ebe3f078,transparent 50%);z-index:-2}.hero-copy{position:relative;padding-top:91px;z-index:3;width:52%}.eyebrow{font-size:10px;letter-spacing:2.8px;color:#9585ab;font-weight:500;display:flex;align-items:center;gap:10px}.hero .eyebrow{letter-spacing:2px;font-size:12px}.eyebrow-line{width:26px;height:1px;background:#a493ba}.hero h1{font:500 clamp(44px,4.1vw,62px)/1.48 var(--serif);letter-spacing:3px;margin:23px 0 22px;white-space:nowrap}.title-highlight{position:relative;color:#8873a5}.title-highlight:after{content:'';position:absolute;left:0;bottom:1px;width:100%;height:7px;border-bottom:2px solid #cfc1de;border-radius:50%;transform:rotate(-6deg)}.title-star{position:absolute;font:28px/1 var(--serif);right:-18px;top:-10px;color:#ad99c4}.hero-description{color:#8b8497;line-height:2.2;font-size:13px;letter-spacing:.5px}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:31px}.primary-button{background:var(--purple);color:#fff;border:1px solid var(--purple);min-height:48px;padding:12px 23px;border-radius:5px;display:inline-flex;gap:26px;align-items:center;justify-content:center;font-size:13px;letter-spacing:1px;transition:background .2s,transform .2s,box-shadow .2s;box-shadow:0 7px 20px #82709916}.primary-button span{font-size:21px;line-height:1}.primary-button:hover:not(:disabled){background:var(--purple-dark);transform:translateY(-2px);box-shadow:0 8px 25px #82709929}.text-button{padding:9px 0;background:none;color:#8b7a9e;display:inline-flex;align-items:center;gap:14px;font-size:12px;letter-spacing:.4px;transition:color .2s}.text-button:hover{color:#5e447d}.text-button span{font-size:19px}.hero-meta{display:flex;align-items:center;gap:13px;font-size:10px;letter-spacing:.7px;color:#a29aa9;margin-top:17px}.hero-meta>span{display:flex;gap:5px;align-items:center}.hero-meta svg{width:13px;height:13px}.hero-meta i{height:3px;width:3px;background:#beb4c9;border-radius:50%}.hero-note{display:flex;align-items:center;gap:12px;margin-top:38px}.hero-note>span{width:34px;height:34px;border:1px solid #ded6e7;border-radius:50%;display:grid;place-items:center;color:#b09bc4;font-size:24px}.hero-note p{font-size:10px;color:#a39aaa;line-height:1.9;letter-spacing:.7px}.hero-note strong{font-size:11px;font-weight:400;color:#908399}
.hero-visual{position:absolute;right:-57px;top:13px;width:64%;height:605px;pointer-events:none}.hero-glow{position:absolute;inset:50px -30px 20px 35px;background:radial-gradient(ellipse,#ded8fa91 5%,#eee8fd4d 60%,transparent 72%);filter:blur(10px)}.hero-character{position:absolute;width:1180px;max-width:none;left:52%;top:1px;transform:translateX(-50%);filter:drop-shadow(0 20px 16px #a5a2c423);z-index:2;animation:arrive 1.2s ease-out both}.orbit{position:absolute;border:1px solid #d9d0e680;border-radius:50%;width:480px;height:480px;top:45px;left:50%;transform:translateX(-50%)}.orbit-two{width:526px;height:526px;top:22px;border-style:dashed;opacity:.5}.orbit-three{width:565px;height:565px;top:3px;opacity:.45}.orbit-text{position:absolute;right:20px;top:18px;font-size:8px;letter-spacing:3px;color:#aa9bb9;transform:rotate(15deg);z-index:2}.constellation{position:absolute;inset:0;width:100%;height:100%;stroke:#b6a2cc;stroke-width:.7;fill:none;opacity:.6}.constellation g{fill:#b5a0cb;stroke:#f7f4fd;stroke-width:4px}.floating-star{position:absolute;color:#a390bd;z-index:4}.star-one{top:50px;right:99px;font-size:31px}.star-two{top:268px;left:90px;font-size:18px}.star-three{bottom:71px;right:63px;font-size:30px}.floating-tag{position:absolute;z-index:4;background:#fcfbffdb;border:1px solid #fff;border-radius:8px;box-shadow:0 10px 28px #8d78ab0d;backdrop-filter:blur(14px);display:flex;align-items:center;gap:10px}.tag-one{top:114px;left:22px;padding:13px 17px;font-size:11px;letter-spacing:1px;color:#83708f;transform:rotate(-6deg)}.tag-one small{font-size:6px;letter-spacing:1.3px;color:#a298ad;display:block;margin-top:3px}.tag-orb{width:28px;height:28px;display:grid;place-items:center;background:#efe8f7;border-radius:50%;font-size:22px;color:#aa94c2}.tag-two{right:9px;bottom:114px;font-size:10px;color:#95849f;padding:11px 16px;letter-spacing:.5px;transform:rotate(5deg)}.mini-star{color:#baa6c9;margin-right:4px}.hero-character-caption{position:absolute;z-index:3;bottom:26px;left:51%;transform:translateX(-50%);text-align:center;white-space:nowrap}.hero-character-caption>span:first-child{display:block;font-size:9px;color:#a89ab5;letter-spacing:3px}.hero-character-caption strong{font:500 18px/1.8 var(--serif);color:#6b5e81;letter-spacing:3px}.hero-character-caption small{font:9px var(--sans);letter-spacing:2.5px;margin-left:10px;color:#a69ab5}.caption-stars{display:block;color:#c5b288;font-size:9px;letter-spacing:3px;margin-top:5px}.hero-bottom{position:absolute;left:0;right:0;bottom:19px;display:flex;align-items:center;justify-content:space-between;color:#b0a6ba;font-size:8px;letter-spacing:2px}.hero-bottom>div{display:flex;gap:10px;font-size:9px;letter-spacing:2px;margin-left:-25px}.down-arrow{font-size:14px;line-height:1.5}
.features{display:grid;grid-template-columns:repeat(3,1fr);padding:29px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:8px}.features>div{display:flex;gap:19px;align-items:center;justify-content:center;border-right:1px solid var(--line)}.features>div:last-child{border:0}.features svg{color:#a795bd;width:31px;height:31px;stroke-width:1.2}.features strong{display:block;font-weight:500;font-size:12px;letter-spacing:1px;color:#6f657e}.features p>span{display:block;font-size:10px;color:#aaa0b3;letter-spacing:.6px;margin-top:3px}.characters-section{padding-top:65px;padding-bottom:62px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px}.section-heading h2{font:500 25px/1.8 var(--serif);letter-spacing:1px;margin-top:10px}.section-heading h2>span{font:26px var(--serif);color:#ab99bd;margin-left:17px;vertical-align:middle}.section-heading p{font-size:11px;color:#a196ad;margin-top:6px;letter-spacing:.5px}.section-heading>.text-button{margin-bottom:5px}.character-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:21px}.character-card{position:relative;overflow:hidden;height:348px;isolation:isolate;background:color-mix(in srgb,var(--card-color) 9%,#f4f1f7);border:1px solid color-mix(in srgb,var(--card-color) 16%,#eeeaf3);border-radius:9px;text-align:left;transition:transform .35s,box-shadow .35s;animation:arrive .6s ease-out both;animation-delay:var(--delay)}.character-card:before{content:'';position:absolute;width:270px;height:270px;border:1px solid #ffffff8c;border-radius:50%;top:32px;left:50%;transform:translateX(-50%);z-index:-1}.character-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#f6f3f9 0%,#f4f0f7e6 13%,#f4f0f700 55%);z-index:1;pointer-events:none}.character-card:hover{transform:translateY(-7px);box-shadow:0 16px 40px #7e6b931c}.card-top{position:absolute;top:16px;left:16px;right:16px;display:flex;align-items:center;justify-content:space-between;z-index:3}.element-chip{display:inline-flex;align-items:center;gap:6px;color:var(--card-color);font-size:12px}.element-chip>span{font-size:9px;color:#9c8fa6;border-left:1px solid #d4cbdc;padding-left:7px;letter-spacing:1px}.card-type{background:#ffffffb8;border:1px solid #fff;border-radius:3px;color:#8e7d9d;font-size:9px;font-weight:500;letter-spacing:1px;padding:1px 6px}.card-watermark{position:absolute;top:64px;left:0;right:0;text-align:center;color:color-mix(in srgb,var(--card-color) 13%,transparent);font-size:71px;font-weight:600;letter-spacing:0;z-index:-1}.character-card>img{position:absolute;left:50%;transform:translateX(-50%);width:670px;height:335px;object-fit:contain;top:6px;filter:drop-shadow(0 6px 8px #60537512);transition:transform .5s}.character-card:hover>img{transform:translateX(-50%) scale(1.05)}.card-info{position:absolute;left:23px;right:20px;bottom:22px;display:flex;justify-content:space-between;align-items:flex-end;z-index:3}.character-en{font-size:7px;letter-spacing:2px;color:#aa99b7;display:block}.card-info h3{font:500 24px/1.6 var(--serif);letter-spacing:2px;color:#56465f}.card-info p{font-size:10px;color:#a190ac;letter-spacing:1px;margin-top:3px}.card-arrow{width:29px;height:29px;border:1px solid #dcd3e3;border-radius:50%;display:grid;place-items:center;color:#a090ae;font-size:16px}.journey-banner{background:linear-gradient(105deg,#eeebf5,#e9e3f1);border:1px solid #e2dbe9;padding:35px 39px;border-radius:8px;display:flex;align-items:center;gap:23px;position:relative;overflow:hidden}.journey-banner:after{content:'✧';position:absolute;right:230px;top:-60px;font:240px var(--serif);color:#dfd4eb66;pointer-events:none}.banner-star{font:65px var(--serif);color:#b3a0c7;line-height:1}.journey-banner .eyebrow{font-size:7px;letter-spacing:2px}.journey-banner h2{font:500 21px/1.7 var(--serif);letter-spacing:1px;margin-top:7px}.journey-banner p{font-size:10px;color:#a094ac;letter-spacing:1px;margin-top:5px}.journey-banner>.primary-button{margin-left:auto;position:relative;z-index:1}.faq-section{display:grid;grid-template-columns:1fr 2fr;gap:70px;padding-top:67px;padding-bottom:76px}.faq-section h2{font:500 24px var(--serif);letter-spacing:1px;margin-top:12px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{display:flex;align-items:center;justify-content:space-between;list-style:none;padding:18px 0;cursor:pointer;font-size:12px;color:#82768f;letter-spacing:.3px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:20px;font-weight:300;color:#aa9abb;transition:transform .2s}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details p{font-size:12px;color:#a093aa;padding:0 30px 20px 0;line-height:1.9}.site-footer{border-top:1px solid var(--line);padding:34px 56px 22px;text-align:center;background:#f0edf6}.footer-brand{font:500 16px var(--serif);color:#9381a6;letter-spacing:2px}.site-footer>p{font-size:10px;color:#aa9eb4;letter-spacing:1px;margin:9px 0 22px}.site-footer>div{display:flex;justify-content:space-between;max-width:1280px;margin:auto;font-size:9px;color:#b1a6bb;letter-spacing:.5px}.site-footer button{background:none;color:#9d8bab;font-size:9px;padding:0}
.quiz-page{padding:30px 0 68px;min-height:calc(100vh - 235px)}.quiz-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:29px}.back-button{padding:7px 0;background:none;font-size:12px;color:#9787a9;letter-spacing:.5px}.back-button:hover:not(:disabled){color:#70558b}.quiz-top>span{font-size:10px;color:#a89ab5;letter-spacing:1px}.quiz-top>span>span{margin-left:10px;font-size:18px}.quiz-layout{display:grid;grid-template-columns:320px 1fr;gap:70px;max-width:1100px;margin:auto}.quiz-aside{padding:22px 0}.quiz-aside h2{font:500 27px/1.8 var(--serif);letter-spacing:2px;margin:18px 0}.quiz-aside>p{font-size:12px;line-height:2.1;color:#a195ac;letter-spacing:1px}.quiz-star-map{font:140px/1.6 var(--serif);color:#c8badb;position:relative;width:230px;text-align:center}.quiz-star-map:before,.quiz-star-map:after{content:'';position:absolute;border:1px solid #e3dbea;border-radius:50%;width:180px;height:180px;top:15px;left:20px}.quiz-star-map:after{width:220px;height:220px;left:0;top:-5px;border-style:dashed;opacity:.7}.quiz-star-map>span{position:absolute;font:24px/1 var(--serif);top:19px;right:30px}.quiz-star-map>i{position:absolute;font:28px/1 var(--serif);bottom:36px;left:18px}.dimension-list{max-width:250px}.dimension-list>div{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--line);color:#b3a6bd}.dimension-list>div>span:first-child{font-size:10px;letter-spacing:1px}.dimension-list>div>span:last-child{margin-left:auto;font-size:16px}.dimension-list p{font-size:12px;letter-spacing:1px}.dimension-list small{display:inline-block;font-size:9px;letter-spacing:2px;margin-left:15px}.dimension-list .current{color:#8f72a9}.question-panel{background:#fbfaff;border:1px solid #e9e2f0;border-radius:12px;padding:32px 38px 25px;box-shadow:0 15px 60px #79649005}.question-progress{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#a197ac;letter-spacing:1px}.question-progress strong{font-size:21px;font-weight:500;color:#88719f}.question-progress small{font-size:12px;color:#b3a6bf;font-weight:400}.progress-track{height:3px;background:#ebe6f1;margin:12px 0 35px;border-radius:3px;overflow:hidden}.progress-track>div{height:100%;background:#aa94c1;border-radius:3px;transition:width .3s}.question-scene{font-size:10px;letter-spacing:1px;color:#9d88b0;display:flex;gap:8px;align-items:center;margin-bottom:13px}.question-panel h1{font:500 24px/1.85 var(--serif);letter-spacing:.5px;min-height:90px}.question-note{font-size:11px;color:#ada0b7;line-height:2;margin:12px 0 28px}.answer-options{display:flex;flex-direction:column;gap:11px}.answer-option{display:flex;gap:15px;align-items:center;border:1px solid #e7e0ed;background:#fffefe80;border-radius:6px;text-align:left;padding:14px 16px;transition:border .2s,background .2s}.answer-option:hover{background:#f4effa;border-color:#cbb8dc}.answer-letter{width:29px;height:29px;display:grid;place-items:center;background:#f1edf6;border-radius:50%;font-size:11px;color:#a38db8}.answer-option strong{font-size:12px;letter-spacing:.5px;font-weight:500;color:#81708f}.answer-option small{font-size:10px;color:#b0a3bb;display:block;margin-top:2px;letter-spacing:.3px}.radio-check{width:16px;height:16px;border-radius:50%;border:1px solid #dbd1e5;margin-left:auto;display:grid;place-items:center;font-size:10px}.answer-option.selected{border-color:#a88cbe;background:#f0e9f7}.answer-option.selected .answer-letter{background:#c5b2d7;color:white}.answer-option.selected .radio-check{background:#a48ab9;border-color:#a48ab9;color:white}.question-controls{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eae3f0;margin-top:27px;padding-top:20px;gap:10px}.question-controls>span{font-size:9px;letter-spacing:.5px;color:#baafc4}.next-button{min-height:40px;padding:8px 16px;font-size:11px;gap:18px}.next-button>span{font-size:18px}
.result-page{padding:54px 0 65px;max-width:1100px}.result-intro{text-align:center;margin-bottom:33px}.result-intro .eyebrow{justify-content:center}.result-intro h1{font:500 30px/1.8 var(--serif);letter-spacing:2px;margin:12px 0 6px}.result-intro p{font-size:11px;letter-spacing:1px;color:#a195ac}.result-card{display:grid;grid-template-columns:1fr 1fr;border:1px solid #e2dae9;border-radius:13px;overflow:hidden;background:#fbfaff;box-shadow:0 12px 65px #7b648a08}.result-art{position:relative;min-height:615px;overflow:hidden;background:radial-gradient(ellipse at 50% 35%,color-mix(in srgb,var(--result-color) 25%,#f8f6fb),#f1edf8)}.result-type-bg{position:absolute;top:25px;left:0;right:0;text-align:center;font-size:100px;font-weight:600;letter-spacing:5px;color:color-mix(in srgb,var(--result-color) 14%,transparent)}.result-art>img{position:absolute;width:1230px;height:615px;max-width:none;object-fit:contain;left:50%;top:0;transform:translateX(-50%)}.result-orbit{position:absolute;width:410px;height:410px;left:50%;top:100px;transform:translateX(-50%);border:1px solid #ffffffa8;border-radius:50%}.result-orbit:after{content:'';position:absolute;inset:-20px;border:1px dashed #ffffff80;border-radius:50%}.result-art-bottom{position:absolute;bottom:26px;left:30px;right:30px;display:flex;justify-content:space-between;font-size:11px;color:#8d7c9f;letter-spacing:3px}.result-art-bottom>span:last-child{color:#bda879;font-size:9px;letter-spacing:2px}.result-detail{padding:34px 37px}.result-type{display:flex;align-items:center;gap:15px;font-size:32px;font-weight:500;color:#9b85af;letter-spacing:2px;border-bottom:1px solid #eae2f1;padding-bottom:13px;margin-bottom:22px}.result-type>span{font-size:10px;letter-spacing:1px;color:#a18cac;border:1px solid #e6dcec;padding:3px 10px;border-radius:20px}.result-detail>.character-en{font-size:8px;letter-spacing:3px}.result-detail h2{font:500 37px/1.7 var(--serif);letter-spacing:3px;margin:2px 0 13px}.result-detail blockquote{font:500 13px/1.9 var(--serif);color:#9c84ad;margin:0 0 16px}.result-detail>p{font-size:11px;line-height:2.1;color:#998aa6;letter-spacing:.3px}.result-tags{display:flex;gap:9px;margin:18px 0 23px}.result-tags>span{border:1px solid #e7deee;color:#a38bb6;padding:3px 11px;font-size:10px;border-radius:3px;letter-spacing:.5px}.result-dimensions h3{font-size:10px;letter-spacing:1px;font-weight:500;color:#9c8aa9;margin-bottom:17px}.dimension-result{margin-bottom:14px}.dimension-result>div:first-child{display:flex;justify-content:space-between;font-size:12px;color:#b3a8bd;margin-bottom:6px;letter-spacing:1px}.dimension-result small{font-size:9px;letter-spacing:.5px;margin:0 3px}.dimension-result b{font-size:9px;font-weight:400;letter-spacing:0}.dimension-result .dominant{color:#9174a9}.dimension-track{height:5px;background:#e9e4ef;border-radius:4px;overflow:hidden}.dimension-track>span{display:block;height:100%;background:#b49ac7;border-radius:4px}.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:24px 0 30px}.insight-grid article,.insight-grid>button{padding:22px 24px;border:1px solid #e5deec;border-radius:7px;background:#f2eef8;text-align:left}.insight-grid span{font-size:10px;color:#9a84ad;letter-spacing:1px}.insight-grid h3{font-size:12px;color:#8e7b9e;font-weight:400;line-height:2;margin-top:8px}.insight-grid .partner-card h3{font:500 21px/1.5 var(--serif);color:#81708e}.partner-card h3 small{font:9px var(--sans);letter-spacing:2px;margin-left:15px}.partner-card p{font-size:10px;color:#a999b5;margin-top:5px}.partner-card:hover{background:#ece5f4}.result-actions{display:flex;justify-content:center;align-items:center;gap:22px}.secondary-button{border:1px solid #d9cce5;border-radius:5px;background:#f3eef8;color:#9a80ae;font-size:12px;padding:11px 20px;min-height:48px}.secondary-button:hover{background:#ebe2f3}.result-disclaimer{text-align:center;font-size:9px;line-height:2.1;color:#b0a4ba;margin-top:25px;letter-spacing:.5px}
.gallery-page{padding:55px 0 65px;min-height:700px}.gallery-header{text-align:center}.gallery-header .eyebrow{justify-content:center}.gallery-header h1{font:500 34px/1.7 var(--serif);letter-spacing:2px;margin:13px 0 10px}.gallery-header h1>span{color:#b9a4cd;margin-left:15px}.gallery-header p{font-size:11px;letter-spacing:1px;color:#a194ad}.gallery-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:42px;padding-bottom:20px;border-bottom:1px solid var(--line)}.filter-tabs{display:flex;gap:6px;flex-wrap:wrap}.filter-tabs>button{padding:8px 15px;background:none;color:#a190ae;font-size:11px;letter-spacing:.5px;border:1px solid transparent;border-radius:4px}.filter-tabs>button.active{background:#eae3f3;border-color:#ddd1e9;color:#8e71a7}.filter-tabs small{font-size:8px;margin-left:7px;color:#ad99bf}.search-box{display:flex;gap:9px;align-items:center;border:1px solid #e3daeb;background:#fbf9fe;padding:7px 12px;border-radius:4px;color:#ac98be}.search-box>span{font-size:23px;line-height:1}.search-box input{border:0;background:transparent;outline:none;width:150px;font-size:10px;color:#8c739e}.search-box input::placeholder{color:#b7a9c2}.gallery-count{font-size:10px;color:#b3a5be;letter-spacing:.8px;margin:15px 0}.gallery-grid{row-gap:24px}.gallery-bottom{display:flex;justify-content:center;align-items:center;gap:30px;border-top:1px solid var(--line);margin-top:39px;padding-top:32px}.gallery-bottom>span{font-size:12px;color:#a18baa;letter-spacing:.5px}.empty-state{grid-column:1/-1;text-align:center;padding:70px 10px;font-size:42px;color:#b7a4c8}.empty-state h3{font:500 22px var(--serif);margin:10px 0 12px}.empty-state p{font-size:12px;color:#a08eaf}
dialog{border:1px solid #e4dcea;border-radius:15px;padding:37px 40px;background:#faf8fe;color:var(--ink);max-width:600px;width:calc(100% - 36px);max-height:88vh;box-shadow:0 25px 100px #54426138;overscroll-behavior:contain}dialog::backdrop{background:#30263d66;backdrop-filter:blur(7px)}.dialog-close{position:absolute;right:14px;top:11px;width:29px;height:29px;border-radius:50%;background:#eee8f4;color:#a38caf;font-size:23px;line-height:1;z-index:3}.dialog-close:hover{background:#e1d7eb}.about-modal h2,dialog h2{font:500 27px/1.7 var(--serif);letter-spacing:1px;margin:14px 0 22px}.about-modal>p{color:#a18faa;line-height:2.1;font-size:12px;margin-bottom:16px}.about-modal a{border-bottom:1px solid #c5b0d5;color:#8f70a5}.about-dimensions{margin:25px 0;border-top:1px solid #e9deef}.about-dimensions>div{display:flex;gap:22px;padding:16px 0;border-bottom:1px solid #e9deef;align-items:center}.about-dimensions strong{font-size:17px;font-weight:500;color:#ab8ebf;white-space:nowrap;letter-spacing:1px}.about-dimensions p{font-size:12px;color:#8f779f}.about-dimensions small{display:block;font-size:10px;color:#b09cbb;margin-top:3px}.modal-note{font-size:10px!important;color:#b7a6c0!important;line-height:2!important;margin:20px 0!important}.character-modal{text-align:center}.modal-character-art{height:225px;position:relative;overflow:hidden;margin:-37px -40px 24px;background:radial-gradient(ellipse,color-mix(in srgb,var(--result-color) 20%,#f9f6fd),#f2edf7)}.modal-character-art img{width:700px;height:350px;max-width:none;position:absolute;left:50%;top:-70px;transform:translateX(-50%);object-fit:contain}.character-modal .eyebrow{justify-content:center;font-size:10px;letter-spacing:2px}.character-modal h2{margin:7px 0 16px;font-size:33px}.character-modal h2 small{display:block;font:8px var(--sans);letter-spacing:3px;color:#b3a0be;margin-top:5px}.character-modal blockquote{font:500 13px/1.9 var(--serif);color:#a086b1;margin:12px 0 18px}.character-modal>p{font-size:12px;color:#a18faa;line-height:2.2;text-align:left}.character-modal .result-tags{justify-content:center}.character-modal .modal-note{text-align:center}.share-text{width:100%;height:150px;resize:vertical;padding:15px;border:1px solid #ddd1e6;border-radius:6px;background:#f0eaf6;color:#9681a4;font-size:12px;margin:20px 0}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,18px);opacity:0;pointer-events:none;background:#6d5b80ee;color:#fff;padding:11px 22px;border-radius:7px;font-size:12px;z-index:100;transition:transform .3s,opacity .3s;box-shadow:0 5px 25px #77608d29;max-width:90vw;text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}
@keyframes arrive{from{opacity:0;translate:0 15px}to{opacity:1;translate:0 0}}
@media(min-width:1500px){.hero h1{font-size:64px}.hero-visual{right:-45px}.hero{min-height:690px}.hero-copy{padding-top:105px}.hero-visual{top:30px}}
@media(max-width:1100px){.wrap,.header-inner{width:calc(100% - 64px)}.site-header nav{margin-left:0;gap:25px}.brand{font-size:17px;gap:8px}.brand-light{font-size:14px}.brand small{font-size:6px;letter-spacing:2.8px}.brand-symbol{font-size:46px}.hero{min-height:620px}.hero-copy{padding-top:82px}.hero h1{font-size:46px;letter-spacing:1px}.hero-visual{right:-30px;width:62%;top:12px;height:560px}.hero-character{width:1030px;top:15px}.orbit-one{width:405px;height:405px}.orbit-two{width:450px;height:450px}.orbit-three{width:490px;height:490px}.hero-visual .orbit{top:45px}.hero-visual .orbit-two{top:22px}.hero-visual .orbit-three{top:2px}.tag-one{left:0;top:96px;padding:10px}.tag-two{right:-5px;bottom:110px}.hero-description{font-size:11px}.hero-actions{gap:19px}.hero-actions>.text-button{font-size:10px;gap:7px}.primary-button{padding:11px 18px;gap:22px}.hero-note{margin-top:32px}.hero-character-caption{bottom:32px}.hero-bottom{font-size:7px}.hero-meta{font-size:8px;gap:9px}.character-grid{gap:16px}.character-card{height:310px}.character-card>img{width:600px;height:300px}.card-info{left:17px;bottom:18px}.card-info h3{font-size:21px}.character-en{font-size:6px}.card-info p{font-size:9px}.card-watermark{font-size:56px}.features p>span{font-size:9px}.features strong{font-size:11px}.section-heading h2{font-size:22px}.journey-banner{padding:28px;gap:15px}.journey-banner h2{font-size:18px}.journey-banner>.primary-button{font-size:11px;padding:10px 15px;gap:15px}.faq-section{gap:40px}.quiz-layout{grid-template-columns:250px 1fr;gap:30px}.question-panel{padding:27px}.quiz-aside h2{font-size:24px}.question-panel h1{font-size:21px}.question-controls>span{font-size:8px}.result-detail{padding:30px 28px}.result-art{min-height:620px}.result-detail h2{font-size:34px}.result-detail>p{font-size:10px}.result-type>span{font-size:9px;padding:3px 7px}.gallery-toolbar{align-items:flex-start}.filter-tabs>button{font-size:10px;padding:7px 10px}.search-box input{width:125px}}
@media(max-width:800px){.wrap,.header-inner{width:calc(100% - 40px)}.site-header{height:78px}.site-header nav{gap:20px}.site-header nav a,.site-header nav button{font-size:11px}.site-header nav .active:after{bottom:15px}.header-cta{font-size:10px;padding:7px 12px}.header-cta span{margin-left:7px;font-size:17px}.brand-light{font-size:12px;margin-left:4px}.brand{font-size:15px}.brand-symbol{font-size:39px}.brand small{font-size:5px;letter-spacing:2.2px}.hero{min-height:600px}.hero-copy{padding-top:75px;width:56%}.hero h1{font-size:38px;line-height:1.6}.hero-visual{width:61%;right:-17px;top:28px;overflow:hidden;height:500px}.hero-character{width:930px;left:55%;top:26px}.orbit-one{width:340px;height:340px}.orbit-two{width:380px;height:380px}.orbit-three{width:415px;height:415px}.tag-one{left:17px;top:77px;padding:7px;font-size:9px;gap:6px}.tag-one small{font-size:5px;letter-spacing:.5px}.tag-orb{width:23px;height:23px;font-size:18px}.tag-two{right:4px;bottom:63px;font-size:8px;padding:8px 10px}.hero-character-caption{bottom:0}.hero-character-caption strong{font-size:15px}.hero-character-caption small{font-size:7px;margin-left:4px;letter-spacing:1px}.hero .eyebrow{font-size:9px;letter-spacing:1px}.hero-description{font-size:10px;letter-spacing:0}.hero-actions{flex-direction:column;align-items:flex-start;gap:3px;margin-top:24px}.hero-actions .primary-button{min-height:43px;font-size:11px;padding:9px 22px;gap:30px}.hero-actions>.text-button{font-size:10px}.hero-note{margin-top:20px}.hero-meta{font-size:7px;gap:6px;margin-top:9px;letter-spacing:0}.hero-meta>span{gap:3px}.hero-meta svg{width:11px;height:11px}.hero-note strong{font-size:9px}.hero-note p{font-size:9px}.star-one{right:52px}.star-two{left:36px}.star-three{right:30px;bottom:60px}.features{padding:22px 0}.features>div{gap:10px}.features svg{width:25px;height:25px}.features strong{font-size:10px;letter-spacing:.2px}.features p>span{font-size:8px;letter-spacing:.1px}.characters-section{padding-top:46px;padding-bottom:40px}.section-heading h2{font-size:20px}.section-heading h2>span{margin-left:7px;font-size:21px}.section-heading p{font-size:10px}.section-heading>.text-button{font-size:10px;gap:8px;white-space:nowrap}.eyebrow{font-size:8px;letter-spacing:2px}.character-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.character-card{height:340px}.character-card>img{height:340px;width:680px}.card-watermark{font-size:70px}.card-info h3{font-size:25px}.card-info p{font-size:10px}.card-info .character-en{font-size:7px}.journey-banner{flex-wrap:wrap;padding:28px}.journey-banner>.primary-button{margin-left:65px;margin-top:5px}.banner-star{font-size:50px}.journey-banner h2{font-size:19px}.faq-section{grid-template-columns:1fr;gap:20px;padding:48px 0}.faq-section h2{font-size:21px}.site-footer{padding:29px 20px 18px}.quiz-layout{grid-template-columns:1fr;gap:20px;max-width:600px}.quiz-aside{display:none}.quiz-top{padding-bottom:20px}.quiz-page{padding-top:19px}.question-panel{padding:26px 30px}.question-panel h1{font-size:23px;min-height:85px}.question-controls>span{font-size:9px}.result-page{padding-top:35px}.result-intro h1{font-size:24px}.result-card{grid-template-columns:1fr}.result-art{min-height:400px}.result-art>img{width:990px;height:495px;top:-50px}.result-type-bg{font-size:95px;top:0}.result-orbit{width:360px;height:360px;top:15px}.result-detail{padding:30px 35px}.result-detail>p{font-size:12px}.result-detail h2{font-size:37px}.result-type{font-size:29px;margin-bottom:18px}.result-dimensions{margin-top:25px}.dimension-result{margin-bottom:18px}.result-type>span{font-size:10px}.insight-grid{gap:11px}.insight-grid article,.insight-grid>button{padding:18px 15px}.insight-grid h3{font-size:10px}.insight-grid span{font-size:9px;letter-spacing:0}.insight-grid .partner-card h3{font-size:18px}.partner-card h3 small{display:block;margin-left:0;margin-top:8px;font-size:8px}.partner-card p{font-size:9px}.gallery-header h1{font-size:27px}.gallery-toolbar{flex-direction:column;margin-top:30px}.filter-tabs{gap:3px}.filter-tabs>button{font-size:10px;padding:7px 11px}.search-box{width:100%}.search-box input{width:100%;font-size:11px}.gallery-grid{gap:20px}.gallery-page{padding-top:37px}.gallery-bottom{gap:18px}.gallery-bottom>span{font-size:10px}}
@media(max-width:700px){.site-header{height:73px}.site-header nav{gap:19px;margin-left:0}.site-header nav a,.site-header nav button{font-size:10px;letter-spacing:.3px}.site-header nav button{display:none}.header-cta{font-size:0;border:none;background:transparent;padding:0}.header-cta span{font-size:25px;margin-left:0}.brand{font-size:14px;gap:7px}.brand-light{font-size:11px}.brand-symbol{font-size:37px}.brand small{font-size:5px;letter-spacing:1.8px}.hero{min-height:894px;text-align:center;display:block;overflow:hidden;width:100%}.hero-copy{padding:42px 20px 0;width:100%;position:relative}.hero .eyebrow{justify-content:center;font-size:10px}.hero h1{font-size:39px;line-height:1.5;letter-spacing:2px;margin:18px 0 16px}.hero-description{font-size:11px;line-height:2.1;letter-spacing:.3px}.hero-actions{flex-direction:row;justify-content:center;align-items:center;gap:19px;margin-top:23px}.hero-actions .primary-button{font-size:11px;padding:10px 20px;min-height:45px;gap:21px}.hero-actions>.text-button{font-size:10px;gap:5px}.hero-meta{justify-content:center;margin-top:13px;font-size:8px;gap:9px;letter-spacing:.2px}.hero-meta svg{width:12px;height:12px}.hero-note{display:none}.hero-visual{top:375px;left:0;right:0;width:100%;height:465px;overflow:hidden}.hero-character{width:980px;top:-14px;left:50%}.hero-glow{inset:0;background:radial-gradient(ellipse,#dfd6f55c,transparent 70%)}.hero-visual .orbit{width:325px;height:325px;top:36px}.hero-visual .orbit-two{width:365px;height:365px;top:16px}.hero-visual .orbit-three{width:395px;height:395px;top:1px}.tag-one{top:55px;left:22px;font-size:9px;transform:rotate(-6deg)}.tag-two{bottom:100px;right:20px;font-size:8px}.star-one{top:34px;right:32px}.star-two{top:228px;left:21px}.star-three{bottom:54px;right:35px}.hero-character-caption{bottom:3px;left:50%}.hero-character-caption strong{font-size:16px}.hero-character-caption small{font-size:7px}.hero-character-caption>span:first-child{font-size:8px}.orbit-text{display:none}.hero-bottom{bottom:12px;left:22px;right:22px;font-size:6px;letter-spacing:.7px}.hero-bottom>span:last-child{display:none}.hero-bottom>div{font-size:8px;margin-left:0;letter-spacing:1px}.features{margin-top:0;padding:20px 0;grid-template-columns:1fr;gap:20px}.features>div{justify-content:flex-start;border:0;padding-left:38px;gap:18px}.features svg{width:28px;height:28px}.features strong{font-size:11px;letter-spacing:1px}.features p>span{font-size:9px;letter-spacing:.5px}.characters-section{padding-top:38px}.section-heading{align-items:flex-start;position:relative;padding-bottom:31px;margin-bottom:19px}.section-heading h2{font-size:20px;letter-spacing:.5px;max-width:330px}.section-heading h2>span{font-size:22px;margin-left:4px}.section-heading p{font-size:10px;letter-spacing:0}.section-heading>.text-button{position:absolute;bottom:-4px;right:0;font-size:10px}.character-grid{gap:12px}.character-card{height:278px;border-radius:7px}.character-card>img{width:560px;height:280px;top:-2px}.card-watermark{font-size:48px;top:65px}.card-top{top:12px;left:11px;right:11px}.card-type{font-size:7px;padding:1px 4px}.element-chip{font-size:10px;gap:4px}.element-chip>span{font-size:7px;padding-left:5px}.card-info{left:13px;right:12px;bottom:17px}.card-info h3{font-size:21px;letter-spacing:1px}.card-info p{font-size:8px;letter-spacing:.5px}.card-info .character-en{font-size:5px;letter-spacing:1px}.card-arrow{width:22px;height:22px;font-size:13px}.journey-banner{padding:25px 22px;gap:15px;border-radius:7px}.banner-star{display:none}.journey-banner .eyebrow{font-size:6px}.journey-banner h2{font-size:18px;letter-spacing:.5px}.journey-banner p{font-size:9px;letter-spacing:.3px}.journey-banner>.primary-button{margin-left:0;font-size:11px;padding:9px 15px;min-height:43px}.faq-section{padding:36px 0 40px;gap:16px}.faq-section h2{font-size:21px}.faq-list summary{font-size:11px;padding:17px 0}.faq-list details p{font-size:10px}.site-footer>div{display:block;font-size:8px}.site-footer button{display:block;margin:9px auto 0;font-size:8px}.site-footer>p{font-size:8px;margin-bottom:18px}.footer-brand{font-size:14px}.quiz-page{padding-bottom:35px}.quiz-top>span{font-size:8px;letter-spacing:0}.quiz-top>span>span{margin-left:4px}.question-panel{padding:24px 20px 19px;border-radius:9px}.progress-track{margin-bottom:28px}.question-panel h1{font-size:21px;line-height:1.85;min-height:115px}.question-note{font-size:10px;margin:13px 0 24px;min-height:36px}.question-scene{font-size:9px;margin-bottom:11px}.answer-option{padding:13px 12px;gap:12px}.answer-option strong{font-size:12px}.answer-option small{font-size:9px}.answer-letter{width:28px;height:28px}.question-controls{flex-wrap:wrap;padding-top:18px;margin-top:24px}.question-controls>span{order:3;width:100%;text-align:center;font-size:8px;padding-top:4px}.next-button{padding:7px 15px;min-height:39px;font-size:10px;gap:15px}.result-page{padding-top:30px;padding-bottom:37px}.result-intro{margin-bottom:24px}.result-intro h1{font-size:20px;letter-spacing:1px;margin-top:10px}.result-intro p{font-size:9px;letter-spacing:.3px}.result-art{min-height:330px}.result-art>img{width:860px;height:430px;top:-53px}.result-type-bg{font-size:77px;top:4px}.result-orbit{width:280px;height:280px}.result-art-bottom{bottom:17px;left:20px;right:20px;font-size:9px}.result-art-bottom>span:last-child{font-size:7px}.result-detail{padding:24px}.result-type{font-size:26px}.result-type>span{font-size:9px}.result-detail h2{font-size:33px}.result-detail blockquote{font-size:12px}.result-detail>p{font-size:11px}.result-tags>span{font-size:9px}.insight-grid{grid-template-columns:1fr;margin-top:18px;gap:10px}.insight-grid h3{font-size:11px}.insight-grid article,.insight-grid>button{padding:17px 20px}.insight-grid .partner-card h3{font-size:20px}.partner-card h3 small{display:inline-block;margin-left:15px;font-size:9px}.partner-card p{font-size:9px}.insight-grid span{font-size:10px;letter-spacing:.5px}.result-actions{gap:10px;flex-wrap:wrap}.result-actions>.primary-button{font-size:11px;padding:10px 16px;min-height:44px;gap:12px}.secondary-button{font-size:10px;min-height:44px;padding:10px 14px}.result-actions>.text-button{width:100%;justify-content:center}.result-disclaimer{font-size:8px;letter-spacing:0;margin-top:16px}.gallery-header h1{font-size:23px;letter-spacing:1px}.gallery-header h1>span{margin-left:6px}.gallery-header p{font-size:10px;line-height:2;letter-spacing:.3px}.gallery-toolbar{margin-top:23px;gap:14px;padding-bottom:16px}.filter-tabs{gap:4px}.filter-tabs>button{padding:6px 9px;font-size:9px}.filter-tabs small{font-size:7px;margin-left:5px}.gallery-bottom{flex-direction:column;gap:16px;margin-top:29px;padding-top:25px}.gallery-bottom>.primary-button{font-size:11px;min-height:43px;padding:9px 20px}.gallery-page{padding-bottom:38px}.gallery-grid{gap:15px 12px}.gallery-count{font-size:9px}.empty-state{padding:45px 10px}.empty-state h3{font-size:18px}.empty-state p{font-size:10px}dialog{padding:28px 25px;max-height:89vh}.about-modal h2{font-size:24px}.about-modal>p{font-size:11px}.about-dimensions>div{gap:15px}.about-dimensions strong{font-size:15px}.about-dimensions small{font-size:9px}.modal-character-art{margin:-28px -25px 23px;height:200px}.modal-character-art img{width:650px;height:325px;top:-75px}.character-modal h2{font-size:28px}.character-modal>p{font-size:11px}.character-modal blockquote{font-size:12px}.character-modal .eyebrow{font-size:9px}.modal-note{font-size:9px!important}.character-modal .primary-button{font-size:11px;min-height:44px}.dialog-close{right:10px;top:9px}#toast{font-size:10px;padding:10px 17px;bottom:20px;width:max-content;max-width:90vw}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.hero-character{mask-image:radial-gradient(ellipse 48% 50% at 50% 50%,#000 48%,#000b 68%,transparent 100%)}

body,main{overflow-x:clip}.hero-description{color:#82788e}

.journey-banner{margin-top:55px}@media(max-width:700px){.journey-banner{margin-top:36px}.hero-actions{gap:15px}.hero-actions>.text-button{font-size:10px}}

.question-panel h1:focus{outline:none}.auto-advance-controls>span{font-size:9px;letter-spacing:.3px}@media(max-width:560px){.auto-advance-controls>span{order:initial;width:auto;text-align:right;padding-top:0;font-size:8px;letter-spacing:0}}

/* Questionnaire update and descriptive boundary hints. */
.progress-update{font-size:11px;color:#8b7a9e;line-height:1.9;max-width:390px;margin:14px 0 0}
.dimension-close{display:block;font-size:10px;color:#9a86ab;margin-top:5px}
.boundary-note{font-size:11px;line-height:1.9;color:#9582a4;background:#f3eef8;border:1px solid #e7ddef;border-radius:6px;padding:10px 12px;margin-top:14px}

.undetermined-card{max-width:640px;margin:0 auto;padding:28px;border:1px solid #e2dae9;border-radius:12px;background:#fbfaff}
.undetermined-card>p{font-size:12px;line-height:2;color:#94829f}
.review-dimensions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
@media(max-width:600px){.undetermined-card{padding:22px}.answer-option{padding:12px 14px}}