html{font-family:system-ui,sans-serif;color:#183f39;background:#edf3f1}body{margin:0;padding:20px}main{max-width:660px;margin:auto;background:white;padding:24px;border-radius:18px}h1{font-size:26px}p{line-height:1.5}button{padding:14px 20px;border:0;border-radius:10px;background:#2e5a50;color:white;font-size:17px;cursor:pointer}button:disabled{opacity:.55}label{display:block;margin:16px 0 8px}textarea{box-sizing:border-box;width:100%;font-size:16px;border:1px solid #b8cec7;border-radius:8px;padding:10px;resize:vertical}#copy{margin-top:12px}a{color:#245f51}@media(max-width:420px){body{padding:10px}main{padding:18px}}