:root{font-family:system-ui,sans-serif;color:#152d36;background:#f0f5f4}*{box-sizing:border-box}main{max-width:700px;margin:40px auto;padding:24px}h1{font-size:32px}p{line-height:1.8}.tag{color:#246d60;font-weight:700;font-size:14px}section{background:white;padding:28px;border-radius:20px;margin:24px 0;box-shadow:0 8px 28px #173d3310}button{min-height:48px;border:0;border-radius:12px;padding:12px 20px;font:inherit;background:#176957;color:white;cursor:pointer;margin:5px 0}button:disabled{opacity:.5;cursor:default}.secondary{background:#e2ebe8;color:#26493e}.actions{display:flex;gap:12px}input{display:block;width:100%;font:inherit;font-size:24px;padding:14px;margin:12px 0;border:1px solid #91b2a7;border-radius:10px}code{overflow-wrap:anywhere;font-size:12px}summary{padding:16px 0;cursor:pointer}#message{padding:16px;background:#e1ece8;border-radius:12px}.foot{font-size:13px;color:#596c68}@media(max-width:480px){main{margin:8px auto;padding:16px}section{padding:20px}.actions{flex-direction:column}h1{font-size:27px}}