body{margin:0;background:#f7f5ef;color:#252420;font:16px system-ui,sans-serif}body>main{max-width:430px;margin:8vh auto;padding:28px;background:white;border-radius:12px;box-shadow:0 3px 24px #0001}h1{font-size:25px}label{display:block;margin:16px 0}label input{display:block;width:100%;box-sizing:border-box;padding:11px;border:1px solid #ddd;border-radius:6px;margin-top:6px}button{background:#b4592a;color:white;border:0;border-radius:6px;padding:12px 18px;cursor:pointer}#connection-status{position:fixed;top:0;left:0;right:0;z-index:9999;background:#fff1da;padding:15px;box-shadow:0 2px 8px #0002}#connection-status button{margin-left:12px}