@font-face{font-family:Pretendard;src:url('/font.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{font-family:Pretendard,system-ui,sans-serif;color:#1b2430;background:#fff;font-synthesis:none;line-height:1.6;--line:#dce1e7;--muted:#667080}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:4px}button,input{font:inherit}button,a,input,label{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #202a35;outline-offset:4px;box-shadow:none}input:focus{box-shadow:none}
.page{max-width:1136px;margin:auto;padding:0 36px}header{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:25px 0;border-bottom:1px solid var(--line);font-size:13px}header a{text-decoration:none}.brand{font-size:20px;font-weight:750;letter-spacing:-.04em}.intro{padding:47px 0 31px}.eyebrow{font-size:12px;font-weight:650;letter-spacing:.08em;color:var(--muted)}h1{font-size:32px;letter-spacing:-.055em;margin:8px 0 12px;line-height:1.35}.intro p{font-size:15px;color:#566170;margin:0}
form{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:34px;align-items:start}fieldset{border:0;padding:0;margin:0;min-width:0}legend{font-size:15px;font-weight:650;margin-bottom:16px}.options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.option{position:relative;cursor:pointer;display:flex;flex-direction:column;align-items:stretch;min-width:0;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#fff;transition:border-color .16s,background .16s}.option:hover{border-color:#86919e}.option:has(input:checked){border-color:#24384e;box-shadow:inset 0 0 0 1px #24384e;background:#f3f6fa}.option:has(input:focus-visible){outline:2px solid #202a35;outline-offset:3px}.option input{position:absolute;opacity:0;width:1px;height:1px;left:12px;bottom:15px}.option img{display:block;width:100%;aspect-ratio:1.18;object-fit:contain;padding:5px;background:#f5f6f8}.option-name{font-size:13px;line-height:1.5;font-weight:550;padding:10px 13px;display:flex;justify-content:space-between;gap:5px}.option-name::after{content:'선택';color:#526170;font-size:11px;opacity:0}.option:has(input:checked) .option-name::after{opacity:1}.register{position:sticky;top:24px;border-top:2px solid #26364a;padding-top:18px}.selection{display:flex;flex-direction:column;gap:4px;margin-bottom:20px}.muted{font-size:12px;color:var(--muted)}.selection strong{font-size:19px;font-weight:600;letter-spacing:-.035em}.consent{display:flex;align-items:flex-start;gap:9px;font-size:12px;color:#4b5868;cursor:pointer;margin-bottom:20px}.consent input{accent-color:#273c55;width:17px;height:17px;flex-shrink:0;margin:2px 0 0}#challenge{min-height:72px;margin-bottom:16px}#submit{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:48px;border:1px solid #25374d;border-radius:6px;background:#25374d;color:#fff;font-size:14px;font-weight:600;padding:10px 8px}#submit:disabled{background:#596a7e;border-color:#596a7e}#submit[aria-busy=false] .spinner{display:none}.spinner{height:15px;width:15px;border:2px solid #ffffff70;border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}#result{font-size:13px;white-space:pre-line;min-height:20px;margin:13px 0;color:#263c55}#result.error{color:#b42318}#result.success{padding:12px;border-left:3px solid #426851;background:#f5f8f6;color:#284b37}#retry{min-height:40px;padding:7px 12px;border:1px solid #8a96a4;border-radius:5px;background:#fff;color:#273647}.note{font-size:11px;line-height:1.8;color:var(--muted);margin:19px 0 0}footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);margin-top:44px;padding:21px 0 28px;color:var(--muted);font-size:11px}
.option img{height:auto}
@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.option{transition:none}.spinner{animation:none;border-style:dotted}}@media(max-width:860px){form{grid-template-columns:minmax(0,1fr) 270px;gap:24px}.options{grid-template-columns:repeat(2,minmax(0,1fr))}.page{padding:0 24px}h1{font-size:28px}}@media(max-width:620px){.page{padding:0 21px}header{padding:19px 0;font-size:11px}.brand{font-size:19px}.intro{padding:34px 0 27px}h1{font-size:27px}.intro p{font-size:14px}form{display:block}.options{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.option-name{font-size:13px;padding:10px}.register{position:static;margin-top:30px;padding-top:20px}.selection{margin-bottom:17px}.consent{font-size:13px}.note{font-size:12px}footer{flex-direction:column;gap:6px;margin-top:32px}.option img{aspect-ratio:1.25}}