html{background:#f4f2ea;color:#405a59;font-family:system-ui,sans-serif}body{margin:0;padding:env(safe-area-inset-top) 24px env(safe-area-inset-bottom)}main{max-width:360px;margin:12vh auto}img{border-radius:50%;object-fit:cover}h1{font-size:26px;font-weight:500}p{line-height:1.7}label{display:block;margin-top:30px}input,button{box-sizing:border-box;width:100%;font:inherit;font-size:16px;min-height:48px;border:1px solid #b9cdc3;border-radius:12px;margin-top:12px;padding:12px;background:#fffdf7;color:inherit}button{background:#405f5b;color:white;cursor:pointer}button:disabled{opacity:.6}#message{min-height:3em}