*{box-sizing:border-box}body{margin:0;font:16px/1.7 system-ui,"Hiragino Sans","Noto Sans JP",sans-serif;color:#222;background:#f6f7f9}header,main,footer{max-width:760px;margin:0 auto;padding:12px 16px}header a{color:#0a58ca;text-decoration:none;font-weight:700}main{background:#fff;border-radius:8px;padding:16px 16px 24px}h1{font-size:1.5rem;margin:.5em 0}h2{font-size:1.15rem;margin:1.4em 0 .4em}label{display:block;margin:.8em 0 .2em;font-weight:600}label:has(input[type=checkbox]){font-weight:400}input,select,textarea,button{font:inherit;width:100%;padding:8px;border:1px solid #aab;border-radius:6px}input[type=checkbox]{width:auto}button{width:auto;background:#0a58ca;color:#fff;border:0;padding:8px 18px;margin:.8em 0;cursor:pointer}textarea{font-family:ui-monospace,monospace}:focus-visible{outline:3px solid #f90;outline-offset:1px}.res{display:grid;grid-template-columns:max-content 1fr;gap:4px 16px;background:#eef3fb;padding:12px;border-radius:6px;margin-top:1em}.res dt{font-weight:600}.res dd{margin:0;font-weight:700}.out{background:#eef3fb;padding:10px;border-radius:6px;font-weight:700}ul.list{padding-left:1.2em}ul.list a{color:#0a58ca}footer{color:#666;font-size:.85rem}