@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{--ink:#222521;--muted:#71736d;--paper:#f7f7f2;--line:#ddded6;--orange:#ff5935;--soft:#eeeee7}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans KR',sans-serif;font-size:16px;word-break:keep-all}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #1d64d6;outline-offset:5px}header{max-width:1320px;margin:auto;height:102px;padding:0 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;color:var(--ink);text-decoration:none;font-size:21px;font-weight:800}.brand-icon{display:grid;place-items:center;width:33px;height:37px;background:var(--orange);color:white;font-size:29px}.edition{margin-left:18px;font-size:12px;font-weight:500;letter-spacing:1px;color:var(--muted)}.draft{font-size:13px;border:1px solid #9c9e94;border-radius:4px;padding:7px 12px;transform:rotate(-4deg);color:#64675d}main{max-width:1224px;min-height:calc(100vh - 194px);margin:auto;padding:66px 0 48px}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.eyebrow{font-size:13px;letter-spacing:2px;font-weight:700;color:var(--muted);margin:0 0 27px}.accent{color:var(--orange)}h1{font-size:clamp(42px,4.7vw,65px);letter-spacing:-3px;line-height:1.22;margin:0 0 24px;font-weight:900}h1 em{font-style:normal;color:var(--orange)}.lede{color:#65685f;line-height:1.85;font-size:17px;max-width:450px}.stats{display:flex;gap:28px;margin-top:38px;padding-top:24px;border-top:1px solid var(--line);max-width:410px}.stats strong{display:block;font-size:21px;margin-bottom:5px}.stats span{font-size:13px;color:var(--muted)}.margin-note{margin-top:54px;font-size:14px;color:var(--muted);line-height:1.8}.sheet{background:#fff;border:1px solid var(--line);box-shadow:9px 9px 0 #e9eae2;padding:34px;position:relative}.sheet-head{display:flex;justify-content:space-between;font-size:12px;letter-spacing:1px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:18px}.step-label{display:flex;justify-content:space-between;margin:26px 0 12px;font-size:13px}.progress{height:4px;background:var(--soft);margin-bottom:28px}.progress>i{display:block;height:100%;background:var(--orange);transition:width .25s}h2{font-size:27px;line-height:1.5;letter-spacing:-1px;margin:0 0 12px}.hint{font-size:14px;color:var(--muted);line-height:1.8;margin-bottom:23px}.answers{display:grid;gap:10px}.answer{display:flex;align-items:center;gap:14px;text-align:left;background:white;border:1px solid var(--line);padding:17px;font-size:15px;line-height:1.55;transition:background .15s,border .15s,transform .15s}.answer:hover{background:#fff4ef;border-color:var(--orange);transform:translateX(3px)}.answer.selected{background:#fff0e9;border-color:var(--orange)}.letter{color:#919387;font-family:monospace;font-size:13px;flex-shrink:0}.answer.selected .letter{color:var(--orange)}.sheet-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:24px;gap:14px}.quiet{border:0;background:none;color:var(--muted);font-size:14px;padding:6px 0}.quiet:disabled{opacity:.35;cursor:default}.small{font-size:12px;color:var(--muted);line-height:1.7}.primary{border:0;background:var(--orange);color:white;padding:17px 24px;font-weight:700;display:inline-block}.primary:hover{background:#e64724}.secondary{border:1px solid var(--ink);background:transparent;padding:15px 22px;font-weight:600}.result-wrap{max-width:870px;margin:auto}.result-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.result-sheet{padding:44px;background:#fff;border:1px solid var(--line)}.stamp{font-size:14px;color:var(--orange);border:2px solid var(--orange);padding:9px 14px;transform:rotate(-7deg)}.result-title{font-size:42px;line-height:1.4;margin:22px 0;letter-spacing:-2px}.quote{font-size:21px;color:var(--orange);font-weight:700}.result-columns{display:grid;grid-template-columns:1fr 1fr;gap:35px;border-top:1px solid var(--line);padding-top:27px;margin-top:28px}.metric{margin-bottom:19px}.metric-label{display:flex;justify-content:space-between;font-size:14px;margin-bottom:9px}.bar{height:7px;background:var(--soft)}.bar i{display:block;height:100%;background:var(--ink)}.result-copy{font-size:15px;line-height:1.9;color:#62655b}.result-copy h3{color:var(--ink);margin-top:0;font-size:17px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.journey{margin-top:28px;background:#242821;color:#fff;padding:35px}.journey .eyebrow{color:#b5b9aa;margin-bottom:14px}.journey h2{font-size:28px}.journey p{color:#c0c4b8;line-height:1.8}.journey .answer{background:transparent;border-color:#63695c;color:white}.journey .answer:hover{background:#353c2f}.journey .letter{color:#c4cbba}.ad{border:1px dashed #c4c5b9;padding:23px;text-align:center;margin-top:28px;color:var(--muted);font-size:13px}.ad b{font-size:11px;letter-spacing:2px;display:block;margin-bottom:8px}.journey .secondary{border-color:#a3ac97;color:white}.path-log{font-size:13px!important;border-left:2px solid var(--orange);padding-left:16px}footer{max-width:1224px;margin:auto;display:flex;gap:24px;justify-content:space-between;align-items:center;border-top:1px solid var(--line);min-height:92px;font-size:12px;color:var(--muted)}footer button{background:transparent;border:0;color:var(--muted);font-size:12px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:90vw;background:var(--ink);color:white;padding:14px 22px;font-size:14px;box-shadow:0 4px 20px #0002;display:none;z-index:10}.enter{animation:appear .3s ease}@keyframes appear{from{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:1300px){main,footer{margin-left:48px;margin-right:48px}.intro-grid{gap:48px}}@media(max-width:850px){header{height:80px;padding:0 24px}.edition{display:none}main{margin:0 24px;padding-top:35px}.intro-grid{grid-template-columns:1fr;gap:28px}.intro h1{font-size:46px}.eyebrow{margin-bottom:18px}.lede{font-size:16px}.stats,.margin-note{display:none}.sheet{padding:25px}.result-sheet{padding:25px}.result-title{font-size:33px}.result-columns{grid-template-columns:1fr;gap:18px}.journey{padding:25px}footer{margin:0 24px;flex-wrap:wrap;justify-content:flex-start;padding:24px 0;gap:12px 24px}.brand{font-size:18px}.draft{font-size:12px}.result-top .eyebrow{letter-spacing:1px;font-size:12px}.stamp{font-size:12px;padding:7px}.sheet-bottom .small{font-size:12px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* Keep the original quiz, with a compact mobile-first presentation. */
.intro-grid{display:block;max-width:560px;margin:auto}.intro .eyebrow,.intro .stats,.intro .margin-note{display:none}.intro h1{font-size:28px;line-height:1.4;letter-spacing:-1px;margin-bottom:8px}.intro h1 br{display:none}.intro .lede{font-size:14px;line-height:1.6;margin:0 0 20px}.intro .lede br{display:none}.sheet{box-shadow:none;border-radius:18px;padding:26px}.answer{border-radius:10px}.result-wrap{max-width:620px}.result-sheet{border-radius:18px;padding:28px}.result-title{font-size:34px}.result-details{border-top:1px solid var(--line);padding-top:14px;margin-top:18px}.result-details summary{font-size:14px;cursor:pointer;font-weight:700}.result-columns{display:block;border-top:0;margin-top:15px;padding-top:10px}.result-copy{margin-top:22px}.journey{border-radius:18px}.brand .edition{display:none}header{height:72px}.primary,.secondary{border-radius:9px}.ad{display:none}
@media(max-width:850px){header{height:58px;padding:0 18px}.brand{font-size:16px;gap:8px}.brand-icon{width:25px;height:29px;font-size:24px}main{margin:0 16px;padding:20px 0 32px;min-height:calc(100svh - 155px)}.intro h1{font-size:25px}.intro .lede{font-size:13px;line-height:1.6;margin-bottom:16px}.sheet{padding:20px}.sheet-head{padding-bottom:12px}.step-label{margin-top:18px}.progress{margin-bottom:20px}.answer{padding:14px 12px;min-height:57px}.sheet h2{font-size:23px}.hint{font-size:13px;margin-bottom:17px}.sheet-bottom{margin-top:18px}.result-sheet{padding:22px}.result-title{font-size:29px}.quote{font-size:17px}.result-columns{display:block}.sheet-bottom .small{max-width:175px}.actions .primary,.actions .secondary{padding:12px 16px;font-size:14px}}
@media(max-width:850px) and (max-height:740px){main{padding-top:14px}.intro .lede{display:none}.intro h1{font-size:23px;margin-bottom:12px}.sheet{padding:16px}.sheet-head{display:none}.step-label{margin-top:0}.progress{margin-bottom:16px}.answer{min-height:48px;padding:11px}.hint{margin-bottom:13px}.sheet h2{font-size:21px}}