main{max-width:720px;margin:32px auto;padding:24px}body{font:15px/1.6 system-ui;background:#f3f6fa;color:#14243d}form,section{padding:24px;background:white;border:1px solid #dfe5ef;border-radius:14px;margin:20px 0}label{display:grid;gap:7px;margin:16px 0}input{padding:12px;border:1px solid #d5deec;border-radius:8px;max-width:100%;box-sizing:border-box;font:inherit}button{background:#d92245;color:white;padding:12px 18px;border:0;border-radius:8px;cursor:pointer;font:inherit}code,pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#edf2f8;padding:16px;display:block}.notice{padding:16px;background:#e7f6ee}.error{padding:16px;background:#fff0f2;color:#a1233b}a{color:#245c87}@media(max-width:600px){main{margin:0;padding:16px}form,section{padding:18px}}