body{font:16px system-ui;margin:0;background:#f4f6fa;color:#17263c}main{max-width:900px;margin:auto;padding:24px}section,article{background:white;padding:20px;margin:16px 0;border-radius:12px;border:1px solid #dde4ee}label{display:block;margin:12px 0}input{display:block;box-sizing:border-box;width:100%;padding:10px;border:1px solid #aebbd0;border-radius:6px}button,a{display:inline-block;margin:5px;padding:10px 16px;border:1px solid #1663d7;border-radius:6px;background:white;color:#1559bd;cursor:pointer}button:disabled{opacity:.5}button[type=submit]{background:#1663d7;color:white}.bar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}#notice{white-space:pre-wrap;color:#a13318}[hidden]{display:none!important}