:root{font-family:system-ui,-apple-system,"Segoe UI","Noto Sans JP",sans-serif;color:#163047;background:#f3f6fa;line-height:1.7}*{box-sizing:border-box}body{margin:0}main{max-width:900px;margin:36px auto;padding:0 24px 64px}h1{font-size:28px;letter-spacing:.02em;margin-bottom:28px}h2{font-size:19px;margin-top:0}h3{font-size:17px}section{background:white;border:1px solid #dce4ee;border-radius:12px;padding:24px;margin:20px 0;box-shadow:0 4px 16px #16304705}section[hidden]{display:none}label{display:block;font-weight:600}input{display:block;width:100%;max-width:560px;padding:11px 12px;margin:6px 0 12px;border:1px solid #b7c7d7;border-radius:6px;font:inherit;background:#fff}input:focus{outline:3px solid #94c8ff;outline-offset:1px}button{font:inherit;font-weight:600;cursor:pointer;color:#fff;background:#1763ae;border:0;border-radius:7px;padding:10px 18px;margin:6px 8px 6px 0}button:hover{background:#114e8b}button:disabled{opacity:.5;cursor:wait}button:focus-visible{outline:3px solid #77baff;outline-offset:3px}details{margin-top:20px}summary{cursor:pointer;color:#315b7e}article{border-top:1px solid #dce4ee;padding:12px 0}article button{background:#edf3fa;color:#174f80}article button:hover{background:#dce9f7}#status{font-weight:600;white-space:pre-wrap}#result{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit}p{overflow-wrap:anywhere}@media(max-width:600px){main{margin-top:22px;padding:0 14px 40px}section{padding:18px}h1{font-size:24px}button{width:100%;margin-right:0}}