@font-face{font-family:OkDandan;src:url("https://cdn.jsdelivr.net/gh/projectnoonnu/2508-2@1.0/OkDanDan-Bold.woff2") format("woff2");font-display:swap}
.profile-field{display:block;margin-bottom:12px;text-align:left;padding:20px;border:1px solid var(--line);border-radius:20px;background:var(--paper);box-shadow:0 10px 28px var(--shadow)}.profile-field strong,.profile-field span{display:block}.profile-field strong{font-size:14px}.profile-field small{color:var(--accent);font-size:10px}.profile-field select{width:100%;margin-top:9px;padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);font:inherit;outline:none}.profile-field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #b26a3d1a}.profile-field span{margin-top:7px;color:var(--muted);font-size:11px}
:root{--ink:#352c2a;--muted:#7c6c64;--paper:#fffaf2;--cream:#f7f0e4;--pink:#f3dce3;--blue:#dcebf1;--line:#dfd3c2;--accent:#b26a3d;--shadow:#65472b24}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 8% 5%,#f7dfe7 0,transparent 33%),radial-gradient(circle at 94% 92%,#dcebf1 0,transparent 38%),var(--cream);color:var(--ink);font-family:Pretendard,"Malgun Gothic",sans-serif}.top{min-height:62px;padding:12px max(18px,calc((100vw - 860px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fffaf2cc;backdrop-filter:blur(8px)}.top a{color:var(--muted);text-decoration:none;font-size:13px;font-weight:700}.top span{font-size:12px;color:var(--muted)}.shell{width:min(720px,calc(100% - 28px));margin:46px auto 70px}.screen{text-align:center}.screen[hidden]{display:none}.eyebrow{margin:0;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.14em}.hero-icon{font-size:36px;margin:14px 0 8px}.start-screen h1,.result-screen h1{font:44px/1.28 OkDandan,Pretendard,sans-serif;margin:8px 0 15px}.lead{margin:0 auto 28px;color:var(--muted);line-height:1.75}.name-field{display:block;text-align:left;padding:20px;border:1px solid var(--line);border-radius:20px;background:var(--paper);box-shadow:0 10px 28px var(--shadow)}.name-field strong,.name-field span{display:block}.name-field strong{font-size:14px}.name-field small{color:var(--accent);font-size:10px}.name-field input,.quiz-head input{width:100%;margin-top:9px;padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);font:inherit;outline:none}.name-field input:focus,.quiz-head input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #b26a3d1a}.name-field span{margin-top:7px;color:var(--muted);font-size:11px}.primary,.secondary{width:100%;min-height:54px;margin-top:14px;padding:13px 18px;border-radius:999px;font:700 15px inherit;cursor:pointer}.primary{border:0;background:#b26a3d;color:#fff}.secondary{border:1px solid var(--line);background:var(--paper);color:var(--ink)}.start-facts{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin:16px 0 25px}.start-facts span{padding:6px 9px;border:1px solid var(--line);border-radius:999px;background:#fff9;font-size:10px;color:var(--muted)}.guide{text-align:left;padding:20px;border:1px solid var(--line);border-radius:20px;background:#fff9}.guide h2{margin:0 0 9px;font-size:17px}.guide p{margin:7px 0;color:var(--muted);font-size:12px;line-height:1.7}.quiz-screen{padding:24px;border:1px solid var(--line);border-radius:25px;background:#fffaf2;box-shadow:0 15px 42px var(--shadow)}.quiz-head{display:flex;align-items:end;justify-content:space-between;gap:18px}.quiz-head button{border:0;background:none;color:var(--muted);font:700 12px inherit;cursor:pointer}.quiz-head label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px}.quiz-head input{width:130px;margin:0;padding:8px 10px}.progress-meta{display:flex;justify-content:space-between;margin-top:27px;color:var(--muted);font-size:11px}.progress{height:5px;margin:8px 0 36px;border-radius:999px;background:#eadfd0;overflow:hidden}.progress i{display:block;height:100%;width:10%;background:linear-gradient(90deg,#d58a62,#b26a3d);transition:width .2s}.question-label{margin:0 0 19px;color:var(--accent);font-size:12px;font-weight:700}.choices{display:grid;grid-template-columns:1fr 38px 1fr;align-items:stretch}.choices button{min-height:210px;padding:22px 18px;border:1px solid var(--line);border-radius:20px;background:var(--blue);color:var(--ink);cursor:pointer;box-shadow:0 7px 0 #b7cbd3;transition:.15s}.choices button:last-child{background:var(--pink);box-shadow:0 7px 0 #d7bcc5}.choices button:hover,.choices button:focus-visible{transform:translateY(-3px);outline:3px solid #b26a3d33}.choices small,.choices strong{display:block}.choices small{color:var(--accent);font-size:12px}.choices strong{margin-top:15px;font-size:18px;line-height:1.65;word-break:keep-all}.versus{display:grid;place-items:center;color:var(--accent);font:18px OkDandan}.previous{margin-top:30px;border:0;background:none;color:var(--muted);font:700 12px inherit;cursor:pointer}.previous:disabled{visibility:hidden}.result-screen{padding:30px 26px;border:1px solid var(--line);border-radius:25px;background:#fffaf2;box-shadow:0 15px 42px var(--shadow)}.result-screen>p:not(.eyebrow,.status){color:var(--muted);font-size:13px;line-height:1.7}.answer-list{padding:0;margin:25px 0;list-style:none;text-align:left;counter-reset:answer}.answer-list li{counter-increment:answer;display:grid;grid-template-columns:30px 1fr;gap:10px;padding:13px 0;border-bottom:1px solid var(--line);font-size:13px;line-height:1.55}.answer-list li:before{content:counter(answer);display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#f0e4d4;color:var(--accent);font-size:10px;font-weight:800}.answer-list small{display:block;color:var(--muted);font-size:10px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.actions button{margin:0}.status{min-height:20px;color:var(--accent);font-size:11px}.home-link{display:inline-block;margin-top:8px;color:var(--muted);font-size:12px;text-decoration:none}footer{text-align:center;padding:30px 16px;border-top:1px solid var(--line);color:#93867c;font-size:10px}@media(max-width:600px){.shell{margin-top:28px}.start-screen h1,.result-screen h1{font-size:37px}.quiz-screen{padding:18px 14px}.quiz-head{align-items:start}.quiz-head label{display:block;text-align:left}.quiz-head input{width:112px;display:block;margin-top:4px}.choices{grid-template-columns:1fr;gap:15px}.choices button{min-height:145px;padding:18px 16px}.versus{height:18px}.choices strong{font-size:17px;margin-top:8px}.actions{grid-template-columns:1fr}.result-screen{padding:25px 18px}}@media(max-width:340px){.top span{display:none}.shell{width:calc(100% - 18px)}.quiz-head input{width:100px}.choices strong{font-size:16px}.lead br{display:none}}