*{box-sizing:border-box}body{margin:0;background:var(--rs-surface-soft);color:var(--rs-text);font:16px system-ui,sans-serif}main{max-width:620px;margin:7vh auto;padding:35px;background:#fff;border:1px solid var(--rs-border);border-radius:16px}.brand{font-size:23px;font-weight:800;letter-spacing:1px}.brand span{color:var(--rs-primary)}h1{font-size:28px;margin-top:35px}label{display:grid;gap:8px;font-size:14px;font-weight:600}input{padding:13px;border:1px solid #9bb8b0;border-radius:7px;font:18px monospace;width:100%}button{padding:13px 24px;background:var(--rs-primary);color:#fff;border:0;border-radius:7px;font:600 16px system-ui;margin-top:16px;cursor:pointer;min-height:44px}button:disabled{opacity:.5}input:focus,button:focus-visible{outline:3px solid var(--rs-focus);outline-offset:2px}#error{background:#fff1e0;padding:15px}#result{margin-top:26px;border-top:2px solid var(--rs-primary);padding-top:15px}#result p{white-space:pre-wrap;overflow-wrap:anywhere}.foot{font-size:13px;color:#617c73;margin-top:35px}[hidden]{display:none!important}@media(max-width:680px){main{margin:20px 12px;padding:24px}}