*{box-sizing:border-box}body{font-family:ui-sans-serif,system-ui,sans-serif;margin:0;background:#f8fafc;color:#0f172a}.wrap{max-width:640px;margin:8vh auto;padding:24px}input{width:100%;padding:12px;margin:8px 0;border:1px solid #cbd5e1;border-radius:8px}button,input{font-size:16px}button{padding:12px 20px;background:#0d9488;color:#fff;border:0;border-radius:8px;cursor:pointer}button:disabled{opacity:.6;cursor:default}.log{margin-top:16px;font-family:ui-monospace,monospace;font-size:14px}.log div{padding:4px 0;color:#334155}.err{color:#b91c1c}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}