*{box-sizing:border-box}body{margin:0;background:#f8faf5;color:#273d30;font:17px/1.8 -apple-system,BlinkMacSystemFont,sans-serif}main{max-width:860px;margin:auto;padding:48px 24px 80px}header{display:flex;align-items:center;gap:14px}header img{width:64px;height:64px;border-radius:17px}nav{display:flex;gap:20px;flex-wrap:wrap;margin:24px 0}a{color:#456f47}h1{font-size:36px;line-height:1.4}h2{font-size:23px;margin:32px 0 12px}.card{padding:24px;background:white;border:1px solid #dbe4d7;border-radius:20px;margin:24px 0}footer,.muted{color:#627263;font-size:14px;margin-top:32px}label{display:block;font-weight:600;margin-top:18px}input{width:100%;padding:14px;border:1px solid #a8b6a0;border-radius:10px;font:inherit}button{border:0;border-radius:12px;background:#526f50;color:white;font:inherit;padding:14px 24px;margin-top:20px;cursor:pointer}button:disabled{opacity:.5;cursor:default}.danger{background:#a43f33}#result{white-space:pre-wrap}@media(max-width:600px){main{padding:24px 20px 60px}h1{font-size:30px}}