:root{color-scheme:light;--bg:#fbf5f2;--paper:#fffaf7;--ink:#422f35;--muted:#80676e;--accent:#8d4f62;--deep:#754052;--soft:#f2e2e4;--line:#e6d5d8;--sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;--serif:"Songti SC","Noto Serif CJK SC","STSong",serif}*{box-sizing:border-box}html{scroll-padding-top:20px}body{margin:0;color:var(--ink);font:15px/1.65 var(--sans);background:radial-gradient(ellipse at 0 15%,#f1dfe2 0,transparent 55%),var(--bg);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer;border:0}button:disabled{opacity:.4;cursor:not-allowed}a{color:var(--accent)}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:pretty}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.skip-link{position:fixed;left:15px;top:-100px;z-index:30;padding:10px;background:var(--paper)}.skip-link:focus{top:10px}.site-header{max-width:1040px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:12px 25px;min-height:64px;position:relative;z-index:2}.brand{min-height:44px;display:flex;align-items:center;gap:10px;padding:0;background:none;font-size:13px;letter-spacing:1px}.brand-latin{font:600 19px Georgia,serif;letter-spacing:0}.brand-divider{width:1px;height:13px;background:#c9aab4}.text-button{min-height:44px;padding:9px 0;background:none;color:var(--muted);font-size:12px}.about-button span{margin-left:5px}.primary{display:flex;align-items:center;justify-content:center;gap:15px;min-height:54px;padding:14px 20px;border-radius:13px;color:#fffaf7;font-size:15px;font-weight:550;background:linear-gradient(110deg,#a26477,#834b5e);box-shadow:0 7px 22px #86455517;text-decoration:none;transition:transform .18s,filter .18s}.primary:active:not(:disabled){transform:scale(.985)}.secondary{min-height:50px;background:#ffffff70;border:1px solid var(--line);border-radius:13px;padding:12px 20px;font-size:13px}.eyebrow{color:var(--accent);font-size:11px;letter-spacing:1.7px}.privacy-note,.site-note{font-size:10px;color:var(--muted);line-height:1.9;text-align:center}.site-note{margin-top:28px}.page{width:min(100%,680px);margin:auto;padding:28px 24px 50px}.page h1{font-size:29px;line-height:1.6;letter-spacing:-.5px}.initial-loading{padding:20vh 20px;text-align:center;color:var(--muted)}
/* The supplied photograph is the cover, with a warm rose wash for readable type. */
.cover{position:relative;isolation:isolate;overflow:hidden;max-width:990px;margin:0 auto;min-height:min(750px,calc(100svh - 68px));display:flex;flex-direction:column;padding:24px 28px 20px;background:#f5eae5}.cover-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 48%;z-index:-3}.cover-wash{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#fbf3eff2 0%,#fbf3efc9 20%,#fbf3ef0d 48%,#f4e3e299 72%,#f7e8e5fc 88%,#f7e8e5 100%)}.cover-copy{max-width:560px}.cover h1{font-family:var(--serif);font-size:37px;font-weight:600;line-height:1.5;letter-spacing:2px;margin:13px 0 12px;color:#694251}.cover h1>span{display:block}.cover .cover-mbti{font-family:Georgia,"Times New Roman",serif;font-size:66px;font-weight:400;line-height:1.03;letter-spacing:1px;margin-bottom:6px}.cover-intro{font-size:13px;line-height:1.9;color:#735963;letter-spacing:.3px}.cover-space{flex:1;min-height:160px}.cover-facts{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;color:#725660;margin-bottom:18px}.cover-facts b{font-size:18px;line-height:1;font-weight:500;letter-spacing:-.5px;font-variant-numeric:tabular-nums;margin-right:2px}.cover-facts i{height:12px;width:1px;background:#d5bbc3}.cover-cta{justify-content:space-between;width:100%;letter-spacing:.5px;min-height:56px}.cover-cta>span{font-size:23px;font-weight:400}.cover-bottom .privacy-note{margin-top:10px}.restart-link{display:block;margin:2px auto -10px;text-decoration:underline;text-underline-offset:4px}.landing-notes{max-width:680px;margin:auto;padding:38px 28px 36px}.landing-notes h2{font:500 27px/1.5 var(--serif);margin:10px 0 21px}.note-row{display:flex;gap:18px;border-top:1px solid var(--line);padding:20px 0}.note-row>span{font:14px Georgia,serif;color:var(--accent);padding-top:5px}.note-row h3{font-size:15px;font-weight:550}.note-row p{font-size:12px;color:var(--muted);margin-top:5px;line-height:1.9}
.intro{padding-top:25px;max-width:560px}.intro h1{font-family:var(--serif);font-weight:500;font-size:34px;margin:15px 0}.lead{font-size:14px;color:var(--muted);line-height:1.9}.intro-note{border-top:1px solid var(--line);padding:20px 0}.intro-note:first-of-type{margin-top:27px}.intro-note b{font-size:14px;font-weight:550}.intro-note p{font-size:13px;color:var(--muted);margin-top:6px;line-height:1.9}.intro .primary{width:100%;margin-top:14px}.intro>.text-button{display:block;margin:9px auto}
body[data-screen=quiz] .site-header{padding-top:4px;padding-bottom:1px;min-height:50px}.quiz{padding:2px 22px 110px;max-width:620px}.quiz-top{display:flex;align-items:center;justify-content:space-between}.quiz-top strong{font:500 25px Georgia,serif;color:var(--accent)}.total{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.progress-track{height:3px;background:#e8d9dc;border-radius:4px;overflow:hidden;margin-top:5px}.progress-track>span{display:block;height:100%;width:100%;background:#ac7285;transform-origin:left;transition:transform .2s}.question-area{padding-top:29px;animation:arrive .18s ease}.question-area .eyebrow{font-size:10px;letter-spacing:1px}.question-area h1{font:550 22px/1.65 var(--sans);margin:13px 0 12px;letter-spacing:0;outline:none;min-height:108px;display:flex;align-items:center}.question-help{font-size:12px;color:var(--muted);margin-bottom:16px}.options{display:grid;gap:9px}.option{display:flex;align-items:center;gap:13px;width:100%;min-height:54px;padding:12px 15px;text-align:left;background:#fffcf9d9;border:1px solid #e8dadd;border-radius:13px;font-size:14px;transition:background .15s,border-color .15s,transform .15s}.option:active{transform:scale(.99)}.option-marker{height:25px;width:25px;flex:0 0 25px;border:1px solid #d4bbc3;color:#96717e;border-radius:50%;font-size:11px;display:grid;place-items:center}.option-check{margin-left:auto;color:transparent}.option[aria-checked=true]{border-color:var(--accent);background:#f1e1e6;color:var(--deep)}.option[aria-checked=true] .option-marker{background:var(--accent);color:white;border-color:var(--accent)}.option[aria-checked=true] .option-check{color:var(--accent)}.selection-note{min-height:19px;text-align:center;font-size:11px;color:var(--accent);margin-top:15px}.auto-toggle{display:flex;align-items:center;justify-content:center;gap:8px;background:none;font-size:11px;min-height:44px;color:var(--muted);margin:0 auto;padding:8px 12px}.toggle-track{width:29px;height:17px;border-radius:20px;background:#cbbbc1;padding:3px;transition:background .15s}.toggle-track:before{content:"";display:block;width:11px;height:11px;border-radius:50%;background:#fff;transition:transform .15s}.auto-toggle[aria-pressed=true] .toggle-track{background:var(--accent)}.auto-toggle[aria-pressed=true] .toggle-track:before{transform:translateX(12px)}.save-note{font-size:10px;color:var(--muted);text-align:center}.quiz-footer{position:fixed;bottom:0;left:0;right:0;z-index:5;background:#fcf6f2f2;backdrop-filter:blur(15px);border-top:1px solid var(--line);padding:10px 20px max(10px,env(safe-area-inset-bottom))}.quiz-footer>div{max-width:576px;margin:auto;display:flex;align-items:center;gap:12px}.quiz-footer .primary{flex:1;min-width:0;min-height:50px}.quiz-footer .text-button{min-width:54px;font-size:12px}.quiz-footer #skip-button{min-width:44px}
.result{max-width:760px;padding-top:24px}.result-header{text-align:center;margin-bottom:24px}.result-header h1{font:500 29px/1.6 var(--serif);margin:9px 0}.result-header>p:last-child{font-size:11px;color:var(--muted)}.result-cover{position:relative;overflow:hidden;background:linear-gradient(135deg,#f4e3e3,#ecd4dc 65%,#f4e6e7);padding:29px 25px;border-radius:23px;border:1px solid #ffffff80;box-shadow:0 15px 45px #a76d8210}.report-label{color:var(--accent);font-size:10px;letter-spacing:1px}.type-code{font:500 65px/1.3 Georgia,serif;color:var(--deep);margin:12px 0}.type-words{font-family:var(--serif);font-size:32px;line-height:1.6;overflow-wrap:anywhere}.result-cover h2{font:500 23px/1.6 var(--serif)}.result-cover p{font-size:13px;line-height:1.95;color:#705761;margin-top:14px}.result-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}.result-tags>span{font-size:10px;padding:4px 9px;border:1px solid #cfaeba;border-radius:6px;color:#754b5a}.result-disclaimer{font-size:11px;color:var(--muted);line-height:1.9;margin:16px 3px 30px}.report-section{margin-top:32px}.report-section h2{font:500 24px/1.5 var(--serif);margin:8px 0 17px}.section-heading{display:flex;align-items:center;justify-content:space-between}.section-heading h2{margin-bottom:8px}.insight{display:flex;gap:15px;padding:21px 0;border-top:1px solid var(--line)}.insight-number{font:20px Georgia,serif;color:#9b677b;padding-top:3px}.insight h3{font-size:15px;font-weight:550}.insight p{font-size:13px;line-height:1.9;color:var(--muted);margin-top:7px}.insight .conversation{font-size:12px;color:#7e4f61}.empty-copy{font-size:13px;color:var(--muted);line-height:1.9}.function-list{background:#fffcfa99;border-radius:18px;padding:4px 20px}.function-row{padding:18px 0;border-bottom:1px solid var(--line)}.function-row:last-child{border:0}.function-row>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:10px}.function-row h3{font-size:14px;font-weight:500}.function-row h3 small{font:12px Georgia,serif;color:var(--muted);margin-left:7px}.function-row>div>span{font-size:11px;color:var(--accent)}.function-bar{position:relative;height:5px;background:linear-gradient(90deg,#e7dfe0,#dcbbc8);border-radius:10px;margin:15px 0 12px}.function-bar:after{content:"";position:absolute;left:50%;top:-2px;height:9px;width:1px;background:#ae8797}.function-bar i{position:absolute;width:11px;height:11px;border-radius:50%;background:var(--accent);top:-3px;transform:translateX(-50%);z-index:1}.function-row p,.chart-note{font-size:11px;color:var(--muted);line-height:1.8}.chart-note{margin:12px 2px}.candidate-list{display:grid;gap:9px}.candidate-list>div{display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--line);padding:14px 0}.candidate-list strong{font:23px Georgia,serif;color:var(--accent)}.candidate-list span{font-size:12px;color:var(--muted)}details{font-size:12px;color:var(--muted)}summary{padding:17px 0;min-height:48px;cursor:pointer;color:var(--accent)}details p{line-height:1.9;margin:0 0 13px}.ranking{margin-top:9px}.ranking>div{display:flex;gap:16px;border-bottom:1px solid var(--line);padding:12px 0;font-size:12px}.ranking>div>span:first-child{font-variant-numeric:tabular-nums;color:var(--accent)}.ranking b{min-width:40px;font-weight:550}.ranking>div>span:last-child{font-size:11px}.closing-note{padding:29px 24px;background:linear-gradient(135deg,#f1e0e3,#faf0e9);border-radius:20px;margin-top:32px}.closing-note h2{font:500 25px/1.65 var(--serif);margin:10px 0 14px}.closing-note>p:last-child{font-size:12px;line-height:2;color:var(--muted)}.result-actions{display:grid;gap:11px;margin-top:28px}.method{border-top:1px solid var(--line);margin-top:15px}.missing-panel{padding:24px;background:#f5e9e8;border-radius:17px;margin-top:18px}.missing-panel h2{font-size:18px}.missing-panel p{font-size:12px;color:var(--muted);margin:10px 0 18px;line-height:1.9}.missing-panel .primary{font-size:13px}.toast{position:fixed;bottom:105px;left:50%;transform:translate(-50%,8px);width:max-content;max-width:calc(100% - 32px);padding:12px 17px;background:#513640;color:#fff9f7;font-size:12px;border-radius:12px;opacity:0;pointer-events:none;z-index:30;transition:.2s}.toast.visible{opacity:1;transform:translate(-50%,0)}dialog{width:min(440px,calc(100% - 32px));max-height:85dvh;padding:26px;border:1px solid #e5cfd6;border-radius:22px;background:var(--paper);color:var(--ink);box-shadow:0 25px 80px #60334330;overflow:auto}dialog::backdrop{background:#45303b66;backdrop-filter:blur(5px)}dialog h2{font:500 25px/1.5 var(--serif);margin-bottom:17px}dialog p{font-size:13px;color:var(--muted);line-height:1.9;margin:12px 0}.dialog-actions{display:flex;gap:10px;margin-top:22px}.dialog-actions>button{flex:1;font-size:13px}.share-preview{display:block;width:100%;height:auto;border-radius:8px}.download-link{font-size:13px}.error{padding-top:15vh}.error p{margin:15px 0 25px;color:var(--muted)}
@keyframes arrive{from{transform:translateY(4px)}to{transform:translateY(0)}}
@media(hover:hover){.primary:hover:not(:disabled){filter:brightness(.96)}.option:hover{border-color:#be929f}.text-button:hover{color:var(--deep)}.secondary:hover{background:#f5e5e8}}
@media(min-width:701px){.site-header{padding:18px 30px}.cover{min-height:650px;padding:53px 55px 35px;border-radius:26px;display:block}.cover-image{left:auto;right:0;width:62%;object-position:center}.cover-wash{background:linear-gradient(90deg,#f8eeea 0%,#f8eeeaee 33%,#f8eeea66 53%,#f8eeea00 85%)}.cover-copy{max-width:55%}.cover h1{font-size:47px;margin:20px 0}.cover .cover-mbti{font-size:89px}.cover-intro{font-size:15px}.cover-space{min-height:60px}.cover-bottom{width:380px;max-width:50%}.cover-facts{font-size:11px}.landing-notes{max-width:900px;padding-top:45px}.landing-notes h2{font-size:32px}.landing-notes .note-row{display:inline-flex;width:48%;vertical-align:top}.page{padding-top:35px}.quiz{padding-top:5px}.question-area{padding-top:35px}.question-area h1{font-size:25px;min-height:110px}.option{font-size:15px;min-height:59px}.result{padding-left:32px;padding-right:32px}.result-cover{padding:35px 38px}.result-cover h2{font-size:28px}.result-cover p{font-size:14px}.result-header h1{font-size:34px}.result-actions{grid-template-columns:1fr 1fr}.result-actions>.text-button{grid-column:1/-1}}
@media(max-width:700px) and (max-height:740px){.cover{padding-top:15px;padding-bottom:14px}.cover h1{font-size:33px;margin:11px 0 10px}.cover .cover-mbti{font-size:57px}.cover-intro{font-size:12px}.cover-space{min-height:104px}.cover-facts{margin-bottom:13px}.cover-cta{min-height:52px}.question-area{padding-top:18px}.question-area h1{font-size:20px;min-height:100px;margin:9px 0}.question-help{margin-bottom:12px}.option{min-height:50px;padding:10px 13px}.options{gap:7px}.selection-note{margin-top:12px}.intro{padding-top:12px}.intro h1{font-size:30px}.intro-note{padding:16px 0}}
@media(max-width:360px){.site-header{padding-left:21px;padding-right:21px}.cover{padding-left:23px;padding-right:23px}.cover h1{font-size:31px}.cover .cover-mbti{font-size:53px}.cover .eyebrow{font-size:10px}.cover-facts{gap:7px;font-size:9px}.cover-facts b{font-size:16px}.cover-cta{font-size:13px;padding:13px 17px}.privacy-note{font-size:9px}.quiz{padding-left:18px;padding-right:18px}.question-area h1{font-size:19px;min-height:116px}.option{font-size:13px}.quiz-footer{padding-left:15px;padding-right:15px}.quiz-footer>div{gap:8px}.page{padding-left:21px;padding-right:21px}.result-cover{padding:25px 21px}.result-header h1{font-size:26px}.type-words{font-size:26px}.result-cover h2{font-size:21px}.landing-notes{padding-left:24px;padding-right:24px}.cover-space{min-height:72px}.cover-facts{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}