:root{font:17px system-ui;color:#172e38;background:#f2f6f8}body{margin:0;padding:24px}main{max-width:580px;margin:5vh auto;padding:24px;background:white;border-radius:18px}h1{margin-top:0}label{display:block;margin:18px 0}input{display:block;box-sizing:border-box;width:100%;font:inherit;padding:12px;border:1px solid #8ba2ae;border-radius:8px}button{font:inherit;min-height:48px;padding:10px 18px;border:0;border-radius:8px;background:#164e63;color:white;cursor:pointer}button:disabled{opacity:.45;cursor:default}.controls{display:flex;flex-wrap:wrap;gap:12px}p{line-height:1.5}#status{font-weight:600}@media(max-width:420px){body{padding:12px}main{padding:18px;margin:16px auto}}