:root{--paper:#faf8f4;--card:#fffefa;--ink:#332a22;--muted:#777168;--rust:#a5583b;--line:#eae4db;--serif:"Iowan Old Style", "Palatino Linotype", "Nanum Myeongjo", "AppleMyungjo", Georgia, serif;--sans:"Pretendard", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;font-family:var(--sans);color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px}body{min-width:320px;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline-offset:3px;outline:2px solid #bb8065}::selection{color:#fff;background:#a5583b}#root{min-height:100vh}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.site-shell{width:min(100% - 96px,1152px);margin:0 auto}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:84px;display:flex}.brand,.footer-brand{color:var(--ink);cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;padding:0;display:inline-flex}.seal-mark{fill:none;stroke:currentColor;stroke-width:1.1px;width:32px;height:32px}.seal-dot{fill:var(--rust);stroke:var(--rust)}.brand-name{font-family:var(--serif);font-size:26px;line-height:1}.brand-caption{color:#99958e;letter-spacing:.14em;margin-left:3px;font-size:9px}.main-nav{align-items:center;gap:34px;margin-left:auto;margin-right:43px;display:flex}.main-nav button,.header-cta{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:8px 0;font-size:11px;transition:color .2s}.main-nav button:hover,.main-nav button.active,.header-cta:hover{color:var(--rust)}.header-cta{color:var(--ink);align-items:center;gap:12px;display:inline-flex}.header-cta span{color:var(--rust);font-size:16px}.main-content{min-height:calc(100vh - 170px)}.home-content{padding-bottom:15px}.home-hero{grid-template-columns:1.02fr .98fr;align-items:center;gap:60px;min-height:500px;padding:58px 5.5% 64px;display:grid}.home-copy{padding:14px 0 0}.eyebrow,.section-kicker{color:var(--rust);letter-spacing:.15em;align-items:center;font-size:9px;font-weight:600;display:inline-flex}.eyebrow{gap:9px}.eyebrow-dot{background:var(--rust);border-radius:50%;width:5px;height:5px}.home-copy h1{color:var(--ink);font-family:var(--serif);letter-spacing:-.075em;margin:23px 0 17px;font-size:clamp(48px,5.3vw,68px);font-weight:400;line-height:1.26}.home-copy h1 em{color:var(--rust);font-style:normal}.home-copy>p{color:var(--muted);margin:0;font-size:12px;line-height:1.95}.primary-button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:2px;justify-content:space-between;align-items:center;gap:40px;min-width:188px;height:48px;margin-top:27px;padding:0 16px;font-size:11px;transition:background .2s,transform .2s;display:inline-flex}.primary-button:hover{background:#514237;transform:translateY(-1px)}.primary-button span{color:#d6a58e;font-size:16px}.home-art{aspect-ratio:1;width:min(100%,390px);color:var(--rust);justify-self:center;place-items:center;display:grid;position:relative}.art-ring{border:1px solid #e7dcd1;border-radius:50%;position:absolute}.ring-outer{inset:14px}.ring-inner{opacity:.8;border-style:dashed;inset:45px}.art-center{z-index:1;flex-direction:column;align-items:center;gap:8px;display:flex}.art-center .seal-mark{width:31px;height:31px;margin-bottom:2px}.art-center strong{font-family:var(--serif);letter-spacing:.18em;font-size:32px;font-weight:400}.art-center small{color:#9c8471;letter-spacing:.2em;font-size:7px}.art-word{background:var(--paper);width:37px;height:37px;font-family:var(--serif);border:1px solid #e8ddd3;border-radius:50%;place-items:center;font-size:16px;display:grid;position:absolute}.art-wood{top:20px;left:47%}.art-fire{top:29%;right:6px}.art-earth{bottom:1px;right:19%}.art-metal{bottom:14%;left:8%}.art-water{top:26%;left:3px}.art-caption{color:#a69b8e;letter-spacing:.16em;font-size:7px;position:absolute;bottom:1px}.home-services{border-top:1px solid var(--line);padding:46px 0 58px}.section-heading{justify-content:space-between;align-items:flex-end;margin-bottom:25px;display:flex}.section-heading h2{color:var(--ink);font-family:var(--serif);letter-spacing:-.05em;margin:9px 0 0;font-size:27px;font-weight:400}.section-heading>p{color:#938d83;text-align:right;margin:0 3px 2px 0;font-size:10px;line-height:1.8}.service-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.service-card{background:#fffefbad;border:1px solid #e9e3da;min-height:200px;padding:24px 25px 20px;transition:border-color .2s,transform .2s,box-shadow .2s;position:relative}.service-card:hover{border-color:#d9c6b7;transform:translateY(-2px);box-shadow:0 10px 30px #422e1b0b}.service-number{color:#b8b0a4;letter-spacing:.12em;font-size:8px;position:absolute;top:21px;right:22px}.service-icon{height:34px;color:var(--rust);font-family:var(--serif);align-items:center;font-size:25px;display:inline-flex}.icon-face{font-size:27px}.icon-compat{font-size:25px}.service-card h3{color:var(--ink);font-family:var(--serif);letter-spacing:-.035em;margin:11px 0 7px;font-size:19px;font-weight:500}.service-card p{color:#827b71;margin:0;font-size:10px;line-height:1.8}.service-card button{color:var(--ink);cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;margin-top:15px;padding:0;font-size:10px;display:inline-flex}.service-card button span{color:var(--rust);font-size:14px;transition:transform .2s}.service-card button:hover span{transform:translate(3px)}.home-note{border-top:1px solid var(--line);color:var(--rust);justify-content:center;align-items:center;gap:17px;padding:24px 0;display:flex}.home-note .seal-mark{width:29px;height:29px}.home-note p{color:#696157;font-family:var(--serif);margin:0;font-size:13px;line-height:1.7}.home-note p span{color:#9d958a;font-family:var(--sans);font-size:9px}.service-content{padding:38px 0 70px}.service-heading{text-align:center;padding:18px 0 32px;position:relative}.back-link{color:#81796f;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:7px 0;font-size:10px;display:inline-flex;position:absolute;top:20px;left:0}.back-link span{color:var(--rust);font-size:16px}.service-heading .section-kicker{display:block}.service-heading h1{color:var(--ink);font-family:var(--serif);letter-spacing:-.06em;margin:9px 0 8px;font-size:34px;font-weight:400}.service-heading>p{color:#827b71;margin:0;font-size:11px}.service-layout{grid-template-columns:minmax(0,1.05fr) minmax(270px,.8fr);align-items:stretch;gap:18px;max-width:900px;margin:0 auto;display:grid}.form-card,.panel-card{background:#fffefbdb;border:1px solid #e9e3da;border-radius:2px;padding:28px 30px}.form-card{box-shadow:0 16px 45px #422e1b0b}.field-label{color:#4d4943;font-size:10px;font-weight:600}.optional{color:#aaa49b;margin-left:6px;font-size:9px;font-weight:400}.text-input{width:100%;height:43px;color:var(--ink);font:inherit;background:#fffefa;border:1px solid #e8e2da;border-radius:2px;outline:none;margin-top:8px;padding:0 12px;font-size:11px;transition:border-color .2s,box-shadow .2s}.text-input::placeholder{color:#bcb6ad}.text-input:focus{border-color:#bb8065;box-shadow:0 0 0 3px #a85a3c14}.text-input:disabled{color:#bcb6ad;background:#f7f4ef}.select-input{color:#6d675e;appearance:auto}.field-heading,.person-date-heading{justify-content:space-between;align-items:center;margin-top:20px;display:flex}.segmented-control{background:#f5f1eb;border-radius:2px;gap:3px;padding:3px;display:inline-flex}.segmented-control button{color:#968f84;min-width:43px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:2px;padding:5px 8px;font-size:9px}.segmented-control button.selected{color:var(--rust);background:#fffefa;box-shadow:0 1px 3px #36281917}.date-input{color:#6d675e}.time-heading{margin-top:19px}.time-heading .optional{font-size:9px}.time-field{align-items:center;gap:14px;display:flex}.time-input{max-width:174px}.unknown-toggle{color:#827b71;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:7px;font-size:9px;display:inline-flex}.unknown-toggle input{opacity:0;width:1px;height:1px;position:absolute}.custom-checkbox{color:#0000;border:1px solid #d8d0c6;border-radius:2px;place-items:center;width:15px;height:15px;font-size:10px;display:grid}.unknown-toggle input:checked+.custom-checkbox{border-color:var(--rust);background:var(--rust);color:#fff}.unknown-toggle input:focus-visible+.custom-checkbox{outline-offset:2px;outline:2px solid #c58c71}.submit-button{background:var(--ink);color:#fff;width:100%;height:49px;font:inherit;cursor:pointer;border:0;border-radius:2px;justify-content:space-between;align-items:center;margin-top:23px;padding:0 16px 0 18px;font-size:11px;transition:background .2s,transform .2s;display:flex}.submit-button:hover{background:#514237;transform:translateY(-1px)}.button-arrow{color:#d6a58e;font-size:17px}.privacy-note{color:#aaa49a;text-align:center;margin:11px 0 0;font-size:9px}.demo-note{color:#b2aba1;text-align:center;margin:6px 0 0;font-size:8px;line-height:1.7}.service-aside{background:#f3eee6;border:1px solid #eadfd4;flex-direction:column;justify-content:center;min-height:320px;padding:30px;display:flex;position:relative;overflow:hidden}.aside-seal{width:49px;height:49px;color:var(--rust);border:1px solid #dfcec0;border-radius:50%;place-items:center;margin-bottom:26px;display:grid}.aside-seal .seal-mark{width:30px;height:30px}.service-aside h2{z-index:1;color:var(--ink);font-family:var(--serif);letter-spacing:-.04em;margin:11px 0 10px;font-size:24px;font-weight:400;line-height:1.45;position:relative}.service-aside p{z-index:1;color:#847b70;max-width:260px;margin:0;font-size:10px;line-height:1.9;position:relative}.aside-ascii{color:#a5583b26;font-family:var(--serif);letter-spacing:.12em;font-size:23px;position:absolute;bottom:23px;right:-2px}.result-section{border-top:1px solid var(--line);max-width:900px;margin:64px auto 0;padding:46px 0 0;scroll-margin-top:30px;animation:.4s both reveal}.result-heading{text-align:center;margin-bottom:23px}.result-heading h2{color:var(--ink);font-family:var(--serif);letter-spacing:-.05em;margin:9px 0 6px;font-size:30px;font-weight:400}.result-heading h2 em{color:var(--rust);font-style:normal}.result-heading p{color:var(--muted);margin:0;font-size:10px}.fortune-response-card{background:#fffefa;border:1px solid #e9e3da;margin:0 0 13px;padding:22px 25px}.fortune-response-sections{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 23px;padding-top:17px;display:grid}.fortune-response-sections section{min-width:0}.fortune-response-sections h3{color:var(--rust);font-family:var(--serif);margin:0 0 7px;font-size:15px;font-weight:500}.fortune-response-sections p{color:#6f685e;white-space:pre-wrap;margin:0;font-size:10px;line-height:1.95}.result-grid{grid-template-columns:.9fr 1.1fr;gap:13px;display:grid}.balance-card,.insight-card{background:#fffefa;border:1px solid #e9e3da;min-height:270px;padding:24px 26px}.card-caption{color:#938a7e;letter-spacing:.13em;border-bottom:1px solid #eee9e2;justify-content:space-between;padding-bottom:15px;font-size:8px;display:flex}.card-caption span+span{color:#4e4943;letter-spacing:0;font-size:9px}.element-balance{gap:10px;margin-top:18px;display:grid}.balance-row{grid-template-columns:23px 26px 1fr 22px;align-items:center;gap:8px;display:grid}.element-symbol{width:22px;height:22px;font-family:var(--serif);border-radius:50%;place-items:center;font-size:11px;display:grid}.element-목{color:#557353}.element-화{color:#b66149}.element-토{color:#a68a58}.element-금{color:#777d80}.element-수{color:#597689}.element-symbol.element-목{background:#e9f0e6}.element-symbol.element-화{background:#f5e8e1}.element-symbol.element-토{background:#f2eee2}.element-symbol.element-금{background:#eceeed}.element-symbol.element-수{background:#e7edf0}.element-name{color:#777066;font-size:9px}.balance-track{background:#f0ece5;border-radius:4px;height:4px;overflow:hidden}.balance-fill{border-radius:inherit;transform-origin:0;height:100%;animation:.8s both fillbar;display:block}.fill-목{background:#89a07e}.fill-화{background:#cf9075}.fill-토{background:#c1a66e}.fill-금{background:#a5aaa7}.fill-수{background:#7c9aab}.balance-score{color:#a7a095;text-align:right;font-size:8px}.balance-footnote{color:#8c857a;border-top:1px solid #eee9e2;margin:18px 0 0;padding-top:12px;font-size:9px}.balance-footnote strong{color:var(--rust);margin-left:7px;font-weight:500}.insight-card{flex-direction:column;display:flex}.insight-topline{color:#91897f;align-items:center;gap:8px;font-size:9px;display:flex}.element-chip{width:24px;height:24px;font-family:var(--serif);background:#f2eee2;border-radius:50%;flex:none;place-items:center;font-size:12px;display:grid}.insight-card h3{color:var(--ink);font-family:var(--serif);letter-spacing:-.04em;margin:13px 0 7px;font-size:18px;font-weight:500}.insight-description{color:#79736a;margin:0;font-size:10px;line-height:1.9}.insight-divider{background:#eee9e2;width:100%;height:1px;margin:14px 0 10px}.insight-caption{color:#91897f;margin:0;font-size:8px}.cue-list{flex-wrap:wrap;gap:8px 13px;margin:8px 0 0;padding:0;list-style:none;display:flex}.cue-list li{color:#5f5a52;align-items:center;gap:5px;font-size:9px;display:flex}.cue-list li span{color:#b68b72;font-size:8px}.result-disclaimer{color:#aaa49a;text-align:right;margin:12px 0 0;font-size:8px}.face-workspace{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);align-items:start;gap:14px;max-width:960px;margin:0 auto;display:grid}.face-main-column,.face-side-column{gap:13px;display:grid}.panel-title-row{justify-content:space-between;align-items:flex-start;margin-bottom:17px;display:flex}.panel-title-row h2{color:var(--ink);font-family:var(--serif);letter-spacing:-.04em;margin:7px 0 0;font-size:19px;font-weight:500}.panel-title-row .section-kicker{font-size:8px}.tiny-step{color:#aaa49a;letter-spacing:.08em;margin-top:5px;font-size:8px}.photo-panel{padding-bottom:20px}.upload-box{color:#827b71;text-align:center;cursor:pointer;background:#faf7f2;border:1px dashed #d9cec2;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:192px;transition:border-color .2s,background .2s;display:flex;overflow:hidden}.upload-box:hover{background:#f8f3ec;border-color:#b98a72}.upload-box:focus-within{outline-offset:3px;outline:2px solid #bb8065}.upload-box input{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.upload-icon{width:33px;height:33px;color:var(--rust);border:1px solid #e5d6ca;border-radius:50%;place-items:center;font-size:20px;display:grid}.upload-box strong{color:#51483f;font-size:10px;font-weight:500}.upload-box small{color:#a69e93;font-size:8px}.upload-box.has-preview{background:#f6f2ec;min-height:230px}.photo-preview{object-fit:contain;width:auto;max-width:100%;height:230px}.photo-privacy{color:#aaa49a;text-align:center;margin:10px 0 0;font-size:8px}.remove-photo{color:#8b6c59;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #d4c1b2;margin:9px auto 0;padding:4px 0;font-size:8px;display:block}.traits-panel{padding-bottom:22px}.trait-group{border:0;margin:18px 0 0;padding:0}.trait-group legend{color:#625b52;margin-bottom:8px;font-size:9px;font-weight:600}.trait-options{gap:7px;display:flex}.trait-option{color:#888176;min-height:34px;font:inherit;cursor:pointer;background:#fffefa;border:1px solid #ebe5dc;border-radius:2px;flex:1;padding:6px 8px;font-size:9px;transition:border .15s,color .15s,background .15s}.trait-option.selected{color:var(--rust);background:#f7f0e9;border-color:#bc8b72}.panel-help{color:#8d867c;margin:-4px 0 5px;font-size:9px;line-height:1.7}.saju-mini-panel .field-heading{margin-top:17px}.surgery-boundary{background:#f8f4ee;border:1px solid #ebe2d8;gap:9px;margin-top:17px;padding:11px 12px;display:flex}.surgery-boundary>span{color:var(--rust);font-size:13px}.surgery-boundary p{color:#81776c;margin:0;font-size:8px;line-height:1.7}.saju-mini-panel .submit-button{margin-top:17px}.form-error{color:#a64f3e;margin:9px 0 0;font-size:9px}.face-result{max-width:960px}.face-result-grid{grid-template-columns:.8fr 1.2fr;gap:13px;display:grid}.animal-result-card,.style-result-card{background:#fffefa;border:1px solid #e9e3da;min-height:220px;padding:24px 26px;position:relative;overflow:hidden}.animal-result-card{background:#f3eee6;flex-direction:column;justify-content:center;display:flex}.animal-orbit{color:#a5583b80;font-size:20px;position:absolute;top:17px;right:25px}.animal-label{color:#9b826f;letter-spacing:.15em;font-size:8px}.animal-result-card>strong{color:var(--rust);font-family:var(--serif);margin-top:8px;font-size:35px;font-weight:400}.animal-result-card h3,.style-result-card h3{color:var(--ink);font-family:var(--serif);letter-spacing:-.035em;margin:6px 0 7px;font-size:17px;font-weight:500}.animal-result-card p{color:#82796e;max-width:280px;margin:0;font-size:9px;line-height:1.8}.style-result-card h3{margin:15px 0}.style-list{gap:0;margin:0;display:grid}.style-list div{border-top:1px solid #eee9e2;grid-template-columns:55px 1fr;gap:12px;padding:10px 0;display:grid}.style-list dt{color:#a08876;font-size:9px}.style-list dd{color:#635c53;margin:0;font-size:9px}.compat-form{max-width:940px;margin:0 auto}.my-profile-panel{max-width:510px;margin:0 auto;position:relative}.my-profile-panel .panel-title-row{margin-bottom:14px}.you-badge{width:26px;height:26px;color:var(--rust);background:#f3e8df;border-radius:50%;place-items:center;font-size:9px;display:grid}.my-profile-panel .demo-note{text-align:left}.compare-divider{color:#aa9c8d;letter-spacing:.15em;align-items:center;gap:12px;max-width:510px;margin:13px auto;font-size:8px;display:flex}.compare-divider i{background:#e9e2d9;flex:1;height:1px}.people-heading{justify-content:space-between;align-items:flex-end;margin:25px 0 13px;display:flex}.people-heading h2{color:var(--ink);font-family:var(--serif);letter-spacing:-.04em;margin:7px 0 0;font-size:21px;font-weight:400}.count-control{color:#81796f;align-items:center;gap:7px;font-size:9px;display:flex}.count-control input{width:43px;height:30px;color:var(--ink);font:inherit;text-align:center;background:#fffefa;border:1px solid #e8e2da;border-radius:2px;font-size:10px}.people-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.person-card{background:#fffefbd9;border:1px solid #e9e3da;padding:18px 20px 20px}.person-card-heading{color:#9b9388;align-items:center;gap:8px;margin-bottom:15px;font-size:8px;display:flex}.person-number{color:var(--rust);letter-spacing:.08em;font-size:9px}.person-date-heading{margin-top:16px}.person-card .text-input{height:39px}.compat-submit{max-width:390px;margin:22px auto 0}.compat-results{max-width:940px}.compat-result-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.compat-result-card{background:#fffefa;border:1px solid #e9e3da;grid-template-columns:1fr auto;gap:10px;padding:20px 21px;display:grid;position:relative}.compat-rank{color:#a08876;letter-spacing:.15em;grid-column:1/-1;font-size:7px}.compat-person{align-items:center;gap:10px;display:flex}.compat-person h3{color:var(--ink);font-family:var(--serif);margin:0 0 4px;font-size:16px;font-weight:500}.compat-person p{color:#81796f;margin:0;font-size:8px}.compat-score{flex-direction:column;justify-content:center;align-items:flex-end;display:flex}.compat-score strong{color:var(--rust);font-family:var(--serif);font-size:24px;font-weight:400;line-height:1}.compat-score span{color:#a49c91;margin-top:4px;font-size:7px}.compat-note{color:#70695f;border-top:1px solid #eee9e2;grid-column:1/-1;margin:5px 0 0;padding-top:10px;font-size:9px;line-height:1.7}.mbti-section,.share-section{border-top:1px solid var(--line);margin-top:48px;padding-top:34px}.mbti-section-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:17px;display:flex}.mbti-section-heading h2{color:var(--ink);font-family:var(--serif);letter-spacing:-.05em;margin:8px 0 0;font-size:25px;font-weight:400}.mbti-section-heading>p{color:#938a7e;text-align:right;margin:0 2px 1px 0;font-size:9px;line-height:1.8}.mbti-feature-card{background:#fffefa;border:1px solid #e9e3da;grid-template-columns:210px 1fr;display:grid}.mbti-type-mark{background:#f2ece3;flex-direction:column;justify-content:center;align-items:center;min-height:166px;padding:20px;display:flex}.mbti-type-mark>span{color:#9b826f;letter-spacing:.15em;font-size:7px}.mbti-type-mark strong{color:var(--rust);font-family:var(--serif);letter-spacing:.03em;margin:9px 0 5px;font-size:42px;font-weight:400}.mbti-type-mark small{color:#867a6c;font-size:8px}.mbti-summary{flex-direction:column;justify-content:center;padding:24px 30px;display:flex}.mbti-summary .section-kicker{font-size:8px}.mbti-summary p{color:#6f685e;max-width:570px;margin:11px 0 0;font-size:10px;line-height:1.95}.mbti-facets{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:9px;display:grid}.mbti-facet{background:#fffefbb8;border:1px solid #e9e3da;min-height:101px;padding:15px 16px}.mbti-facet>span{color:var(--rust);letter-spacing:.04em;font-size:8px;font-weight:600}.mbti-facet p{color:#7c746a;margin:7px 0 0;font-size:8px;line-height:1.8}.mbti-alternate{background:#f8f5f0;border:1px solid #e9e3da;grid-template-columns:auto auto 1fr;align-items:center;gap:11px;margin-top:9px;padding:14px 16px;display:grid}.mbti-alternate>span{color:#91877b;font-size:8px}.mbti-alternate strong{color:#6c7764;font-family:var(--serif);font-size:15px;font-weight:500}.mbti-alternate p{color:#7c746a;margin:0;font-size:8px;line-height:1.7}.mbti-disclaimer{color:#aaa49a;margin:10px 0 0;font-size:8px;line-height:1.7}.share-section{margin-top:42px}.share-card-builder{background:#f5f1ea;border:1px solid #e9e3da;grid-template-columns:minmax(190px,.7fr) minmax(0,1.3fr);align-items:center;gap:29px;padding:22px 25px;display:grid}.share-preview-wrap{justify-content:center;align-items:center;min-height:255px;display:flex}.share-canvas{border:1px solid #7d624d61;width:auto;max-width:100%;max-height:420px;display:block;box-shadow:0 10px 25px #422e1b1c}.share-options{max-width:420px}.share-options>.section-kicker{font-size:8px}.share-options h3{color:var(--ink);font-family:var(--serif);margin:8px 0 14px;font-size:20px;font-weight:500}.format-options{grid-template-columns:1fr 1fr;gap:8px;display:grid}.format-option{color:#51483f;text-align:left;cursor:pointer;background:#fffefa;border:1px solid #e5ddd2;border-radius:2px;flex-direction:column;align-items:flex-start;gap:5px;min-height:59px;padding:11px 12px;transition:border-color .15s,background .15s;display:flex}.format-option.selected{background:#f9f2eb;border-color:#bd8a70}.format-option strong{font-size:9px;font-weight:600}.format-option span{color:#9b9388;font-size:7px}.share-options .submit-button{margin-top:13px}.submit-button:disabled{opacity:.55;cursor:wait;transform:none}.share-hint{color:#948b80;margin:9px 0 0;font-size:8px;line-height:1.7}.site-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;min-height:82px;display:flex}.footer-brand{font-family:var(--serif);gap:7px;font-size:19px}.footer-brand .seal-mark{width:24px;height:24px}.footer-copy{color:#aaa49a;letter-spacing:.13em;font-size:7px}.footer-note{color:#a39b90;font-size:8px}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:3px;outline:2px solid #bb8065}@keyframes reveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fillbar{0%{transform:scaleX(.2)}to{transform:scaleX(1)}}@media (width<=900px){.site-shell{width:min(100% - 60px,800px)}.site-header{height:75px}.main-nav{gap:20px;margin-right:24px}.home-hero{gap:25px;min-height:440px;padding:48px 2% 52px}.home-copy h1{font-size:clamp(46px,6vw,58px)}.home-art{width:min(100%,330px)}.service-layout{grid-template-columns:1fr .8fr}.service-aside{padding:25px}}@media (width<=680px){.site-shell{width:min(100% - 34px,540px)}.site-header{height:68px}.brand{gap:7px}.brand .seal-mark{width:28px;height:28px}.brand-name{font-size:23px}.brand-caption,.main-nav{display:none}.header-cta{font-size:10px}.main-content{min-height:calc(100vh - 140px)}.home-hero{min-height:unset;grid-template-columns:1fr;gap:12px;padding:47px 2% 33px}.home-copy{padding:0}.home-copy h1{margin:18px 0 13px;font-size:clamp(44px,12vw,58px)}.home-copy>p{font-size:11px}.primary-button{margin-top:19px}.home-art{width:min(78vw,290px);margin:8px auto 6px}.home-services{padding:34px 0 42px}.section-heading{margin-bottom:17px;display:block}.section-heading h2{font-size:23px}.section-heading>p{text-align:left;margin-top:8px}.service-grid{grid-template-columns:1fr;gap:8px}.service-card{min-height:154px;padding:19px 20px}.service-card p br{display:none}.service-card h3{margin-top:7px}.service-card button{margin-top:11px}.home-note{justify-content:flex-start;padding:20px 5px}.home-note p{font-size:12px}.service-content{padding:23px 0 48px}.service-heading{padding:40px 0 24px}.back-link{top:0}.service-heading h1{font-size:28px}.service-heading>p{max-width:340px;margin:0 auto;font-size:10px;line-height:1.8}.service-layout,.face-workspace{grid-template-columns:1fr;gap:10px}.form-card,.panel-card{padding:22px 19px}.service-aside{min-height:220px}.aside-seal{margin-bottom:15px}.service-aside h2{font-size:21px}.result-section{margin-top:43px;padding-top:33px}.result-heading h2{font-size:26px}.result-grid,.face-result-grid{grid-template-columns:1fr;gap:9px}.fortune-response-card{padding:19px}.fortune-response-sections{grid-template-columns:1fr;gap:15px}.balance-card,.insight-card{min-height:unset;padding:21px}.upload-box{min-height:165px}.upload-box.has-preview{min-height:200px}.photo-preview{height:200px}.people-heading{align-items:flex-start;gap:10px}.people-heading h2{font-size:19px}.count-control{margin-top:5px}.people-grid,.compat-result-list{grid-template-columns:1fr}.person-card{padding:17px}.compat-submit{max-width:none}.mbti-section-heading{align-items:flex-start}.mbti-section-heading h2{font-size:22px}.mbti-section-heading>p{font-size:8px}.mbti-feature-card{grid-template-columns:1fr}.mbti-type-mark{min-height:133px}.mbti-type-mark strong{font-size:36px}.mbti-summary{padding:20px}.mbti-facets{grid-template-columns:1fr 1fr}.mbti-facet{min-height:90px;padding:13px}.mbti-alternate{grid-template-columns:auto auto;gap:7px 10px}.mbti-alternate p{grid-column:1/-1}.share-card-builder{grid-template-columns:1fr;gap:18px;padding:17px}.share-preview-wrap{min-height:auto}.share-canvas{max-height:390px}.share-options{max-width:none}.site-footer{min-height:70px}.footer-note{display:none}}@media (width<=390px){.site-shell{width:calc(100% - 28px)}.home-copy h1{font-size:43px}.service-heading h1{font-size:25px}.form-card,.panel-card{padding-inline:16px}.time-field{gap:8px}.time-input{max-width:145px}.trait-options{gap:5px}.trait-option{padding-inline:4px;font-size:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}