:root{--bg-a:#f6f3ea;--bg-b:#d8e8f7;--ink:#17263c;--muted:#5d6b7d;--line:#d5e1ef;--surface:#fffc;--surface-strong:#fff;--accent:#1798d4;--danger:#e45858;--warn:#e2a22a;--ok:#2fb377}*{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 10% 8%,#ffffffd9,transparent 42%),radial-gradient(circle at 90% 94%,#7fb3e559,transparent 48%),linear-gradient(130deg,var(--bg-a),var(--bg-b));font-family:Noto Sans KR,Apple SD Gothic Neo,Malgun Gothic,sans-serif}.page{width:min(980px,100%);margin:0 auto;padding:2rem 1rem 3rem}.card{background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #fff9;border-radius:1.5rem;padding:1.25rem;box-shadow:0 24px 60px #10223826}.hero{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.875rem;margin-bottom:1.5rem;display:flex}.hero h1{margin:.65rem 0 0;font-size:clamp(1.55rem,2.9vw,2.2rem);line-height:1.2}.badge{color:#245176;letter-spacing:.04em;background:#e9f2fc;border-radius:999px;margin:0;padding:.38rem .62rem;font-size:.72rem;font-weight:800;display:inline-flex}.subtitle{color:var(--muted);margin:.55rem 0 0;font-size:.96rem}.meta{color:#4d5f74;background:#ffffffeb;border:1px solid #dbe8f6;border-radius:.8rem;margin:0;padding:.65rem .8rem;font-size:.82rem;font-weight:700}.form-grid{grid-template-columns:1fr;gap:.9rem;display:grid}.field{min-width:0;display:block}.field.full{grid-column:1/-1}.mode-fieldset{border:0;min-inline-size:0;margin:0;padding:0}.field-label{color:#3d4f63;margin-bottom:.45rem;font-size:.86rem;font-weight:800;display:block}.control{background:var(--surface-strong);width:100%;color:var(--ink);border:1px solid #d5e3f1;border-radius:.8rem;outline:none;padding:.8rem .85rem;font-size:1rem;transition:border-color .15s,box-shadow .15s}.control:focus{border-color:#61afe0;box-shadow:0 0 0 4px #61afe033}.field-hint{color:#607184;margin-top:.42rem;font-size:.78rem;display:block}.mode-grid{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}.mode-card{background:var(--surface-strong);color:#43556a;cursor:pointer;border:1px solid #d6e3f0;border-radius:.8rem;justify-content:center;align-items:center;gap:.45rem;padding:.82rem .9rem;font-size:.9rem;font-weight:800;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.mode-card:hover{transform:translateY(-1px)}.mode-card.active{color:#1f5477;border-color:#68b0dd;box-shadow:0 0 0 4px #68b0dd33}.mode-radio{margin:0}.result-panel{background:#ffffffeb;border:1px solid #d8e3ef;border-radius:1rem;margin-top:1.2rem;padding:1rem}.result-overline{color:#6f7f90;text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.7rem;font-weight:900}.result-title{color:#18263c;margin:.45rem 0 0;font-size:clamp(1.15rem,2.5vw,1.45rem);font-weight:900}.detail-box{background:#eff7fd;border:1px solid #d1e5f5;border-radius:.8rem;margin-top:.85rem;padding:.8rem}.detail-overline{color:#2a6387;text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.68rem;font-weight:900}.detail-text{color:#21334a;margin:.38rem 0 0;font-size:.9rem;font-weight:700;line-height:1.5}.progress-wrap{margin-top:.9rem}.progress-label{color:#4f6278;justify-content:space-between;gap:.5rem;font-size:.78rem;font-weight:800;display:flex}.progress-track{background:linear-gradient(90deg,#e9eff6,#dce7f2);border-radius:999px;height:.72rem;margin-top:.42rem;overflow:hidden}.progress-fill{border-radius:999px;width:0;height:100%;transition:width .35s,background-color .35s}.reference{color:#2f4258;background:#fffc;border:1px solid #d9e4f0;border-radius:.85rem;margin-top:1.05rem;padding:.8rem}.reference summary{cursor:pointer;font-size:.9rem;font-weight:900}.reference-grid{color:#43566d;grid-template-columns:1fr;gap:.35rem;margin:.7rem 0 0;padding:0;font-size:.87rem;list-style:none;display:grid}@media (min-width:760px){.card{padding:1.6rem}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.reference-grid{grid-template-columns:1fr 1fr}}