: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,textarea:focus-visible,select: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){.service-grid{grid-template-columns:1fr}.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}}.fortune-details{margin-top:39px}.detail-jump-nav{flex-wrap:wrap;justify-content:center;gap:7px;margin:0 0 22px;display:flex}.detail-jump-nav a{color:#756d62;background:#fffefa;border:1px solid #e9e3da;border-radius:24px;padding:8px 12px;font-size:9px;text-decoration:none;transition:color .2s,border-color .2s,background .2s}.detail-jump-nav a:hover{color:var(--rust);background:#f8f2ec;border-color:#caa893}.detail-card{background:#fffefa;border:1px solid #e9e3da;min-width:0;padding:22px 24px}.detail-section{margin-top:39px;scroll-margin-top:25px}.detail-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:15px;display:flex}.detail-heading h2{color:var(--ink);font-family:var(--serif);letter-spacing:-.05em;margin:8px 0 0;font-size:24px;font-weight:400}.detail-heading>p{color:#938a7e;text-align:right;margin:0 2px 1px 0;font-size:9px;line-height:1.8}.detail-demo-note{color:#a49c91;margin:10px 0 0;font-size:8px;line-height:1.7;display:block}.reminder-card{background:#f5f0e8;grid-template-columns:46px 1fr auto;align-items:center;gap:16px;display:grid}.reminder-icon{width:42px;height:42px;color:var(--rust);font-family:var(--serif);border:1px solid #dfcfc1;border-radius:50%;place-items:center;font-size:22px;display:grid}.reminder-copy h3,.relationship-entry h3,.tojeong-top h3{color:var(--ink);font-family:var(--serif);letter-spacing:-.035em;margin:6px 0 4px;font-size:17px;font-weight:500}.reminder-copy p,.relationship-entry>div>p{color:#81796e;margin:0 0 5px;font-size:9px;line-height:1.7}.reminder-actions{grid-template-columns:auto auto;align-items:end;gap:6px 9px;display:grid}.reminder-actions>label,.relationship-form>label,.friend-entry>label,.dream-search>label{color:#70695f;font-size:8px}.reminder-time{width:116px;height:34px;margin-top:4px;font-size:10px;display:block}.small-action-button{background:var(--ink);color:#fff;min-height:35px;font:inherit;cursor:pointer;border:0;border-radius:2px;padding:0 13px;font-size:9px;transition:background .2s,transform .2s}.small-action-button:hover{background:#514237;transform:translateY(-1px)}.reminder-status{color:#968b7e;grid-column:1/-1;font-size:8px}.period-card{padding:21px 24px 17px}.period-controls{justify-content:space-between;align-items:center;gap:15px;display:flex}.period-switch{background:#f4f0e9;gap:3px;padding:3px;display:inline-flex}.period-switch button{color:#898174;min-width:54px;font:inherit;cursor:pointer;background:0 0;border:0;padding:7px 10px;font-size:9px}.period-switch button.selected{color:var(--rust);background:#fffefa;box-shadow:0 1px 3px #38281717}.metric-select-label{color:#8a8176;align-items:center;gap:9px;font-size:9px;display:flex}.metric-select{color:#51483f;min-width:100px;height:32px;font:inherit;background:#fffefa;border:1px solid #e9e3da;border-radius:2px;padding:0 9px;font-size:9px}.fortune-chart{justify-content:space-around;align-items:stretch;gap:8px;height:190px;padding:18px 7px 0;display:flex}.fortune-bar-column{flex:1;grid-template-rows:16px 1fr 18px;justify-items:center;gap:5px;min-width:24px;display:grid}.fortune-bar-score{color:#9c9387;font-size:8px}.fortune-bar-track{background:#f2eee7;border-radius:3px 3px 0 0;align-items:flex-end;width:min(100%,32px);height:100%;display:flex;overflow:hidden}.fortune-bar{background:#a78b76;border-radius:3px 3px 0 0;width:100%;min-height:4px;transition:height .35s;display:block}.fortune-bar.high{background:#829878}.fortune-bar.low{background:#c9947d}.fortune-bar-label{color:#7e766c;font-size:8px}.peak-note{background:#f7f3ed;align-items:center;gap:9px;margin-top:2px;padding:10px 12px;display:flex}.peak-note>span{color:var(--rust);font-size:13px}.peak-note p{color:#746b60;margin:0;font-size:9px;line-height:1.7}.action-guide{border:1px solid #eee6dc;grid-template-columns:135px auto 1fr;align-items:center;gap:6px 11px;margin-top:8px;padding:11px 12px;display:grid}.action-guide>strong{color:#66574b;font-size:8px;font-weight:500}.action-guide>p{color:#80766b;margin:0;font-size:8px;line-height:1.7}.profile-grid{grid-template-columns:.88fr 1.12fr;gap:11px;display:grid}.zodiac-card{background:#f5f0e8;align-items:center;gap:20px;display:flex}.zodiac-medallion{border:1px solid color-mix(in srgb, var(--zodiac-color), white 42%);background:color-mix(in srgb, var(--zodiac-color), white 88%);width:102px;height:102px;color:var(--zodiac-color);border-radius:50%;flex-direction:column;flex:none;justify-content:center;align-items:center;display:flex}.zodiac-medallion>span{font-family:var(--serif);font-size:17px}.zodiac-medallion strong{font-family:var(--serif);margin-top:2px;font-size:20px;font-weight:500}.zodiac-medallion i{margin-top:4px;font-size:8px;font-style:normal}.zodiac-copy h3{color:var(--ink);font-family:var(--serif);margin:6px 0;font-size:20px;font-weight:400}.zodiac-copy p{color:#81796f;margin:0;font-size:8px;line-height:1.8}.zodiac-color-chip{vertical-align:middle;border-radius:50%;width:9px;height:9px;margin-top:9px;display:inline-block}.zodiac-color-name{color:#84796c;margin-left:4px;font-size:8px}.life-chart-card{padding-top:18px}.life-timeline{grid-template-columns:1fr 10px 1fr 10px 1fr;align-items:start;gap:8px;margin-top:21px;display:grid}.life-timeline>i{background:#e4d8ca;height:1px;margin-top:5px}.life-timeline>div>span{color:#9a806c;font-size:8px;display:block}.life-timeline strong{color:#4f4942;font-family:var(--serif);margin:7px 0 5px;font-size:12px;font-weight:500;display:block}.life-timeline p{color:#80786f;margin:0;font-size:8px;line-height:1.8}.domain-grid{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:10px;display:grid}.domain-card{min-height:95px;padding:16px 18px}.domain-card>span{color:#9a806c;font-size:9px}.domain-card p{color:#6f685e;margin:7px 0 0;font-size:8px;line-height:1.8}.samjae-note{background:#faf7f2;border:1px solid #eee6dc;align-items:center;gap:11px;margin-top:10px;padding:12px 15px;display:flex}.samjae-mark{color:#a77c61;width:25px;height:25px;font-family:var(--serif);border:1px solid #e2d4c7;border-radius:50%;flex:none;place-items:center;font-size:11px;display:grid}.samjae-note p{color:#81776c;margin:0;font-size:8px;line-height:1.75}.samjae-note strong{color:#6e5d4f;font-weight:500}.relationship-entry{grid-template-columns:.7fr 1.3fr;align-items:start;gap:18px;display:grid}.relationship-form{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:9px;display:grid}.relationship-form .text-input,.friend-entry .text-input,.dream-search .text-input{height:36px;margin-top:4px;font-size:9px}.relationship-form>.small-action-button{grid-column:3}.inline-check{color:#7f766b;align-items:center;gap:5px;min-height:34px;font-size:8px;display:inline-flex}.relationship-results{gap:9px;margin-top:10px;display:grid}.relationship-score-grid,.match-people-grid{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.match-score-card{padding:18px 21px}.match-score-card>strong{color:var(--rust);font-family:var(--serif);margin:7px 0 2px;font-size:34px;font-weight:400;display:block}.match-score-card>strong small{font-family:var(--sans);margin-left:4px;font-size:10px}.score-track{background:#f0ece5;border-radius:8px;height:5px;overflow:hidden}.score-track i{border-radius:inherit;background:#a28169;height:100%;display:block}.match-score-card p{color:#81796e;margin:8px 0 0;font-size:8px;line-height:1.7}.five-element-relation{background:#f7f3ed;align-items:center;gap:10px;display:flex}.relation-arrow{color:#af9277;font-family:var(--serif);font-size:17px}.five-element-relation>div{margin-left:4px}.five-element-relation h3{color:#564b40;font-family:var(--serif);margin:4px 0;font-size:14px;font-weight:500}.five-element-relation p{color:#7a7167;margin:0;font-size:8px;line-height:1.75}.match-person-card{align-items:flex-start;gap:11px;display:flex}.match-person-card h3{color:var(--ink);font-family:var(--serif);margin:5px 0;font-size:15px;font-weight:500}.match-person-card p,.match-person-card small{color:#756d62;margin:0;font-size:8px;line-height:1.8;display:block}.match-person-card small{color:#9a9186;margin-top:5px}.relationship-advice{background:#f7f3ed}.relationship-advice h3{color:var(--ink);font-family:var(--serif);margin:7px 0;font-size:16px;font-weight:500}.relationship-advice p{color:#766d62;margin:0;font-size:9px;line-height:1.8}.relationship-advice .marriage-note{color:#958b7f;border-top:1px solid #e8dfd5;margin-top:8px;padding-top:8px;font-size:8px}.friend-list{gap:9px;display:grid}.friend-entry{grid-template-columns:28px 1fr 1fr auto auto;align-items:end;gap:10px;display:grid}.friend-index{color:#a68c78;font-family:var(--serif);align-self:center;font-size:12px}.friend-entry>.inline-check{align-self:end}.friend-actions{align-items:center;gap:8px;display:flex}.friend-reading{background:#f7f3ed;grid-column:2/-1;align-items:center;gap:10px;padding:12px;display:flex}.friend-reading>div{flex:1}.friend-reading p{color:#7c746a;margin:5px 0 0;font-size:8px;line-height:1.7}.text-action{color:var(--rust);font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #cdb8a8;padding:4px 2px;font-size:8px}.add-friend-button{color:#756d62;min-height:35px;font:inherit;cursor:pointer;background:#fffefa;border:1px solid #dfd4c8;margin:10px auto 0;padding:0 15px;font-size:9px;display:block}.add-friend-button:hover{color:var(--rust);border-color:#bc8b72}.friend-status{color:#8c7b6a;text-align:center;margin:8px 0 0;font-size:8px}.tojeong-card{padding:21px 24px}.tojeong-top{justify-content:space-between;align-items:center;gap:15px;display:flex}.tojeong-top h3{margin-top:7px;font-size:18px}.tojeong-top label{color:#82796e;align-items:center;gap:8px;font-size:8px;display:flex}.tojeong-score-list{gap:11px;margin-top:17px;display:grid}.tojeong-score-row{grid-template-columns:65px 1fr 27px;align-items:center;gap:10px;display:grid}.tojeong-score-row>span{color:#7c746a;font-size:8px}.tojeong-score-row>strong{color:#958b7e;text-align:right;font-size:8px;font-weight:500}.tojeong-score-row .score-track i{background:#a79070}.tojeong-advice{background:#f7f3ed;grid-template-columns:100px 1fr;gap:9px 12px;margin-top:20px;padding:14px;display:grid}.tojeong-advice>span{grid-row:span 2;align-self:start}.tojeong-advice p{color:#746b60;margin:0;font-size:8px;line-height:1.8}.compact-samjae{margin-bottom:0}.compact-samjae>span:last-child{color:#81776c;font-size:8px;line-height:1.7}.dream-card{padding:21px 24px}.dream-search{grid-template-columns:1.7fr .8fr auto;align-items:end;gap:10px;display:grid}.dream-search .small-action-button{min-width:100px}.recent-searches,.related-dreams{flex-wrap:wrap;align-items:center;gap:6px;margin-top:13px;display:flex}.recent-searches>span,.related-dreams>span{color:#9a8b7d;margin-right:3px;font-size:8px}.recent-searches button,.related-dreams button,.dream-empty button{color:#81796f;font:inherit;cursor:pointer;background:#faf7f2;border:1px solid #ebe4da;border-radius:20px;padding:5px 9px;font-size:8px}.recent-searches button:hover,.related-dreams button:hover,.dream-empty button:hover{color:var(--rust);border-color:#c7a58d}.dream-result{background:#f7f3ed;grid-template-columns:84px 1fr;gap:18px;margin-top:17px;padding:17px;display:grid}.dream-score{color:#a37b61;border-right:1px solid #e8ded2;flex-direction:column;justify-content:center;align-items:center;display:flex}.dream-score strong{font-family:var(--serif);font-size:29px;font-weight:400}.dream-score span{color:#988d80;font-size:7px}.dream-copy h3{color:var(--ink);font-family:var(--serif);margin:4px 0 7px;font-size:17px;font-weight:500}.dream-copy>p{color:#746c61;margin:0;font-size:9px;line-height:1.9}.dream-empty{background:#faf7f2;flex-wrap:wrap;align-items:center;gap:7px;margin-top:17px;padding:13px;display:flex}.dream-empty>span{color:#ac9079;font-family:var(--serif);font-size:19px}.dream-empty p{color:#81796f;flex:220px;margin:0;font-size:8px}.home-guide{border-top:1px solid var(--line);padding:47px 0 52px}.home-guide-heading{text-align:center;max-width:690px;margin:0 auto 22px}.home-guide-heading h2{color:var(--ink);font-family:var(--serif);letter-spacing:-.05em;margin:9px 0 7px;font-size:27px;font-weight:400}.home-guide-heading>p{color:#827b71;margin:0;font-size:10px;line-height:1.9}.home-guide-grid{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.home-guide-grid article{background:#fffefbb3;border:1px solid #e9e3da;min-height:125px;padding:18px 20px}.home-guide-grid article>span{color:#a27e65;letter-spacing:.1em;font-size:8px}.home-guide-grid h3{color:#4e4943;font-family:var(--serif);margin:7px 0 5px;font-size:15px;font-weight:500}.home-guide-grid p{color:#7d756b;margin:0;font-size:9px;line-height:1.85}.element-guide{background:#f7f3ed;border:1px solid #e9e3da;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:10px;padding:13px;display:grid}.element-guide>div{grid-template-columns:24px auto;align-items:center;gap:2px 7px;display:grid}.element-guide .element-symbol{grid-row:span 2;width:23px;height:23px}.element-guide strong{color:#5e564d;font-family:var(--serif);font-size:11px;font-weight:500}.element-guide p{color:#9a9186;margin:0;font-size:7px}.home-guide-footnote{color:#a59c91;text-align:right;margin:9px 0 0;font-size:8px;line-height:1.7}.footer-links{flex-wrap:wrap;gap:15px;display:flex}.footer-links a{color:#8a8176;font:inherit;cursor:pointer;padding:3px 0;font-size:8px;text-decoration:none}.footer-links a:hover{color:var(--rust)}.site-info-page{max-width:900px;margin:0 auto}.site-info-page h2{color:var(--ink);font-family:var(--serif);letter-spacing:-.04em;margin:0 0 9px;font-size:21px;font-weight:400}.site-info-page h3{color:#5a5046;font-family:var(--serif);margin:0 0 7px;font-size:15px;font-weight:500}.site-info-page p{color:#766e64;font-size:9px;line-height:1.9}.site-info-page a{color:var(--rust);text-underline-offset:3px}.info-intro{background:#f5f0e8;border:1px solid #e9e3da;padding:27px 30px}.info-intro>p{max-width:760px;margin:0}.info-feature-grid{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:10px;display:grid}.info-feature-grid>section,.privacy-list>section{background:#fffefa;border:1px solid #e9e3da;padding:18px 19px}.info-feature-grid>section>span{color:#a27e65;font-family:var(--serif);font-size:12px}.info-feature-grid p,.privacy-list p{margin:0}.info-callout,.info-operator{background:#fffefa;border:1px solid #e9e3da;margin-top:10px;padding:20px 23px}.info-callout p,.info-operator p{margin:0 0 6px}.info-operator strong{color:#554b42;font-weight:500}.contact-missing{color:#a47d64}.privacy-list{grid-template-columns:repeat(2,1fr);gap:9px;margin-top:10px;display:grid}.privacy-list code{color:#80634f;font-size:8px}.info-update-date{margin:11px 0 0;color:#9b9185!important;font-size:8px!important}.tryon-layout{grid-template-columns:minmax(0,1.04fr) minmax(290px,.96fr);align-items:start;gap:13px;max-width:960px;margin:0 auto;display:grid}.tryon-input-card{gap:7px;display:grid}.tryon-label{color:#4d4943;margin-top:8px;font-size:9px;font-weight:600;display:block}.tryon-label>span{color:#9e958a;font-size:8px;font-weight:400}.tryon-textarea{resize:vertical;min-height:76px;padding:11px 12px;line-height:1.7}.tryon-textarea::placeholder{line-height:1.7}.outfit-textarea{min-height:95px}.tryon-measurements{grid-template-columns:1fr 1fr;gap:10px;margin-top:3px;display:grid}.tryon-measurements .tryon-label{margin-top:0}.tryon-measurements .text-input{display:block}.measurement-note{color:#9b9287;margin:0;font-size:8px;line-height:1.7}.hair-recommend-toggle{cursor:pointer;background:#faf7f2;border:1px solid #e9e3da;align-items:flex-start;gap:9px;margin-top:7px;padding:11px 12px;display:flex}.hair-recommend-toggle input{accent-color:var(--rust);margin:2px 0 0}.hair-recommend-toggle strong,.hair-recommend-toggle small{display:block}.hair-recommend-toggle strong{color:#63584d;font-size:9px;font-weight:500}.hair-recommend-toggle small{color:#9b9287;margin-top:4px;font-size:8px;line-height:1.6}.hair-recommendations{background:#f8f3ed;border-left:2px solid #c2977e;padding:11px 12px}.hair-recommendations ul{color:#73695f;gap:5px;margin:7px 0;padding-left:15px;font-size:8px;line-height:1.7;display:grid}.hair-recommendations>small{color:#a49a8d;font-size:7px}.tryon-preview-panel{min-width:0}.tryon-preview-frame{aspect-ratio:1;background:#f6f2ec;border:1px solid #e9e3da;place-items:center;width:100%;scroll-margin-top:20px;display:grid;overflow:hidden}.tryon-preview-frame>img{object-fit:contain;width:100%;height:100%}.selected-model-large{background-repeat:no-repeat;width:100%;height:100%}.four-pillars-card{background:#fffefa;border:1px solid #e9e3da;margin:12px 0;padding:19px 21px}.four-pillars-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.four-pillar{background:#faf8f4;border:1px solid #eee8df;justify-items:center;gap:5px;min-width:0;padding:12px 6px;display:grid}.four-pillar>span{color:#92877a;font-size:8px}.four-pillar strong{color:#57483d;font-family:var(--serif);font-size:22px;font-weight:500;line-height:1.1}.four-pillar small{color:#93897e;font-size:7px}.four-pillar.day-master{background:#f9f2eb;border-color:#c79b7b}.chart-calculation-note{color:#968c80;margin:10px 0 0;font-size:8px;line-height:1.7}.tryon-placeholder{color:#84796d;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;padding:25px;display:flex}.tryon-placeholder strong{color:#5b5046;font-family:var(--serif);font-size:16px;font-weight:500}.tryon-placeholder p{color:#978d81;max-width:260px;margin:0;font-size:8px;line-height:1.8}.tryon-grid-icon{grid-template-columns:repeat(3,1fr);gap:4px;width:83px;height:83px;display:grid}.tryon-grid-icon i{background:#eee5da;border:1px solid #d8c8b9}.tryon-grid-icon i:nth-child(2n){background:#e5d8ca}.tryon-backend-note{color:#9e9589;text-align:center;margin:8px 0 0;font-size:8px;line-height:1.7}.tryon-backend-note code{color:#876750}.tryon-download{text-align:center;width:fit-content;margin:9px auto 0;line-height:35px;text-decoration:none;display:block}.tryon-prompt-card{grid-column:1/-1}.tryon-prompt-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.tryon-prompt-heading h2{color:var(--ink);font-family:var(--serif);margin:6px 0 4px;font-size:18px;font-weight:500}.tryon-prompt-heading p{color:#91877c;margin:0;font-size:8px;line-height:1.7}.tryon-prompt-heading .small-action-button{flex:none}.tryon-prompt-output{color:#6c6257;max-height:230px;font:inherit;white-space:pre-wrap;background:#faf8f4;border:1px solid #eee8e0;margin:0;padding:13px;font-size:8px;line-height:1.8;overflow:auto}.model-choice-section{max-width:960px;margin:42px auto 0;scroll-margin-top:20px}.model-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.model-choice{text-align:left;cursor:pointer;background:#fffefa;border:1px solid #e7dfd5;min-width:0;padding:7px;transition:border-color .18s,transform .18s,box-shadow .18s}.model-choice:hover{border-color:#c4a18a;transform:translateY(-2px)}.model-choice.selected{border-color:var(--rust);box-shadow:0 0 0 2px #a5583b1f}.model-choice-image{aspect-ratio:1;background-color:#f4efe8;background-repeat:no-repeat;width:100%;display:block}.model-choice-label{color:#766d62;padding:8px 3px 2px;font-size:8px;display:block}.model-choice.selected .model-choice-label{color:var(--rust)}.selected-model-workspace{grid-template-columns:.9fr 1.1fr;gap:10px;margin-top:13px;display:grid}.selected-model-card{align-items:center;gap:13px;display:flex}.selected-model-thumb{background-color:#f4efe8;background-repeat:no-repeat;border:1px solid #eee7de;flex:none;width:88px;height:112px}.selected-model-card h3{color:#4f4943;font-family:var(--serif);margin:6px 0;font-size:15px;font-weight:500}.selected-model-card p{color:#8c8378;margin:0;font-size:8px;line-height:1.7}.tryon-outfit-form{align-content:start;gap:6px;display:grid}.tryon-outfit-form .tryon-label{margin-top:0}.tryon-outfit-form .submit-button{margin-top:8px}.outfit-prompt-card{grid-column:1/-1}@media (width<=900px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tryon-layout{grid-template-columns:1fr 1fr}.tryon-layout>.tryon-input-card{grid-column:1/-1}.tryon-preview-panel{grid-column:1/-1;justify-self:center;max-width:560px}.tryon-preview-frame{width:min(100%,560px)}.selected-model-workspace{grid-template-columns:1fr}.info-feature-grid{grid-template-columns:1fr 1fr}}@media (width<=680px){.home-guide{padding:35px 0 40px}.home-guide-heading h2{font-size:23px}.home-guide-grid,.info-feature-grid,.privacy-list{grid-template-columns:1fr}.home-guide-grid article{min-height:unset;padding:16px}.element-guide{grid-template-columns:repeat(2,1fr);gap:10px}.element-guide>div:last-child{grid-column:1/-1;max-width:50%}.home-guide-footnote{text-align:left}.site-footer{justify-content:center;gap:9px 16px;padding:12px 0}.footer-brand{margin-right:auto}.footer-links{order:3;justify-content:center;gap:17px;width:100%}.footer-copy{margin-left:auto}.tryon-layout{grid-template-columns:1fr;gap:10px}.tryon-layout>.tryon-input-card,.tryon-preview-panel,.tryon-prompt-card{grid-column:1}.tryon-preview-panel,.tryon-preview-frame{width:100%}.tryon-prompt-card{padding:18px 16px}.model-choice-section{margin-top:30px}.model-choice-grid{gap:5px}.model-choice{padding:4px}.model-choice-label{padding:6px 2px 2px;font-size:7px}.selected-model-card{align-items:flex-start;padding:14px}.selected-model-thumb{width:72px;height:94px}.info-intro{padding:21px 18px}.info-callout,.info-operator{padding:17px}}@media (width<=900px){.profile-grid,.relationship-entry{grid-template-columns:1fr}.relationship-form{grid-template-columns:repeat(2,minmax(0,1fr))}.relationship-form>.small-action-button{grid-column:2}.friend-entry{grid-template-columns:24px 1fr 1fr auto}.friend-actions,.friend-reading{grid-column:2/-1}}@media (width<=680px){.service-grid{grid-template-columns:1fr}.four-pillars-card{padding:16px 12px}.four-pillars-grid{gap:5px}.four-pillar{padding:10px 3px}.four-pillar strong{font-size:18px}.fortune-details{margin-top:28px}.detail-jump-nav{justify-content:flex-start;gap:6px}.detail-jump-nav a{padding:7px 10px;font-size:8px}.detail-section{margin-top:30px}.detail-heading{align-items:flex-start;gap:8px}.detail-heading h2{font-size:21px}.detail-heading>p{max-width:145px;font-size:8px}.detail-card{padding:18px 16px}.reminder-card{grid-template-columns:36px 1fr;gap:10px}.reminder-icon{width:34px;height:34px;font-size:18px}.reminder-actions{grid-column:1/-1;grid-template-columns:1fr auto;align-items:end}.reminder-status{grid-column:1/-1}.period-controls{align-items:flex-start}.metric-select-label{gap:4px;font-size:8px;display:grid}.metric-select{min-width:88px}.fortune-chart{gap:3px;height:165px;padding-inline:0}.fortune-bar-track{width:min(100%,25px)}.action-guide{grid-template-columns:1fr auto;align-items:start}.action-guide>p{grid-column:1/-1}.zodiac-card{gap:14px}.zodiac-medallion{width:82px;height:82px}.zodiac-copy h3{font-size:18px}.life-timeline{grid-template-columns:1fr;gap:10px;margin-top:14px}.life-timeline>i{width:1px;height:10px;margin:0 0 0 3px}.life-timeline>div{padding-left:13px}.life-timeline>div>span{position:relative}.life-timeline>div>span:before{content:"";background:#b48d70;border-radius:50%;width:6px;height:6px;position:absolute;top:2px;left:-13px}.domain-grid,.relationship-score-grid,.match-people-grid{grid-template-columns:1fr}.five-element-relation{flex-wrap:wrap;align-items:flex-start}.five-element-relation>div{flex:100%;margin-left:0}.domain-card{min-height:unset}.relationship-form{grid-template-columns:1fr 1fr}.relationship-form>.small-action-button{grid-column:1/-1}.friend-entry{grid-template-columns:22px 1fr;align-items:end;gap:8px}.friend-entry>label,.friend-entry>.inline-check,.friend-actions{grid-column:2}.friend-reading{flex-wrap:wrap;grid-column:1/-1;align-items:flex-start}.friend-reading>div{min-width:calc(100% - 43px)}.tojeong-advice{grid-template-columns:1fr;gap:7px}.tojeong-advice>span{grid-row:auto}.dream-search{grid-template-columns:1fr 1fr}.dream-search>.dream-search-input,.dream-search>.small-action-button{grid-column:1/-1}.dream-result{grid-template-columns:58px 1fr;gap:12px;padding:13px 10px}.dream-score strong{font-size:24px}}