*{box-sizing:border-box}body{margin:0;background:#f6f9fb;color:#243444;font:16px/1.65 system-ui,-apple-system,"Yu Gothic",Meiryo,sans-serif}.tool{max-width:700px;margin:auto;padding:20px 18px 30px;background:#fff;border:1px solid #dce7ed;border-radius:10px}h2{font-size:1.4rem;line-height:1.4;margin:0 0 10px;color:#173e58}h3{font-size:1.15rem;margin:0 0 12px}.lead,.hint{font-size:.9rem;color:#4c5d69}.lead{margin:0 0 18px}fieldset{border:1px solid #d7e3e8;border-radius:8px;margin:0 0 15px;padding:14px}legend{font-weight:700;color:#174d67;padding:0 6px}label{display:block;font-weight:600;margin:0 0 12px}input,select{display:block;width:100%;min-height:42px;margin-top:4px;padding:7px 9px;font:inherit;border:1px solid #aabdc7;border-radius:5px;background:#fff;color:#1e2a32}.hint{margin:8px 0 0}.actions{display:flex;gap:10px;flex-wrap:wrap}button{border:0;border-radius:5px;padding:11px 18px;background:#195f7d;color:#fff;font:inherit;font-weight:700;cursor:pointer}button:first-child{background:#e8f1f5;color:#164a63}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #eda948;outline-offset:2px}#message{color:#a12824;font-weight:700;margin:12px 0}#result{border-top:3px solid #195f7d;margin-top:16px;padding-top:14px}dl{margin:0}dl div{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #dce7ed;padding:6px 0}dd{margin:0;font-weight:700;text-align:right}.diff{color:#0c526d}#detail{margin:13px 0}@media(max-width:460px){body{font-size:14px}.tool{padding:14px 10px}fieldset{padding:10px}button{flex:1}dl div{align-items:start}dd{min-width:110px}}