:root{font-family:system-ui,sans-serif;color:#172b34;background:#eef4f5;line-height:1.55}*{box-sizing:border-box}body{margin:0}main{max-width:900px;margin:auto;padding:24px}h1{font-size:clamp(1.7rem,5vw,2.6rem);line-height:1.15}fieldset,section{background:#fff;border:1px solid #b9ced3;border-radius:12px;padding:18px;margin:18px 0;min-width:0}legend{font-weight:700}.tag{color:#4d6770}label{display:block;margin:10px 0}input:not([type=checkbox]),select{display:block;width:100%;padding:10px;border:1px solid #748b94;border-radius:5px;font:inherit}input[type=checkbox]{width:20px;height:20px;flex-shrink:0}.confirm{display:flex;align-items:flex-start;gap:10px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.optional{border-top:1px solid #d0dddf;margin-top:15px;padding-top:8px}button{font:inherit;padding:12px 18px;border-radius:6px;border:1px solid #214955;background:#214955;color:white;margin:6px 8px 6px 0;cursor:pointer}button[type=reset]{background:white;color:#214955}a{color:#175c71;overflow-wrap:anywhere}#result{border-left:6px solid #214955}#factor{overflow-wrap:anywhere}@media(max-width:440px){main{padding:14px}.grid{grid-template-columns:1fr}fieldset{padding:12px}}