@import url('https://fonts.googleapis.com/css2?family=Gowun+Batang:wght@700&family=Pretendard:wght@400;600;700;800;900&display=swap');
:root{--ink:#3e2b25;--muted:#79645c;--cream:#fffaf0;--paper:#fffdf8;--orange:#d86e2f;--rust:#a94327;--gold:#f2c46d;--line:#eadbc8;--shadow:0 18px 50px #713a1820}*{box-sizing:border-box}html{background:#f7efe3}body{margin:0;color:var(--ink);font-family:Pretendard,Arial,sans-serif;background:radial-gradient(circle at 10% 8%,#ffdba2 0,transparent 28%),radial-gradient(circle at 90% 20%,#f4b3a855 0,transparent 30%),#fff8ed}button{font:inherit}nav{height:54px;display:flex;justify-content:center;align-items:center;gap:25px;background:#fffcf7e8;border-bottom:1px solid #eadfce;position:sticky;top:0;z-index:20;backdrop-filter:blur(10px)}nav a{text-decoration:none;color:#654f46;font-size:13px;font-weight:800}nav a.active{color:var(--orange)}main{width:min(100% - 28px,760px);margin:auto;padding:32px 0 70px}.hero,.quiz,.result,.about{background:#fffdf9;border:1px solid #f1e3d2;border-radius:32px;box-shadow:var(--shadow)}.hero{text-align:center;padding:42px 26px 36px;overflow:hidden}.eyebrow{margin:0 0 14px;color:#b75b2c;font-size:12px;font-weight:900;letter-spacing:.2em}.hero h1{font-family:'Gowun Batang',serif;font-size:clamp(34px,7vw,54px);line-height:1.2;margin:0}.hero h1 span{color:var(--rust)}.lead{font-size:15px;line-height:1.75;color:var(--muted);margin:18px 0 24px}.hero-art{width:min(100%,360px);margin:auto;position:relative}.hero-art img{display:block;width:100%;height:auto;border-radius:50% 50% 44% 44%;box-shadow:0 12px 30px #7c321a33}.hero-art i{position:absolute;display:grid;place-items:center;width:48px;height:48px;border-radius:18px;background:#fff;box-shadow:0 8px 20px #58280e2b;font-style:normal;font-size:24px}.hero-art i:nth-of-type(1){left:-5px;top:16%}.hero-art i:nth-of-type(2){right:-8px;top:48%}.hero-art i:nth-of-type(3){left:5%;bottom:4%}.mini-types{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin:22px 0 18px}.mini-types span{font-size:11px;color:#8b5639;background:#fff0d7;border-radius:999px;padding:7px 10px;font-weight:700}.primary,.kakao,.secondary{width:min(100%,390px);border:0;border-radius:17px;padding:17px 20px;font-weight:900;cursor:pointer}.primary{color:#fff;background:linear-gradient(135deg,#d96d2f,#ad3d26);box-shadow:0 7px 0 #87301f}.time-note{font-size:11px;color:#a08a7f;margin:15px 0 0}.quiz{padding:27px 24px;min-height:590px}.progress-head{display:flex;justify-content:space-between;color:#a15a38;font-size:12px;font-weight:900;letter-spacing:.08em}.progress-head strong{color:#7e6a60}.progress{height:9px;background:#f1e7d9;border-radius:99px;margin:12px 0 50px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,#efa34b,#b94729);width:8.33%;border-radius:inherit;transition:width .25s}.question-card{text-align:center}.question-emoji{display:grid;place-items:center;width:76px;height:76px;margin:auto;border-radius:28px;background:#fff0d7;font-size:38px;transform:rotate(-4deg)}.question-card h2{font-family:'Gowun Batang',serif;font-size:clamp(23px,5vw,31px);line-height:1.5;min-height:94px;margin:24px 0}.answers{display:grid;gap:13px}.answers button{min-height:72px;text-align:left;border:2px solid #eadbc8;background:#fffaf1;border-radius:20px;padding:16px 20px;color:#543d33;font-weight:800;line-height:1.45;cursor:pointer;transition:.15s}.answers button:hover{border-color:#d47745;background:#fff2dc;transform:translateY(-2px)}.back{display:block;margin:28px auto 0;border:0;background:none;color:#9b857a;font-weight:700;cursor:pointer}.result{text-align:center;padding:38px 24px}.result-kicker{margin:0;color:#8d7569;font-size:14px}.result h2{font-family:'Gowun Batang',serif;color:#9f3e27;font-size:clamp(30px,7vw,46px);margin:8px 0}.result-quote{font-family:'Gowun Batang',serif;font-size:17px;color:#6a5044;margin:0 0 22px}.result>img{width:min(100%,440px);height:auto;border-radius:28px;box-shadow:0 14px 34px #5d2f1e2c}.result-copy{max-width:520px;margin:24px auto}.result-copy p{line-height:1.75;color:#6c574e}.traits{display:flex;justify-content:center;gap:7px;flex-wrap:wrap}.traits span{padding:8px 12px;border-radius:99px;background:#faead7;color:#9a4d2e;font-size:12px;font-weight:800}.recommend-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px auto;max-width:540px}.recommend-grid article,.match-card{padding:18px;border-radius:19px;background:#fff5e6;border:1px solid #efdcc4}.recommend-grid small,.match-card span{display:block;color:#a07c67;font-size:11px;margin-bottom:7px}.recommend-grid strong,.match-card strong{font-size:14px}.match-card{max-width:540px;margin:0 auto 22px;display:grid;grid-template-columns:1fr 1fr;text-align:left;gap:5px 14px}.match-card span:nth-of-type(2){margin-top:10px}.match-card strong:nth-of-type(2){margin-top:10px}.kakao{background:#fee500;color:#191919;margin-bottom:10px}.secondary{background:#efe3d5;color:#614c42}.other{display:block;color:#9a5d3e;font-size:13px;font-weight:800;margin-top:18px}.about{margin-top:26px;padding:27px}.about h2{font-family:'Gowun Batang',serif;font-size:21px;margin:0 0 12px}.about p{color:#79675e;line-height:1.75;font-size:14px;margin:0}.ad-container{margin:34px auto 0;min-height:90px}footer{text-align:center;padding:22px;color:#9b887f;font-size:11px}@media(max-width:520px){main{width:min(100% - 20px,760px);padding-top:18px}.hero,.quiz,.result,.about{border-radius:25px}.hero{padding:33px 18px 29px}.quiz{padding:23px 17px;min-height:550px}.progress{margin-bottom:38px}.question-card h2{min-height:88px}.result{padding:32px 16px}.recommend-grid{grid-template-columns:1fr}.match-card{grid-template-columns:1fr}.match-card strong:nth-of-type(2){margin-top:0}.match-card span:nth-of-type(2){margin-top:8px}}