*{margin:0;padding:0;box-sizing:border-box}html{background:#dfe7f2}body{font-family:Space Grotesk,-apple-system,Segoe UI,Roboto,sans-serif;color:#1d2430;min-height:100dvh}.marco{max-width:640px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;padding:24px 16px calc(16px + env(safe-area-inset-bottom))}.logo{font-weight:700;letter-spacing:-.02em;font-size:1.6rem;text-align:center;margin-bottom:16px}.caja{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:22px;background:#ffffff8c;backdrop-filter:blur(24px) saturate(1.5);-webkit-backdrop-filter:blur(24px) saturate(1.5);border:1px solid rgba(255,255,255,.75);box-shadow:0 8px 32px #1e325a1a}.vacio{color:#5d6b80}.msg{max-width:85%;padding:10px 14px;border-radius:16px;line-height:1.55;white-space:pre-wrap}.msg.mia{align-self:flex-end;background:#1d2430;color:#fff}.msg.suya{align-self:flex-start;background:#fffc}.msg.pensando{color:#5d6b80}.barra{display:flex;gap:8px;margin-top:12px}.barra input{flex:1;font:inherit;font-size:16px;padding:12px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.75);background:#ffffff8c;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);outline:none}.barra button{font:inherit;padding:12px 20px;border-radius:999px;border:0;background:#101418;color:#fff;cursor:pointer}.barra button:disabled{opacity:.5;cursor:default}footer{text-align:center;color:#5d6b80;font-size:.85rem;margin-top:12px}footer a{color:inherit}