*{box-sizing:border-box}body{margin:0;background:#f3f7fa;color:#15283c;font:16px system-ui,Segoe UI,Arial}main{max-width:1050px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #d5e2ea;padding-bottom:18px;margin-bottom:24px}header>div{display:flex;align-items:center;gap:14px}.logo{background:#09283a;color:#fff;padding:18px 13px;border-radius:14px;font-weight:900}h1{font-size:25px;margin:0}small{color:#52718a;letter-spacing:.1em;font-size:11px}h2{font-size:21px}h3{font-size:14px;color:#35627c}.panel,.empty{background:#fff;border:1px solid #dce6ed;border-radius:17px;padding:24px;margin:18px 0;box-shadow:0 5px 17px #122c4410}.connect,.test{display:flex;align-items:end;gap:10px;margin:16px 0}label{flex:1;font-size:13px;font-weight:700}input{display:block;width:100%;border:1px solid #ccdce6;border-radius:8px;padding:14px;margin-top:7px;font-size:16px}button{border:0;border-radius:8px;background:#0f6978;color:#fff;padding:15px 20px;font-weight:750;cursor:pointer}.online{color:#167358}.offline{color:#78623d}.meta{display:flex;justify-content:space-between;color:#57758a;font-size:12px}.answer{white-space:pre-wrap;overflow-wrap:anywhere;font:15px/1.7 system-ui,Arial;color:#15283c}.error{color:#bc2b2b}footer{color:#61788a;font-size:12px;margin:35px 0}@media (max-width:600px){header{align-items:start;flex-direction:column}.connect,.test{flex-direction:column;align-items:stretch}label{width:100%}}