*{box-sizing:border-box}body{margin:0;background:#f3f5f9;color:#182338;font:15px/1.5 system-ui,sans-serif}main{max-width:1120px;margin:48px auto;padding:0 24px}header,.row{display:flex;align-items:center;justify-content:space-between;gap:16px}small{letter-spacing:.12em;color:#66758c}h1{font-size:32px;margin:8px 0}h2{font-size:20px}p{color:#627087}section{background:white;border:1px solid #e0e5ee;border-radius:14px;padding:24px;margin:24px 0}label{display:block;margin:16px 0}input,textarea{display:block;width:100%;padding:12px;border:1px solid #cbd4e2;border-radius:8px;margin-top:6px;font:inherit}textarea{font:13px/1.6 ui-monospace,monospace;overflow-wrap:anywhere}button{border:0;border-radius:8px;background:#245bdb;color:white;padding:11px 18px;cursor:pointer;font:inherit}button:disabled{opacity:.5;cursor:wait}.row input{max-width:300px}.table{overflow:auto}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:14px 10px;border-bottom:1px solid #e6eaf0;white-space:nowrap}td small{display:block;letter-spacing:normal}#stats{display:flex;gap:28px;flex-wrap:wrap}#stats strong{font-size:26px;display:block}#message{white-space:pre-line;color:#264d97}#login{max-width:480px}#logout,td button{background:#e9edf6;color:#354b70}@media(max-width:680px){main{margin:20px auto;padding:0 12px}header,.row{flex-wrap:wrap}h1{font-size:26px}section{padding:18px}}