*{box-sizing:border-box}body{color:#fff;background:#1f3a5f;justify-content:center;align-items:center;min-height:100vh;margin:0;padding:24px 16px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex}#app{width:100%;max-width:680px}h1{margin:0 0 28px;font-size:clamp(30px,6vw,46px);line-height:1.15}p{opacity:.85;font-size:18px}textarea,input{color:#fff;width:100%;font:inherit;background:0 0;border:0;border-bottom:2px solid #ffffff80;outline:none;padding:12px 0;font-size:22px}textarea{resize:vertical;height:170px}textarea:focus,input:focus{border-bottom-color:#fff}::placeholder{color:#ffffff80}button{color:#1f3a5f;font:inherit;cursor:pointer;background:#fff;border:0;border-radius:8px;margin-top:24px;padding:14px 32px;font-size:20px;font-weight:600;display:inline-block}button:hover{background:#dce6f2}button:disabled{opacity:.6;cursor:default}.acciones{flex-wrap:wrap;gap:10px;margin-bottom:24px;display:flex}.acciones button{margin-top:0;padding:10px 18px;font-size:16px}.acciones .peligro{color:#7a1f1f;background:#ffc2c2}.acciones .peligro:hover{background:#ffa8a8}ol{margin:0;padding:0;list-style:none}li{overflow-wrap:anywhere;background:#ffffff1a;border-radius:8px;margin-bottom:10px;padding:14px 16px;font-size:18px}small{opacity:.65;margin-bottom:4px;font-size:13px;display:block}.error{color:#ffc2c2;opacity:1}