:root{font-family:system-ui,-apple-system,"Noto Sans KR",sans-serif;color:#18334b;background:#f7f9fb}*{box-sizing:border-box}body{margin:0}a{color:inherit}.wrap{width:min(100% - 40px,1040px);margin:auto}.site-header{background:white;border-bottom:1px solid #e5ebf0}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:72px}.brand{display:flex;align-items:center;gap:9px;font-size:21px;font-weight:800;text-decoration:none;color:#12609a}.header-inner nav{display:flex;gap:24px;flex-wrap:wrap}.header-inner nav a,.site-footer a{text-decoration:none;color:#435c70;font-size:14px}.header-inner a:hover,.guide-links a:hover{text-decoration:underline}.hero{padding:70px 0 34px;max-width:740px}.hero h1{font-size:clamp(30px,5vw,48px);letter-spacing:-.05em;line-height:1.25;margin:10px 0 16px}.hero p,.guide p{line-height:1.8;color:#567084}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#1375b6}.converter,.guide{background:white;border:1px solid #e1e9ef;border-radius:16px;padding:clamp(22px,4vw,40px);box-shadow:0 8px 28px #15364b0a}.converter h2,.guide h2{margin:0 0 25px;letter-spacing:-.03em}.converter label{display:block;font-weight:700;margin-bottom:10px}.input-row{display:flex;gap:10px}.input-row input{min-width:0;flex:1;border:1px solid #b8cbd8;border-radius:9px;padding:15px 17px;font:inherit;font-size:18px}.input-row input:focus,.choices select:focus{outline:2px solid #147cb9;outline-offset:2px}.input-row button{background:#076da9;border:0;border-radius:9px;color:white;font:inherit;font-weight:700;padding:0 25px;cursor:pointer}.input-row button:hover{background:#055989}.hint{font-size:13px;color:#687f8d;margin:10px 0 0}#status:not(:empty){margin:20px 0;color:#a23c2f}.result{border-top:1px solid #e5ebf0;margin-top:28px;padding-top:26px}.result output{display:inline-block;font-size:clamp(26px,4vw,38px);font-weight:800;letter-spacing:-.03em;color:#086da9}.text-button{background:none;border:0;color:#086da9;text-decoration:underline;cursor:pointer;margin-left:12px;font:inherit}.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:28px}.choices label{font-size:13px;color:#435c70;margin:0 0 7px}.choices select{width:100%;padding:10px 12px;border:1px solid #b8cbd8;border-radius:8px;background:white;font:inherit}.choice{min-width:0}.warn{border-left:3px solid #d58d24;padding:10px 15px;background:#fff8eb;margin-top:18px}.alt{margin-top:22px}.alt ul{padding-left:22px;line-height:1.8}.guide{margin:24px 0 70px}.guide-links{display:flex;flex-wrap:wrap;gap:12px}.guide-links a{padding:12px 16px;border:1px solid #cbdce7;border-radius:9px;text-decoration:none;color:#075f97;font-weight:700}.site-footer{border-top:1px solid #dce6ed;background:white;padding:25px 0}.site-footer .wrap{display:flex;gap:20px;flex-wrap:wrap}.site-footer span{margin-left:auto;color:#708392;font-size:13px}@media(max-width:660px){.header-inner{align-items:flex-start;flex-direction:column;padding:17px 0}.header-inner nav{gap:8px 18px}.hero{padding:46px 0 23px}.input-row{flex-direction:column}.input-row button{padding:14px}.choices{grid-template-columns:1fr}}