:root{font-family:system-ui,sans-serif;color:#19303b;background:#f2f5f5;line-height:1.6}*{box-sizing:border-box}main{max-width:860px;margin:30px auto;padding:28px;background:white;border-radius:16px}h1{font-size:clamp(27px,5vw,40px);line-height:1.15}a{color:#12636b}.eyebrow{font-size:12px;letter-spacing:.12em;color:#12636b}.notice{background:#eef5f5;padding:16px;border-left:4px solid #19747a}label{display:block;font-weight:600;margin:18px 0 8px}input,select,textarea,button{font:inherit;padding:10px;border:1px solid #adbdc4;border-radius:6px;width:100%;background:white;color:inherit}select[size]{height:210px}textarea{min-height:100px}button{background:#12636b;color:white;cursor:pointer;font-weight:650;margin-top:18px}button:disabled{opacity:.5;cursor:wait}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}#result:not(:empty){margin-top:25px;padding:20px;background:#f3f7f8;border-radius:10px}#record{font-size:14px;color:#49606b}#result h2{margin-top:0}a:focus-visible,input:focus-visible,select:focus-visible,button:focus-visible,textarea:focus-visible{outline:3px solid #edb64f;outline-offset:3px}[hidden]{display:none!important}@media(max-width:600px){main{margin:0;padding:20px;border-radius:0}.grid{grid-template-columns:1fr;gap:0}}