@import "https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@600;700;900&family=Pretendard:wght@400;500;600;700;800;900&display=swap";:root{--bg:#fbf6ed;--ink:#15110e;--muted:#766b61;--line:#eadfce;--surface:#fffdf8;--dark:#171311;--dark2:#241813;--orange:#e36f43;--orange2:#b9472e;--gold:#e0b75d;--green:#dfeedd;--blue:#dfe9f6;--lav:#ebe2f5;--pink:#f6dfd9;--butter:#f5e8bd;--shadow:0 24px 70px #2c1c0f24}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif}button,input,select{font:inherit}button{cursor:pointer;border:0}button:disabled{opacity:.38;cursor:not-allowed}.stage{background:radial-gradient(760px 420px at 80% -12%,#e36f4338,#0000 60%),radial-gradient(560px 360px at -10% 92%,#e0b75d33,#0000 65%),#fbf6ed;place-items:center;width:100%;height:100dvh;display:grid}.phone{background:var(--bg);width:min(430px,100%);height:100dvh}.screen{background:var(--bg);flex-direction:column;height:100%;display:flex;overflow:hidden}.homebar{display:none}.page{flex-direction:column;flex:1;gap:12px;min-height:0;padding:18px 18px 16px;display:flex;overflow:hidden}.eyebrow{color:var(--orange2);letter-spacing:.15em;text-transform:uppercase;margin:0 0 8px;font-size:11px;font-weight:900}.lead{color:#51443b;letter-spacing:-.04em;margin:0;font-size:17px;font-weight:700;line-height:1.55}h1,h2,p{word-break:keep-all}.cta,.secondary{letter-spacing:-.035em;border-radius:22px;height:58px;font-weight:900}.cta{background:linear-gradient(145deg,var(--orange),var(--orange2));color:#fff;width:100%;box-shadow:0 18px 34px #bd462b38}.secondary{color:#211611;border:1px solid var(--line);background:#fffaf2;width:100%}.bottomActions{flex:none;gap:12px;padding-top:4px;display:flex}.bottomActions.two{grid-template-columns:1fr 1.25fr;display:grid}.iconBtn{color:#19120e;background:#fffaf2;border-radius:17px;width:42px;height:42px;font-size:31px;line-height:1;box-shadow:0 10px 24px #37251614,inset 0 0 0 1px #482d1d14}.ghostBtn{width:42px;height:42px}.topNav{flex:none;grid-template-columns:46px 1fr 46px;align-items:center;gap:8px;min-height:46px;display:grid}.topNav>div{text-align:center;letter-spacing:-.035em;font-weight:900}.progressDots{background:0 0;justify-content:center;gap:4px;height:6px;margin:7px auto 0;display:flex}.progressDots i{background:#e6dac8;border-radius:99px;width:16px;height:6px}.progressDots i.on{background:linear-gradient(90deg,var(--orange),var(--gold))}.landingPage{color:#fff7ea;text-align:left;background:radial-gradient(320px 250px at 80% 16%,#e36f4352,#0000 70%),linear-gradient(#171311 0%,#241813 100%);justify-content:space-between;padding:32px 24px 24px}.brandMark{background:#fff7ea;border-radius:24px;place-items:center;width:70px;height:70px;display:grid;box-shadow:0 18px 48px #00000038}.brandMark span{color:#1b130f;font-family:Noto Serif KR,serif;font-size:34px;font-weight:900}.landingPage .eyebrow{color:#f0b46c}.landingPage h1{letter-spacing:-.08em;color:#fffaf0;margin:8px 0 14px;font-family:Noto Serif KR,serif;font-size:48px;line-height:1.06}.landingPage .lead{color:#e7d7c3;font-size:18px}.previewCard{background:#fffaf21a;border:1px solid #fffaf229;border-radius:28px;margin-top:auto;margin-bottom:18px;padding:18px;box-shadow:inset 0 1px #ffffff14}.previewCard b{margin-bottom:6px;font-size:17px;display:block}.previewCard span{color:#d9c4ad;font-size:14px;font-weight:700;display:block}.authCard{margin:24px 0 18px}.passwordHint{color:#f0b46c;margin:0 0 12px;font-weight:900}.authError{color:#ffd2c8;margin:10px 0 0;font-weight:800}.landingPage .cta{color:#171311;box-shadow:none;background:#fff7ea}.wizardPage{background:#fbf6ed}.wizardBody{flex:1;min-height:0;display:flex;overflow:hidden}.panel{width:100%;height:100%;min-height:0;box-shadow:var(--shadow);background:#fffdf8;border:1px solid #36221614;border-radius:32px;flex-direction:column;padding:24px 20px;display:flex;overflow:hidden}.panel h2{letter-spacing:-.07em;margin:0 0 10px;font-family:Noto Serif KR,serif;font-size:32px;line-height:1.08}.panel p:not(.eyebrow){color:#6c5f55;margin:0 0 18px;font-size:15px;font-weight:700;line-height:1.5}.choice2{grid-template-columns:1fr 1fr;gap:12px;margin-top:auto;display:grid}.choice2 button,.mbtiGrid button{color:#2b1e17;background:#f2e8d9;border-radius:22px;font-weight:900}.choice2 button{height:132px;font-size:22px}.choice2 button.active,.mbtiGrid button.active{color:#fff7ea;background:#171311}.grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field{flex-direction:column;gap:8px;display:flex}.field.full{width:100%;margin-top:auto}.field span{color:#8b7b6e;font-size:12px;font-weight:900}.field input,.field select{border:1px solid var(--line);color:#171311;background:#fffaf2;border-radius:19px;outline:none;width:100%;height:54px;padding:0 14px;font-weight:800}.check{color:#4a3930;align-items:center;gap:10px;margin-top:14px;font-weight:900;display:flex}.check input{width:20px;height:20px;accent-color:var(--orange)}.mbtiGrid{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:auto;display:grid}.mbtiGrid button{letter-spacing:-.02em;height:48px;font-size:13px}.generatingPage{background:linear-gradient(#fbf6ed,#f2e6d6);justify-content:center}.writing.big{text-align:center;box-shadow:var(--shadow);background:#fffdf8;border:1px solid #36221614;border-radius:34px;padding:34px 22px}.spinner{border:5px solid #eadfce;border-top-color:var(--orange);border-radius:50%;width:52px;height:52px;margin:0 auto 20px;animation:1s linear infinite spin}.writing.big h1{letter-spacing:-.06em;margin:0 0 16px;font-family:Noto Serif KR,serif;font-size:32px;line-height:1.15}.writing.big p:last-child{color:#6c5f55;margin:14px 0 0;font-size:15px;font-weight:700;line-height:1.55}.percentText{letter-spacing:-.055em;color:var(--orange2);margin-bottom:12px;font-size:42px;font-weight:900;line-height:1}.progressTrack{background:#eadfce;border-radius:999px;height:10px;overflow:hidden}.progressTrack i{background:linear-gradient(90deg,var(--orange),var(--gold));border-radius:999px;height:100%;transition:width .55s;display:block}@keyframes spin{to{transform:rotate(360deg)}}.reportPage{background:#fbf6ed}.reportProgress{background:#e8ddcb;border-radius:999px;flex:0 0 7px;height:7px;overflow:hidden}.reportProgress span{background:linear-gradient(90deg,var(--orange),var(--gold));height:100%;transition:width .25s;display:block}.slideWrap{flex:auto;min-height:0;display:flex;overflow:hidden}.cardPage{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;width:100%;height:100%;min-height:0;box-shadow:var(--shadow);scrollbar-gutter:stable;background:#fffdf8f5;border:1px solid #36221614;border-radius:32px;flex:auto;padding:24px 20px 34px;overflow:hidden auto}.cardPage::-webkit-scrollbar{width:4px}.cardPage::-webkit-scrollbar-thumb{background:#d5c0a5;border-radius:99px}.cardPage h2{letter-spacing:-.075em;margin:0 0 18px;font-family:Noto Serif KR,serif;font-size:32px;line-height:1.08}.bodyBig,.enhanced p{letter-spacing:-.04em;color:#4f433b;font-size:16.5px;font-weight:600;line-height:1.72}.heroResult{color:#fff7ea;background:linear-gradient(#171311 0%,#2b1b14 100%)}.heroResult .eyebrow{color:#f0b46c}.heroGlyph{color:#171311;background:#fff7ea;border-radius:30px;place-items:center;width:84px;height:84px;margin:4px 0 18px;font-family:Noto Serif KR,serif;font-size:42px;font-weight:900;display:grid}.heroLead{color:#eadcc8;font-size:18px;font-weight:800;line-height:1.58}.chipRow{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.chipRow span{color:#fff3df;background:#fffaf21f;border-radius:999px;padding:9px 11px;font-size:12px;font-weight:900}.sajuBoard.classic{grid-template-columns:40px repeat(4,minmax(0,1fr));gap:7px;margin:10px 0 18px;display:grid}.sajuBoard.classic>b,.sajuBoard.classic>span,.sajuBoard.classic>em{text-align:center;border-radius:17px;place-items:center;display:grid}.sajuBoard.classic>b{color:#2b1c14;background:#f1e5d4;min-height:40px;font-size:14px}.sajuBoard.classic>span{color:#f5dfb6;background:#171311;font-size:13px;font-weight:900}.sajuBoard.classic>em{background:#fffaf2;border:1px solid #ead9c3;flex-direction:column;justify-content:center;gap:3px;min-height:86px;font-style:normal;display:flex}.sajuBoard.classic>em strong{font-family:Noto Serif KR,serif;font-size:31px;line-height:1}.sajuBoard.classic>em small{color:#78685d;font-size:10px;font-weight:800;line-height:1.15}.sajuBoard.classic>em.dayMark{border-color:var(--orange);box-shadow:inset 0 3px 0 var(--orange);background:#fff0e7}.elementList{gap:10px;margin:12px 0 16px;display:grid}.elementList div{border:1px solid var(--line);background:#fffaf2;border-radius:22px;grid-template-columns:36px 1fr;align-items:center;gap:5px 10px;padding:13px;display:grid}.elementList strong{color:#4a281d;font-size:20px}.elementList span{color:#7a6b60;font-size:13px;font-weight:900}.elementList i{background:#eadfce;border-radius:999px;grid-column:1/-1;height:9px;overflow:hidden}.elementList b{background:linear-gradient(90deg,var(--orange),var(--gold));border-radius:999px;height:100%;display:block}.relationGrid.precise{grid-template-columns:repeat(2,1fr);gap:9px;margin:12px 0 16px;display:grid}.relationGrid.precise div{border:1px solid var(--line);background:#fffaf2;border-radius:22px;flex-direction:column;justify-content:center;align-items:flex-start;min-height:94px;padding:12px;display:flex}.relationGrid.precise small{color:#8a796c;font-size:11px;font-weight:900}.relationGrid.precise strong{color:#2a1a13;font-family:Noto Serif KR,serif;font-size:26px;line-height:1.1}.relationGrid.precise b{color:#9b432b;font-size:14px}.traitList{gap:10px;display:grid}.traitList article{border:1px solid var(--line);background:#fffaf2;border-radius:22px;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:14px;display:grid}.traitList b{font-size:16px}.traitList span{color:#66594f;margin-top:4px;font-size:13px;line-height:1.45;display:block}.traitList strong{color:#9b432b;white-space:nowrap;font-size:12px}.quoteBox{color:#fff0d7;background:#171311;border-radius:24px;margin-top:16px;padding:18px;font-size:17px;font-weight:900;line-height:1.55}.yearGraph{border:1px solid var(--line);background:#fffaf2;border-radius:24px;grid-template-columns:repeat(21,minmax(0,1fr));align-items:end;gap:3px;width:100%;max-width:100%;height:174px;padding:16px 8px 8px;display:grid;overflow:hidden}.yearGraph div{text-align:center;min-width:0}.yearGraph i{background:#e5d4bd;border-radius:99px;width:min(12px,70%);margin:0 auto 7px;display:block}.yearGraph .now i{background:linear-gradient(180deg,var(--orange),var(--gold))}.yearGraph span{color:#78685d;font-size:10px;font-weight:900}.legend{color:#8a796c;justify-content:space-between;align-items:center;margin:8px 0 12px;font-size:12px;font-weight:900;display:flex}.timelineList{gap:9px;display:grid}.timelineList article{border:1px solid var(--line);background:#fffaf2;border-radius:20px;grid-template-columns:58px 1fr;gap:10px;padding:12px;display:grid}.timelineList article.focus{border-color:var(--orange);background:#fff0e7}.timelineList strong{color:#1c130f}.timelineList b{color:#9b432b;font-size:14px;display:block}.timelineList span{color:#5d5048;margin-top:3px;font-size:13px;line-height:1.45;display:block}.splitList{gap:12px;display:grid}.splitList>div,.monthGrid article{border:1px solid var(--line);background:#fffaf2;border-radius:22px;padding:14px}.splitList b{margin-bottom:8px;display:block}.splitList p{color:#5d5048;margin:8px 0;font-size:14px;line-height:1.5}.monthGrid{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.monthGrid article{min-height:126px}.monthGrid strong{font-size:18px}.monthGrid b{color:#9b432b;margin:4px 0;font-size:13px;display:block}.monthGrid span{color:#5d5048;font-size:13px;line-height:1.45}.enhanced{padding-bottom:14px}.enhanced p{margin:0 0 14px}.toast{color:#fff7ea;background:#171311;border-radius:999px;max-width:360px;padding:12px 16px;font-weight:800;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 18px 40px #0000002e}@media (width>=680px){.phone{border-radius:42px;width:390px;height:min(844px,100dvh - 40px);overflow:hidden;box-shadow:0 34px 90px #24160c33}}@media (width<=420px){.page{padding:16px 16px 12px}.landingPage{padding:30px 22px 22px}.landingPage h1{font-size:44px}.cardPage{border-radius:30px;padding:22px 18px 32px}.cardPage h2{font-size:30px}.bodyBig,.enhanced p{font-size:16px}.panel{border-radius:30px;padding:22px 18px}.panel h2{font-size:30px}.choice2 button{height:120px}.mbtiGrid{gap:7px}.mbtiGrid button{height:43px;font-size:12px}.sajuBoard.classic{grid-template-columns:38px repeat(4,minmax(0,1fr));gap:6px}.sajuBoard.classic>em{min-height:82px}.sajuBoard.classic>em strong{font-size:29px}.monthGrid{grid-template-columns:1fr}.bottomActions.two{grid-template-columns:1fr 1.2fr}}@media (height<=720px){.landingPage h1{font-size:39px}.brandMark{width:60px;height:60px}.previewCard{margin-bottom:12px;padding:15px}.panel{padding:18px}.panel h2{font-size:27px}.choice2 button{height:96px}.mbtiGrid button{height:38px}.field input,.field select{height:48px}.cta,.secondary{height:52px}.cardPage h2{font-size:28px}.bodyBig,.enhanced p{font-size:15.5px;line-height:1.62}}