*{box-sizing:border-box}body{margin:0;background:#f5f7fa;color:#172033;font:16px/1.5 system-ui,sans-serif;padding:32px 16px}main{max-width:480px;margin:4vh auto;background:#fff;border:1px solid #e0e5ed;border-radius:20px;padding:30px;box-shadow:0 12px 40px #17203309}h1{font-size:28px;margin-bottom:8px}h2{font-size:20px}a{color:#116f60}.back{font-size:14px}label{display:block;font-weight:600;margin:16px 0}input,textarea{display:block;width:100%;margin-top:6px;border:1px solid #bdc7d5;border-radius:8px;padding:12px;font:inherit}input:focus,textarea:focus{outline:2px solid #168772;outline-offset:2px}button{width:100%;border:0;border-radius:9px;padding:12px;background:#087f6b;color:white;font:600 15px system-ui;cursor:pointer;margin:6px 0}button:disabled{opacity:.6}.secondary{background:#edf4f2;color:#126a5c}.hint{font-size:13px;color:#576579}#message{white-space:pre-wrap}#saved{padding:16px;background:#edf8f3;border-radius:12px}textarea{min-height:100px;overflow-wrap:anywhere;font-family:monospace} [hidden]{display:none!important}@media(max-width:480px){body{padding:16px 10px}main{padding:22px;margin:0 auto}}