body{margin:0;background:#f3f5f7;color:#18232e;font:16px system-ui,sans-serif}main{max-width:440px;margin:48px auto;padding:28px;background:white;border-radius:12px}main.wide{max-width:1200px}label{display:block;margin:18px 0}input{display:block;box-sizing:border-box;width:100%;padding:10px;margin-top:8px;font:inherit}button{padding:10px 22px;font:inherit;cursor:pointer;background:#174b70;color:white;border:0;border-radius:6px}a{color:#174b70}[role=alert]{color:#a02020}.scroll{overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #ddd;padding:10px;vertical-align:top}pre{white-space:pre-wrap;word-break:break-word;max-width:260px}@media(max-width:600px){main{margin:16px;padding:20px}}