*{box-sizing:border-box}body{font-family:system-ui,sans-serif;background:#f4f2ed;color:#272722;margin:0;line-height:1.8}main{max-width:620px;margin:7vh auto;padding:30px;background:#fff;border-radius:20px}h1{font-size:28px}h2{font-size:19px}button{background:#914e40;border:0;border-radius:9px;color:white;padding:13px 18px;font-size:16px;cursor:pointer}button:disabled{opacity:.5;cursor:default}hr{border:0;border-top:1px solid #ddd;margin:28px 0}#status{white-space:pre-wrap;color:#744538}#phrase{display:block;font-size:24px;letter-spacing:.12em;background:#f4f2ed;padding:14px;border-radius:9px}@media(max-width:600px){main{margin:18px 12px;padding:23px}button{width:100%}}