:root{--bg:#f6f4fa;--paper:#fffefa;--ink:#322742;--muted:#8e829c;--purple:#755597;--purple-dark:#60447e;--lavender:#eee7f5;--line:#e8e1ee;--shadow:0 12px 40px #62478308;--serif:"Songti SC","STSong","Noto Serif SC","SimSun",serif;--sans:"PingFang SC","Microsoft YaHei",system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 90% 10%,#e8dff05c,transparent 50%),radial-gradient(ellipse at 10% 70%,#f1e9e442,transparent 50%);pointer-events:none}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #a58abf;outline-offset:4px}button, a{transition:background .2s,transform .2s,box-shadow .2s}button:disabled:hover{transform:none}h1,h2,h3,p{margin:0}button svg,a svg{flex-shrink:0}#app{min-height:70vh;outline:none}.wrap{max-width:1120px;margin:0 auto;padding:0 30px}.site-header{height:104px;max-width:1240px;margin:auto;padding:0 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8e2ec}.brand{display:flex;align-items:center;gap:12px;font-family:var(--serif);font-size:22px;font-weight:600;letter-spacing:3px}.brand-seal{width:42px;height:47px;background:var(--purple);color:#fff9ed;border-radius:4px;display:grid;place-items:center;font-size:29px;outline:1px solid #b29bc3;outline-offset:-5px}.brand small{display:block;font-family:var(--sans);font-size:8px;letter-spacing:2.8px;color:var(--muted);font-weight:500;margin-top:5px}.site-header nav{display:flex;gap:32px}.nav-link{background:none;border:0;font-size:12px;letter-spacing:1px;padding:12px 0;color:#82748b}.nav-link span{margin-left:7px;color:#a48cb7}.nav-link:hover{color:var(--purple-dark)}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;min-height:610px;padding-top:45px;padding-bottom:45px;gap:16px}.eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:2px;color:var(--purple);font-weight:500}.tiny-star{font-size:14px}.eyebrow-no{font-size:9px;letter-spacing:1.5px;margin-left:13px;color:#a193aa;padding-left:15px;border-left:1px solid #d5c8df}.hero h1{font-family:var(--serif);font-weight:600;font-size:54px;line-height:1.5;letter-spacing:1px;margin:25px 0 18px}.ink-highlight{color:var(--purple)}.hero-description{font-size:13px;line-height:2.2;color:#93859d;letter-spacing:.4px}.hero-actions{display:flex;gap:15px;align-items:center;margin:30px 0 20px}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:16px 25px;border:1px solid transparent;border-radius:7px;font-weight:500;font-size:13px;letter-spacing:.4px;line-height:1.45;min-height:50px}.primary{background:var(--purple);color:#fff;box-shadow:0 5px 13px #69478817}.primary:hover{background:var(--purple-dark);transform:translateY(-2px);box-shadow:0 8px 16px #69478820}.text-button{background:none;color:#877095;font-size:11px;padding:13px 0;gap:7px;letter-spacing:0}.text-button:hover{color:var(--purple-dark)}.ghost{background:#ffffff5c;border-color:var(--line);color:#7b668d}.ghost:hover{background:var(--lavender);border-color:#cec0dc}.small{padding:11px 16px;min-height:42px;font-size:11px;gap:7px}.wide{width:100%}.hero-meta{display:flex;align-items:center;gap:13px;font-size:10px;color:#a397ab;letter-spacing:.3px}.hero-meta span{display:flex;align-items:center;gap:5px}.hero-meta i{width:2px;height:2px;border-radius:50%;background:#b5a8bd}.hero-art{height:483px;position:relative;display:flex;align-items:center;justify-content:center;margin:0 -25px 0 -8px;isolation:isolate}.orbit{position:absolute;border:1px solid #d7c9e54d;border-radius:50%;inset:15px 7px}.orbit-inner{inset:41px 33px;border-style:dashed;border-color:#d7c9e55e;transform:rotate(22deg)}.orbit-dot{position:absolute;width:6px;height:6px;border-radius:50%;background:#bdabd0}.dot-one{left:55px;top:64px}.dot-two{right:27px;bottom:125px;width:4px;height:4px}.art-label{position:absolute;top:5px;left:0;right:0;text-align:center;color:#ad9ab9;font-size:8px;letter-spacing:3px}.archive-arch{position:relative;width:291px;height:406px;background:#eee6f5;border:1px solid #d3c1e1;border-radius:150px 150px 10px 10px;padding:9px;box-shadow:0 18px 40px #6c4d8110;overflow:hidden}.archive-arch:before{content:"";position:absolute;inset:7px;border:1px solid #fff9;pointer-events:none;border-radius:145px 145px 5px 5px;z-index:2}.archive-arch img{width:100%;height:327px;object-fit:cover;border-radius:145px 145px 0 0;display:block}.arch-stars{position:absolute;top:35px;left:0;right:0;text-align:center;color:#9c85b0;font-size:9px;z-index:1}.arch-stars span{margin:0 10px;letter-spacing:4px}.arch-caption{height:57px;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:8px}.arch-caption span{font-size:8px;color:#a994b7;letter-spacing:3px}.arch-caption b{font-family:var(--serif);font-weight:500;font-size:13px;letter-spacing:3px;color:#78618d}.float-card{display:flex;align-items:center;gap:10px;padding:12px 15px;background:#fffefaeb;border:1px solid #fff;border-radius:9px;box-shadow:0 7px 22px #7054800d;position:absolute;z-index:3;backdrop-filter:blur(8px)}.float-card b{font-family:var(--serif);display:block;font-size:15px;font-weight:500;letter-spacing:2px}.float-card small{font-size:8px;color:#ab9bb5;display:block;margin-top:5px;letter-spacing:.6px}.float-poet{left:0;top:143px;transform:rotate(-5deg)}.float-empress{right:0;bottom:91px;transform:rotate(4deg)}.avatar{display:grid;place-items:center;width:35px;height:38px;border-radius:6px;color:#836399;font-family:var(--serif);font-size:23px}.poet{background:#ede5f2}.empress{background:#f1e8e2;color:#a98877}.float-spark{font-size:24px;color:#c5afda;margin-left:10px}.art-stamp{position:absolute;left:72px;bottom:60px;border:1px solid #b58f87;outline:1px solid #b58f8759;outline-offset:3px;width:29px;padding:5px 1px;color:#ae877f;letter-spacing:3px;line-height:1.3;text-align:center;font-family:var(--serif);font-size:12px;transform:rotate(-10deg)}.art-coordinate{position:absolute;bottom:7px;font-size:8px;letter-spacing:2.5px;color:#b7a5c3}.intro-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 30px;gap:14px}.intro-strip>div{display:flex;align-items:center;gap:13px;justify-content:center}.intro-strip>div+div{border-left:1px solid var(--line)}.intro-strip svg{color:#a086b6}.intro-strip b{display:block;font-size:12px;font-weight:500;letter-spacing:.5px}.intro-strip small{display:block;font-size:9px;color:#a397ab;margin-top:7px}.discover{padding-top:51px;padding-bottom:15px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px}.small-en{font-size:8px;letter-spacing:2px;color:#a58eb3}.section-heading h2{font-family:var(--serif);font-size:25px;font-weight:500;letter-spacing:1px;margin-top:12px}.subtle{font-size:10px;color:#a497ad;letter-spacing:.5px}.archetype-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.archetype-card{position:relative;overflow:hidden;border:1px solid #ded3e96b;border-radius:9px;text-align:left;padding:24px 24px 20px;min-height:224px;background:#eee8f4;display:flex;flex-direction:column}.archetype-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.archetype-card.artist{background:#f2e9e8;border-color:#e5d5d45c}.archetype-card.pioneer{background:#e8ede9;border-color:#d6dfd55c}.card-index{font-size:8px;letter-spacing:1.3px;color:#9e8bac}.artist .card-index{color:#b19596}.pioneer .card-index{color:#92a192}.character-symbol{color:#b7a2c8;font-size:37px;height:57px;display:flex;align-items:flex-end}.artist .character-symbol{color:#c8adb1}.pioneer .character-symbol{color:#a6b9a8;font-size:50px}.archetype-card h3{font-family:var(--serif);font-size:23px;font-weight:500;letter-spacing:3px;margin-top:8px}.archetype-card p{font-size:10px;color:#9f8fac;line-height:1.9;margin:12px 0 22px}.artist p{color:#ab9499}.pioneer p{color:#8e9d91}.card-tags{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:8px;color:#aa98b6;letter-spacing:1px;border-top:1px solid #d6c6e34d;padding-top:11px;margin-top:auto}.artist .card-tags{color:#b29b9c;border-color:#dfcacc7a}.pioneer .card-tags{color:#91a194;border-color:#c8d7cc7a}.card-tags>span{font-size:14px}.character-watermark{font-family:var(--serif);position:absolute;right:-7px;top:19px;font-size:150px;line-height:1;color:#a88dbe10;pointer-events:none}.artist .character-watermark{color:#b68d9310}.pioneer .character-watermark{color:#93ae9714}.closing-note{display:flex;justify-content:center;align-items:center;gap:22px;padding-top:42px;padding-bottom:43px;color:#b9a4c8}.closing-note p{font-family:var(--serif);font-size:12px;letter-spacing:1.5px;color:#9d8eaa;line-height:2}.closing-note>span{font-size:12px}.site-footer{max-width:1180px;margin:0 auto;padding:23px 30px;display:flex;justify-content:space-between;border-top:1px solid var(--line);font-size:8px;color:#b3a6bb;letter-spacing:1px}.mobile-break{display:none}.resume-banner{display:flex;align-items:center;gap:8px;margin-top:22px;max-width:400px;border:1px solid #ded0e8;background:#faf7fd;padding:12px;border-radius:7px;font-size:10px;color:#8e759e}.resume-banner>span{flex:1}.resume-link{border:0;background:none;color:var(--purple);padding:2px;font-size:10px;white-space:nowrap}.back-link{display:flex;align-items:center;gap:8px;border:0;background:none;padding:7px 0;color:#92829e;font-size:11px}.back-link:hover{color:var(--purple-dark)}.flow-wrap{max-width:620px;margin:38px auto 60px;padding:0 22px}.flow-card{border:1px solid var(--line);border-radius:16px;background:var(--paper);box-shadow:var(--shadow);padding:35px 42px;margin-top:18px}.flow-card .eyebrow{justify-content:center}.flow-icon{width:64px;height:64px;border:1px solid #e4d9ed;background:#f4eef9;display:grid;place-items:center;border-radius:50%;margin:30px auto 21px;color:#9a7bb2}.flow-card h1{text-align:center;font-size:29px;font-family:var(--serif);font-weight:500;line-height:1.6;letter-spacing:1px}.flow-subtitle{font-size:11px;color:#a08eaa;text-align:center;line-height:2;margin-top:16px}.preference-options{display:grid;gap:12px;margin:27px 0 25px}.preference-option{display:flex;align-items:center;gap:17px;text-align:left;border:1px solid var(--line);background:#fdfbff;border-radius:9px;padding:17px 19px}.preference-option:hover{background:#f5eef9;border-color:#c2aad5}.preference-option.selected{border-color:#9a78b7;background:#f1eaf7;box-shadow:0 0 0 1px #9a78b7}.preference-symbol{display:grid;place-items:center;width:37px;height:37px;border:1px solid #e1d5e9;background:#fff9;border-radius:50%;color:#8d6da5;font-size:22px}.preference-option b{font-weight:500;font-size:13px;display:block}.preference-option small{font-size:10px;color:#ab9ab6;display:block;margin-top:6px}.radio-dot{border:1px solid #d7c9e2;width:17px;height:17px;border-radius:50%;margin-left:auto;display:grid;place-items:center;color:#fff}.selected .radio-dot{background:var(--purple);border-color:var(--purple)}.flow-privacy{display:flex;justify-content:center;align-items:center;gap:5px;font-size:9px;color:#b2a3bd;margin-top:18px}.quiz-wrap{max-width:720px;padding:0 25px;margin:28px auto 60px}.quiz-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:31px}.save-status{font-size:9px;color:#b2a4bb;display:flex;align-items:center;gap:6px}.save-status>span{width:5px;height:5px;background:#a8b3a0;border-radius:50%}.quiz-progress-label{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#a08eab}.quiz-progress-label b{font-size:17px;color:var(--purple);font-weight:500}.progress-track{height:4px;border-radius:10px;background:#e7deef;margin:14px 0 27px;overflow:hidden}.progress-track>div{height:100%;border-radius:inherit;background:#9474b1;transition:width .3s}.question-card{padding:31px 35px;background:var(--paper);border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow)}.question-card .eyebrow{justify-content:space-between;letter-spacing:1px;font-size:10px}.question-card .eyebrow .tiny-star{margin-right:0}.question-card .eyebrow-no{border:0;margin:0;padding:0;margin-left:auto;font-size:8px}.question-card h1{font-size:24px;font-family:var(--serif);font-weight:500;line-height:1.8;margin:24px 0 13px;min-height:86px}.question-guidance{font-size:11px;color:#aa9ab4;line-height:1.8}.answer-list{display:flex;flex-direction:column;gap:12px;margin:25px 0 28px}.answer-option{display:flex;align-items:center;gap:13px;width:100%;border:1px solid #e7dfec;border-radius:8px;background:#fbf9fd;min-height:66px;text-align:left;padding:15px;font-size:12px;line-height:1.7}.answer-option:hover{border-color:#b39ac8;background:#f4edf9}.answer-option.selected{background:#eee6f6;border-color:#9777b0;box-shadow:0 0 0 1px #9777b0;color:#68487f}.answer-letter{width:26px;height:26px;display:grid;place-items:center;border:1px solid #e5daed;color:#a48ab7;font-size:10px;border-radius:50%;flex-shrink:0;background:#fff9}.selected .answer-letter{background:var(--purple);color:#fff;border-color:var(--purple)}.answer-arrow{margin-left:auto;color:#b8a3c7;opacity:0;display:flex}.answer-option:hover .answer-arrow,.answer-option.selected .answer-arrow{opacity:1}.question-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--line);padding-top:22px}.question-nav>span{font-size:9px;color:#af9cbc;text-align:center}.quiz-footnote{text-align:center;color:#b5a5bf;font-family:var(--serif);font-size:12px;letter-spacing:2px;margin-top:25px}.loading-card{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px}.loading-card h1{font-family:var(--serif);font-weight:500;font-size:30px;letter-spacing:3px}.loading-card p{font-size:12px;color:var(--muted)}.loading-orbit{width:115px;height:115px;border-radius:50%;border:1px dashed #b6a0c9;display:grid;place-items:center;animation:loading-orbit 8s linear infinite}.loading-orbit>span{display:grid;place-items:center;width:60px;height:60px;font-size:38px;font-family:var(--serif);color:var(--purple);border:1px solid #b6a0c9;animation:loading-orbit 8s linear infinite reverse}@keyframes loading-orbit{to{transform:rotate(360deg)}}.result-wrap{max-width:880px;margin:38px auto 55px;padding:0 25px}.result-topline{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1.5px;color:#aa97b5;margin:0 2px 17px}.result-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at center top,#f1e9f8,#fffcf8 65%);border:1px solid #e3d6ec;border-radius:16px;padding:37px 35px 28px;display:flex;flex-direction:column;align-items:center;box-shadow:var(--shadow)}.result-hero:before,.result-hero:after{content:"";position:absolute;top:54px;left:calc(50% - 150px);width:300px;height:300px;border:1px solid #b9a1cb1f;border-radius:50%;pointer-events:none}.result-hero:after{width:330px;height:330px;left:calc(50% - 165px);top:39px;border-style:dashed}.result-corner-seal{position:absolute;right:25px;top:25px;border:1px solid #b9958b;outline:1px solid #b9958b55;outline-offset:3px;width:26px;padding:4px 0;font-family:var(--serif);color:#b08a82;font-size:11px;text-align:center;letter-spacing:2px;line-height:1.4}.result-kicker{font-size:11px;letter-spacing:3px;color:#9b80ae}.result-person-seal{display:grid;place-items:center;width:58px;height:62px;border:1px solid #b89dcc;border-radius:48% 48% 3px 3px;font-size:38px;font-family:var(--serif);color:#a384ba;background:#f6effa;margin:25px 0 13px}.result-hero h1{font-family:var(--serif);font-size:46px;font-weight:500;letter-spacing:7px;position:relative;z-index:1}.person-subtitle{font-size:11px;color:#a48caf;margin-top:14px;letter-spacing:.5px}.person-subtitle>span{padding:0 8px}.result-tags{display:flex;gap:7px;flex-wrap:wrap;justify-content:center;margin-top:18px;z-index:1}.result-tags>span{font-size:9px;color:#9b81ad;background:#f3edf8;border:1px solid #e3d6ed;padding:5px 11px;border-radius:20px}.result-tags .archetype-tag{background:#e8deef;color:#79578f}.match-badge{display:flex;align-items:center;gap:13px;margin-top:24px;z-index:1}.match-badge>span:first-child{color:var(--purple);line-height:1}.match-badge b{font-size:40px;font-weight:500;letter-spacing:-2px}.match-badge small{font-size:13px;margin-left:2px}.match-badge>span+span{font-size:10px;color:#866c96;border-left:1px solid #daccdf;padding-left:13px;letter-spacing:1px;line-height:2}.match-badge>span+span small{display:block;font-size:8px;color:#b19cbe;margin-left:0;letter-spacing:.5px}.result-hero blockquote{font-family:var(--serif);font-size:17px;color:#7d658c;text-align:center;line-height:1.9;border-top:1px solid #e9e0ed;width:100%;margin:25px 0 0;padding-top:22px;z-index:1}.result-hero blockquote small{display:block;font-family:var(--sans);font-size:8px;color:#b7a6c0;letter-spacing:1px;margin-top:7px}.report-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px}.report-section{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:25px;margin-top:18px}.report-section-title{display:flex;align-items:center;gap:10px;margin-bottom:19px}.report-section-title>span{font-size:9px;font-family:var(--sans);letter-spacing:1px;color:#af99bd;border:1px solid #e6dbed;padding:5px;border-radius:4px}.report-section-title h2{font-size:19px;font-family:var(--serif);font-weight:500;letter-spacing:1px}.report-section-title svg{margin-left:auto;color:#bda9cb}.portrait-section>p{font-family:var(--serif);font-size:15px;line-height:2.3;color:#8c769a}.dominant-note{display:flex;align-items:center;gap:8px;border:1px solid #e3d6ed;background:#f6f0fa;padding:13px;margin-top:22px;color:#9d82ae;font-size:10px;border-radius:7px}.dominant-note b{font-weight:500;color:var(--purple);padding-left:8px}.radar-chart{width:100%;max-height:235px;display:block}.dimension-layout{display:grid;grid-template-columns:1fr}.dimension-bars{display:grid;gap:8px}.dimension-row{display:flex;align-items:center;gap:10px;font-size:9px;color:#9b87a9}.dimension-row>span{width:25px;flex-shrink:0}.dimension-row>div{height:4px;border-radius:10px;overflow:hidden;background:#eee6f4;flex:1}.dimension-row i{display:block;height:100%;background:#a48aba;border-radius:10px}.dimension-row b{font-weight:500;min-width:18px;text-align:right;color:#9d81b0}.chart-note{font-size:8px;color:#baa9c4;text-align:center;margin-top:16px;line-height:1.8}.report-notes{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:13px}.report-note{background:#f8f5fb;border:1px solid #eee5f3;border-radius:7px;padding:18px}.report-note h3{font-weight:500;font-size:11px;color:#8d6ba1;line-height:1.8;margin-bottom:9px}.report-note p{font-size:11px;color:#a18dab;line-height:2.1}.report-notes.single .report-note{background:none;border:0;padding:0}.report-notes.single p{font-size:13px;line-height:2.2}.related-figures{padding:26px 13px;color:#ae9cba;text-align:center}.related-figures>span{font-size:10px;letter-spacing:1px}.related-figures>div{display:flex;justify-content:center;gap:44px;margin-top:20px}.related-figures b{font-family:var(--serif);font-size:18px;font-weight:500;color:#8d749f;letter-spacing:1px}.related-figures small{display:block;font-size:8px;margin-top:7px;letter-spacing:.5px}.result-actions{display:flex;justify-content:center;gap:14px;margin:9px 0 20px}.result-disclaimer{text-align:center;font-size:8px;line-height:2.1;color:#b4a1bf;letter-spacing:.3px}dialog{border:1px solid #e3d7ea;border-radius:16px;background:#fffcfa;color:var(--ink);width:min(580px,calc(100% - 32px));padding:28px;max-height:85dvh;box-shadow:0 30px 100px #2f173440}dialog::backdrop{background:#30213d66;backdrop-filter:blur(5px)}body.modal-open{overflow:hidden}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.modal-head .eyebrow{font-size:8px;letter-spacing:1.7px}.modal-head h2{font-size:24px;font-family:var(--serif);line-height:1.7;letter-spacing:1px;font-weight:500;margin:12px 0 5px}.icon-button{border:1px solid var(--line);background:#f3edf7;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;color:#9a80ab}.icon-button svg{width:16px;height:16px}.about-content>p{font-size:12px;line-height:2.2;color:#a18cab;margin:16px 0}.about-dimensions{display:flex;gap:8px;flex-wrap:wrap;margin:19px 0}.about-dimensions>span{border:1px solid #e2d4ec;background:#f1eaf7;border-radius:20px;font-size:10px;padding:6px 11px;color:#9b7db0}.about-content ol{padding-left:23px;color:#8d719e;font-size:12px}.about-content li{padding:6px 0}.about-content li b{font-weight:500}.about-content li p{font-size:11px;color:#ad99b7;line-height:2;margin:7px 0}.about-disclaimer{font-size:10px;background:#f8f1f9;color:#ad97b6;border-left:2px solid #c7afd7;line-height:2.1;padding:14px;margin:20px 0}.library-modal{width:min(850px,calc(100% - 32px))}.library-intro{font-size:10px;color:#ac96b7;line-height:2;margin:12px 0 22px}.library-controls{display:flex;gap:14px;justify-content:space-between;align-items:center;flex-wrap:wrap}.search-input{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:7px;padding:12px;color:#ab95b8;background:#fcf9fe;flex:1;min-width:200px}.search-input input{border:0;background:none;font-size:11px;outline:none;min-width:0;width:100%;color:var(--ink)}.search-input input::placeholder{color:#b7a1c1}.library-filters{display:flex;gap:5px}.library-filters button{font-size:10px;padding:9px 11px;border:1px solid transparent;border-radius:5px;color:#a38bab;background:none;white-space:nowrap}.library-filters button.active{border-color:#c9b4da;color:#8b67a1;background:#f2eaf8}#library-count{font-size:9px;letter-spacing:1px;color:#b29abe;padding:16px 0}.library-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.library-person{display:flex;align-items:center;gap:13px;padding:18px 13px;border:1px solid var(--line);border-radius:8px;background:#fffefd;position:relative}.library-character{display:grid;place-items:center;width:45px;height:52px;background:#f0e8f6;border:1px solid #e4d5ed;border-radius:4px;color:#ac8fbf;font-family:var(--serif);font-size:30px;flex-shrink:0}.library-person h3{font-family:var(--serif);font-size:17px;font-weight:500;letter-spacing:1px}.library-person p{font-size:9px;color:#b29bc0;line-height:1.8;margin:6px 0}.library-person div>span{color:#a48aaf;font-size:8px;border:1px solid #e9dfef;border-radius:12px;padding:3px 8px}.person-kind{position:absolute;right:10px;top:9px;font-size:6px;color:#c7b7d0}.empty-state{grid-column:1/-1;padding:45px;text-align:center;color:#b4a0c1}.empty-state svg{margin:0 auto 15px}.empty-state p{font-family:var(--serif);font-size:19px;margin-bottom:10px}.empty-state small{font-size:10px}.export-tip{font-size:10px;line-height:2;color:#a58cae;margin:14px 0}.export-preview{width:100%;height:auto;display:block;border:1px solid var(--line);border-radius:8px;margin-bottom:18px}.export-modal{width:min(560px,calc(100% - 32px))}.access-input{display:block;border:1px solid #d9c5e5;border-radius:9px;width:100%;padding:18px;text-align:center;margin:25px 0 12px;font-size:25px;letter-spacing:12px;background:#faf6fd;color:var(--purple)}#access-error{font-size:11px;color:#b97b87;text-align:center;min-height:24px;margin-bottom:12px}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,15px);background:#5c4372eb;color:white;padding:12px 23px;font-size:12px;border-radius:8px;max-width:calc(100vw - 30px);width:max-content;opacity:0;pointer-events:none;z-index:100;transition:opacity .2s,transform .2s;line-height:1.8}#toast.visible{opacity:1;transform:translate(-50%,0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1000px){.hero-copy{padding-bottom:10px}.hero-art{margin-left:0}.hero h1{font-size:55px}.portrait-section{display:flex;flex-direction:column}.portrait-section .dominant-note{margin-top:auto}.portrait-section>p{padding-bottom:30px}.result-wrap{max-width:950px}.dimension-layout{grid-template-columns:1.2fr 1fr;align-items:center;gap:7px}.dimension-section{padding:25px 20px}.radar-chart{max-height:225px}.dimension-row{font-size:8px;gap:6px}.dimension-row>span{width:20px}.report-layout{grid-template-columns:.9fr 1.1fr}}
@media(min-width:1400px){.hero{min-height:635px}.hero-art{height:495px}}
@media(max-width:900px){.wrap{padding-left:25px;padding-right:25px}.site-header{height:90px;padding:0 28px}.hero h1{font-size:44px}.hero{min-height:550px}.hero-art{transform:scale(.88);margin-left:-35px;margin-right:-15px}.hero-actions{gap:10px}.hero-actions .primary{padding:16px 18px;font-size:12px}.hero-actions .text-button{font-size:10px}.intro-strip{padding:24px 18px}.intro-strip>div{gap:9px}.intro-strip b{font-size:11px}.intro-strip small{font-size:8px}.archetype-card{padding:20px;min-height:218px}.archetype-card p{font-size:9px}.section-heading h2{font-size:23px}}
@media(max-width:700px){.site-header{height:80px;padding:0 22px}.brand{font-size:19px;letter-spacing:2px;gap:10px}.brand-seal{width:35px;height:41px;font-size:26px}.brand small{font-size:6px;letter-spacing:2.6px}.site-header nav{gap:19px}.nav-link{font-size:10px;letter-spacing:0}.nav-link span{margin-left:3px}.hero{grid-template-columns:1fr;min-height:auto;padding-top:39px;padding-bottom:28px;gap:0}.hero-copy{text-align:center}.hero-copy .eyebrow{justify-content:center;font-size:8px;letter-spacing:1.3px}.hero-copy .eyebrow-no{font-size:7px;margin-left:7px;padding-left:9px}.hero h1{font-size:39px;line-height:1.55;margin:20px 0 14px;letter-spacing:1px}.hero-description{font-size:11px;line-height:2.1}.hero-actions{justify-content:center;gap:18px;margin:24px 0 17px}.hero-actions .primary{font-size:12px;min-height:49px;padding:15px 20px}.hero-actions .text-button{font-size:10px}.hero-meta{justify-content:center;font-size:9px;gap:11px}.hero-art{height:390px;transform:none;margin:25px 0 0;width:min(100%,390px);justify-self:center}.archive-arch{width:241px;height:336px;border-radius:125px 125px 8px 8px;padding:7px}.archive-arch img{height:267px}.archive-arch:before{inset:5px;border-radius:120px 120px 4px 4px}.arch-stars{top:29px;font-size:8px}.arch-caption{height:51px;gap:7px}.arch-caption b{font-size:11px;letter-spacing:2px}.arch-caption span{font-size:7px;letter-spacing:2px}.orbit{inset:15px -4px 14px}.orbit-inner{inset:36px 18px}.float-card{padding:10px 11px;gap:8px}.float-card b{font-size:13px}.float-card small{font-size:7px}.float-poet{left:-8px;top:128px}.float-empress{right:-6px;bottom:70px}.avatar{width:28px;height:32px;font-size:20px}.float-spark{font-size:19px;margin-left:5px}.art-stamp{left:40px;bottom:43px;font-size:10px;width:25px}.art-label{font-size:6px;letter-spacing:2.4px;top:0}.art-coordinate{font-size:6px;bottom:0}.dot-one{left:23px;top:65px}.dot-two{right:16px;bottom:110px}.intro-strip{grid-template-columns:1fr 1fr;padding:22px 25px;gap:25px 18px;margin:0 20px}.intro-strip>div{justify-content:flex-start;gap:12px}.intro-strip>div+div{border-left:0}.intro-strip svg{width:20px}.intro-strip b{font-size:11px}.intro-strip small{font-size:8px;margin-top:6px}.discover{padding-top:34px}.small-en{font-size:7px;letter-spacing:1.4px}.section-heading{margin-bottom:18px;gap:10px}.section-heading h2{font-size:21px;line-height:1.7;margin-top:8px}.section-heading .subtle{display:none}.archetype-cards{gap:12px;grid-template-columns:1fr}.archetype-card{min-height:155px;padding:18px 22px;display:block}.card-index{font-size:8px}.archetype-card h3{font-size:23px;margin:17px 0 7px}.archetype-card p{font-size:10px;margin:0 0 18px}.character-symbol{position:absolute;right:45px;top:30px;font-size:50px;height:auto}.pioneer .character-symbol{font-size:69px;top:20px}.character-watermark{font-size:140px;right:20px;top:2px}.card-tags{padding-top:11px;font-size:8px}.closing-note{padding-top:30px;padding-bottom:30px;gap:16px}.closing-note p{font-size:11px;text-align:center;letter-spacing:1px}.closing-note>span{font-size:8px}.mobile-break{display:block}.site-footer{margin:0 22px;padding:20px 0;font-size:7px;gap:8px;letter-spacing:.3px}.resume-banner{max-width:350px;margin:20px auto 0;text-align:left}.flow-wrap{margin:25px auto 40px;padding:0 18px}.flow-card{padding:28px 22px;border-radius:12px}.flow-card h1{font-size:26px}.flow-subtitle{font-size:10px;line-height:2}.flow-icon{width:58px;height:58px;margin-top:26px}.preference-option{padding:16px 14px;gap:12px}.preference-option b{font-size:12px}.preference-option small{font-size:9px;line-height:1.7}.flow-privacy{font-size:8px;line-height:1.8}.flow-card .eyebrow{font-size:9px}.quiz-wrap{padding:0 17px;margin:21px auto 40px}.quiz-top{margin-bottom:28px}.quiz-progress-label{font-size:10px}.question-card{padding:25px 21px}.question-card h1{font-size:22px;line-height:1.75;min-height:110px;margin-top:21px}.question-guidance{font-size:10px}.answer-list{gap:12px;margin:23px 0}.answer-option{font-size:12px;min-height:72px;padding:15px 12px;gap:11px}.answer-arrow{display:none}.answer-letter{width:25px;height:25px}.question-nav{padding-top:18px;gap:7px}.question-nav .small{font-size:10px;padding:10px;gap:5px}.question-nav>span{font-size:8px;line-height:1.7;max-width:100px}.quiz-footnote{font-size:10px;letter-spacing:1px}.result-wrap{padding:0 17px;margin:25px auto 40px}.result-hero{padding:30px 22px 23px}.result-hero h1{font-size:41px}.result-corner-seal{right:20px;top:22px}.result-kicker{font-size:9px;letter-spacing:2px}.result-person-seal{width:52px;height:58px;font-size:35px}.person-subtitle{font-size:10px}.result-tags>span{font-size:9px;padding:4px 9px}.match-badge b{font-size:38px}.result-hero blockquote{font-size:16px;line-height:1.9}.report-layout{grid-template-columns:1fr;gap:0}.report-section{padding:22px;margin-top:14px}.report-section-title{gap:9px;margin-bottom:17px}.report-section-title h2{font-size:19px}.portrait-section>p{font-size:15px;line-height:2.2}.report-notes{grid-template-columns:1fr;gap:11px}.report-note{padding:16px}.report-note h3{font-size:12px}.report-note p{font-size:12px;line-height:2}.report-notes.single p{font-size:13px}.dimension-layout{grid-template-columns:1fr}.radar-chart{max-height:260px}.dimension-bars{gap:11px}.dimension-row{font-size:10px}.chart-note{font-size:8px;margin-top:17px}.related-figures{padding:23px 0}.related-figures>div{gap:22px}.related-figures b{font-size:17px}.related-figures small{font-size:7px}.related-figures>span{font-size:9px}.result-actions{flex-direction:column;gap:11px}.result-actions .button{width:100%;font-size:12px}.result-disclaimer{font-size:8px;line-height:2}.modal-head h2{font-size:22px}.modal-head .eyebrow{font-size:7px}dialog{padding:23px 20px;max-height:88dvh}.library-grid{grid-template-columns:1fr}.library-person{padding:15px}.library-person h3{font-size:18px}.library-person p{font-size:10px}.library-person div>span{font-size:9px}.library-controls{gap:12px}.search-input{width:100%;flex:auto}.library-filters{gap:8px}.library-filters button{font-size:10px;padding:8px 13px}.about-content>p{font-size:12px}.about-content li p{font-size:11px}.about-disclaimer{font-size:10px}.export-tip{font-size:10px}}
@media(max-width:360px){.site-header{padding:0 16px}.site-header nav{gap:12px}.brand{font-size:17px}.hero h1{font-size:34px}.hero-actions{gap:10px}.hero-actions .primary{font-size:11px;padding:14px 16px}.hero-actions .text-button{font-size:9px}.hero-art{transform:scale(.92);margin-top:10px;margin-bottom:-20px}.intro-strip{margin:0 15px;padding:21px 13px}.flow-card h1{font-size:24px}.question-card{padding:22px 17px}.question-card h1{font-size:20px}.question-nav .small{font-size:9px;padding:9px}.question-nav>span{max-width:85px}.related-figures>div{gap:16px}.site-footer{font-size:6px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}