:root{--bg:#0f1712;--card:#18241c;--txt:#e8f0ea;--sub:#9db3a3;--verde:#3ddc84;--rojo:#ff6b6b}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--txt);font:16px/1.45 system-ui,sans-serif}
header{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid #26362b;position:sticky;top:0;background:var(--bg)}
header img{width:32px;height:32px;border-radius:8px}
header h1{font-size:18px;margin:0;flex:1}
main{padding:16px;max-width:720px;margin:auto}
input{width:100%;font-size:20px;padding:12px;margin:6px 0 12px;border-radius:10px;border:1px solid #34503d;background:#0b120d;color:var(--txt);letter-spacing:2px}
button{font-size:16px;padding:12px 16px;border-radius:10px;border:0;background:var(--verde);color:#062b14;font-weight:600}
header button,.barra button{background:var(--card);color:var(--txt);border:1px solid #34503d;padding:8px 12px}
.barra{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}
ul{list-style:none;padding:0;margin:0}
li{background:var(--card);border-radius:12px;padding:12px;margin-bottom:10px;border-left:4px solid var(--verde)}
li.aviso{border-left-color:var(--rojo)}
li .cab{font-size:13px;color:var(--sub);margin-bottom:6px}
li .txt{white-space:pre-wrap;word-break:break-word}
code{background:#0b120d;padding:4px 6px;border-radius:6px;word-break:break-all}
.peq{font-size:14px;color:var(--sub)}
#msg{color:var(--sub)}
#msg.mal{color:var(--rojo)}
a{color:var(--verde)}
li .accion{margin-top:8px;background:#26362b;color:var(--txt);border:1px solid #3ddc84;padding:8px 12px;font-size:14px}
textarea{width:100%;font-size:16px;padding:12px;margin:8px 0;border-radius:10px;border:1px solid #34503d;background:#0b120d;color:var(--txt)}
#conv li.martin{border-left-color:#6aa9ff;margin-left:24px}
#conv li.agente{border-left-color:var(--verde);margin-right:24px}