:root{--fondo:#0e1313;--superficie:#161d1d;--elevada:#1f2828;--borde:#2a3434;--texto:#dce3e3;--secundario:#95a1a1;--terciario:#7e8c8c;--cian:#6cf8f6;--sobre-cian:#0e1313;--ambar:#f5b969;--coral:#ff8a7a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#raiz{height:100%;margin:0}body{background:var(--fondo);color:var(--texto);font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.5}input,textarea{font:inherit;color:var(--texto)}:focus-visible{outline:2px solid var(--cian);outline-offset:2px}.marca{color:var(--cian);letter-spacing:.2px;font-weight:700}.aviso{z-index:10;background:var(--elevada);border:1px solid var(--ambar);border-radius:12px;align-items:center;gap:12px;max-width:min(560px,100% - 32px);padding:12px 14px;display:flex;position:fixed;top:12px;left:50%;transform:translate(-50%)}.aviso button{color:var(--cian);white-space:nowrap;background:0 0;border:0}.vincular{max-width:420px;margin:0 auto;padding:48px 16px}.vincular h1{margin:0 0 6px;font-size:34px}.vincular .sub{color:var(--secundario);margin:0 0 18px}.pasos{color:var(--secundario);margin:0 0 22px;padding-left:20px}.pasos b{color:var(--texto);font-weight:600}form{gap:14px;display:grid}label{color:var(--secundario);gap:6px;font-size:13px;display:grid}input{background:var(--superficie);border:1px solid var(--borde);border-radius:10px;padding:11px 12px;font-size:15px}input.codigo{letter-spacing:2px;font-family:ui-monospace,monospace;font-size:20px}form button[type=submit],.escribir button{background:var(--cian);color:var(--sobre-cian);border:0;border-radius:12px;padding:12px 16px;font-weight:600}.error{color:var(--coral);margin:0}.enlace.cian{color:var(--cian)}.derecha{margin-left:auto}.tenue{color:var(--secundario);font-size:13px}.avisos{padding:0 16px 10px;font-size:12px}.avisos.interruptor{color:var(--terciario);align-items:center;gap:8px;display:flex}.cambio{background:color-mix(in srgb, var(--ambar) 14%, var(--superficie));border-bottom:1px solid var(--ambar);color:var(--texto);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;font-size:13px;display:flex}.cambio .acciones{gap:14px;display:flex}.velo{z-index:20;background:#0000008c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.panel{background:var(--elevada);border:1px solid var(--borde);border-radius:16px;gap:12px;width:min(460px,100%);padding:20px;display:grid}.panel h2{margin:0;font-size:18px}.panel button{background:var(--cian);color:var(--sobre-cian);border:0;border-radius:10px;justify-self:end;padding:8px 16px;font-weight:600}.huella{gap:4px;display:grid}.huella .quien{color:var(--secundario);font-size:12px}.huella code{letter-spacing:1px;color:var(--cian);background:var(--superficie);border-radius:10px;padding:10px 12px;font-family:ui-monospace,monospace;font-size:17px;line-height:1.7}.confianza{color:var(--secundario);margin-top:26px;font-size:13px}.confianza summary{color:var(--texto);cursor:pointer}.principal{grid-template-columns:340px 1fr;height:100%;display:grid}.lista{border-right:1px solid var(--borde);background:var(--superficie);flex-direction:column;min-height:0;display:flex}.lista header{justify-content:space-between;align-items:baseline;gap:8px;padding:16px 16px 6px;display:flex}.lista header .marca{font-size:22px}.conexion{color:var(--terciario);text-align:right;font-size:12px}.conexion.en-linea,.conexion.otra-pestana{color:var(--cian)}.conexion.sin-red{color:var(--ambar)}.yo{color:var(--terciario);flex-wrap:wrap;align-items:center;gap:8px;padding:0 16px 10px;font-size:12px;display:flex}.enlace{color:var(--coral);background:0 0;border:0;padding:0;font-size:12px}.lista ul{flex:1;margin:0;padding:0;list-style:none;overflow:hidden auto}.vacio{color:var(--terciario);padding:24px 16px}.fila{text-align:left;width:100%;color:inherit;background:0 0;border:0;align-items:center;gap:12px;padding:10px 16px;display:flex}.fila:hover,.fila.activa{background:var(--elevada)}.avatar{background:var(--borde);width:42px;height:42px;color:var(--cian);border-radius:50%;flex-shrink:0;place-items:center;font-size:14px;font-weight:600;display:grid}.cuerpo{flex:1;grid-template-columns:minmax(0,1fr);gap:2px;min-width:0;display:grid}.arriba,.abajo{justify-content:space-between;align-items:center;gap:8px;display:flex}.nombre{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.cuando{color:var(--terciario);flex-shrink:0;font-size:12px}.previa{color:var(--secundario);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;overflow:hidden}.globo{background:var(--cian);color:var(--sobre-cian);border-radius:10px;padding:0 7px;font-size:12px;font-weight:700}.chat{flex-direction:column;min-width:0;min-height:0;display:flex}.sin-chat{max-width:420px;color:var(--secundario);text-align:center;margin:auto;padding:16px}.cabecera{border-bottom:1px solid var(--borde);background:var(--superficie);align-items:center;gap:12px;padding:14px 16px;display:flex}.cabecera .nombre{font-size:16px}.miembros{color:var(--terciario);font-size:12px}.atras{color:var(--texto);background:0 0;border:0;padding:0 4px;font-size:20px;display:none}.mensajes{flex-direction:column;flex:1;gap:6px;padding:16px;display:flex;overflow-y:auto}.burbuja{white-space:pre-wrap;overflow-wrap:anywhere;border-radius:14px;gap:2px;max-width:min(72%,560px);padding:7px 11px 6px;display:grid}.burbuja.mia{background:var(--cian);color:var(--sobre-cian);border-bottom-right-radius:4px;align-self:flex-end}.burbuja.suya{background:var(--elevada);border:1px solid var(--borde);border-bottom-left-radius:4px;align-self:flex-start}.autor{color:var(--ambar);font-size:12px;font-weight:600}.pie{opacity:.75;justify-self:end;align-items:center;gap:4px;font-size:11px;display:inline-flex}.estado.leido{color:#0b6e6d}.burbuja.mia .estado.fallido,.motivo{color:#8a1c10;font-weight:600}.motivo{font-size:12px}.escribir{border-top:1px solid var(--borde);background:var(--superficie);gap:10px;padding:12px 16px;display:flex}.burbuja{position:relative}.burbuja.retirada{opacity:.6;font-style:italic}.cita{border-left:3px solid var(--ambar);background:#0000001f;border-radius:4px;gap:1px;padding:2px 8px;font-size:13px;display:grid}.cita span{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.adjunto{width:100%;max-width:320px;color:inherit;background:#0003;border:0;border-radius:10px;padding:0;display:block;position:relative;overflow:hidden}.adjunto.imagen img{object-fit:cover;width:100%;height:100%;display:block}.adjunto.spoiler img{filter:blur(24px)}.adjunto.video{display:block}.adjunto.archivo{background:#00000024;gap:4px;padding:10px 12px;display:grid}.nombre-archivo{overflow-wrap:anywhere;font-weight:600}.velo-texto{color:#fff;text-align:left;background:#0000008c;padding:6px 10px;font-size:12px;position:absolute;inset:auto 0 0}.reacciones{flex-wrap:wrap;gap:4px;display:flex}.reacciones button{border:1px solid var(--borde);background:var(--superficie);color:var(--texto);border-radius:12px;padding:1px 8px;font-size:13px}.reacciones button.mia{border-color:var(--cian)}.acciones-msj{gap:10px;font-size:12px;display:none}.acciones-msj button{color:inherit;opacity:.8;background:0 0;border:0;padding:0;text-decoration:underline}.acciones-msj .peligro{color:#8a1c10}.burbuja.suya .acciones-msj .peligro{color:var(--coral)}.burbuja:hover .acciones-msj,.burbuja:focus-within .acciones-msj{display:flex}.contexto{background:var(--elevada);border-top:1px solid var(--borde);color:var(--secundario);justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;font-size:13px;display:flex}.adjunto.voz{background:#00000024;align-items:center;gap:10px;min-width:240px;padding:8px 10px;display:flex}.adjunto.voz audio{max-width:100%}.reproducir{background:var(--fondo);width:34px;height:34px;color:var(--cian);border:0;border-radius:50%;flex-shrink:0}.onda{flex:1;align-items:center;gap:2px;height:28px;display:flex}.onda i{opacity:.7;background:currentColor;border-radius:2px;width:3px;display:block}.grabando{flex:1;align-items:center;gap:12px;display:flex}.grabando .punto{background:var(--coral);border-radius:50%;width:10px;height:10px;animation:1s infinite latir}.grabando button:not(.enlace){background:var(--cian);color:var(--sobre-cian);border:0;border-radius:12px;margin-left:auto;padding:10px 14px;font-weight:600}@keyframes latir{50%{opacity:.3}}@media (prefers-reduced-motion:reduce){.grabando .punto{animation:none}}.adjuntar{border:1px solid var(--borde);color:var(--secundario);background:0 0;border-radius:12px;place-items:center;padding:0 10px;display:grid}.escribir textarea{resize:none;background:var(--fondo);border:1px solid var(--borde);border-radius:12px;flex:1;max-height:160px;padding:10px 12px}@media (width<=760px){.principal{grid-template-columns:1fr}.principal.con-chat .lista,.principal:not(.con-chat) .chat{display:none}.atras{display:inline-block}.burbuja{max-width:86%}}.muro{gap:12px}.publicacion{background:var(--elevada);border:1px solid var(--borde);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:14px;align-self:center;gap:6px;width:100%;max-width:640px;padding:10px 12px;display:grid}.publicacion .pie{justify-self:end}.comentarios{border-top:1px solid var(--borde);gap:6px;padding-top:8px;display:grid}.comentario{font-size:14px}.comentar{gap:8px;display:flex}.comentar input{flex:1;padding:8px 10px}.comentar button{background:var(--cian);color:var(--sobre-cian);border:0;border-radius:10px;padding:0 12px;font-weight:600}.centro{text-align:center;align-self:center}.canales{max-height:50vh;display:grid;overflow-y:auto}.panel input{width:100%}.pestanas{background:var(--superficie);border:1px solid var(--borde);border-radius:14px;gap:4px;margin:4px 0 16px;padding:4px;display:flex}.pestanas button{color:var(--secundario);background:0 0;border:0;border-radius:10px;flex:1;padding:10px 8px;font-weight:600}.pestanas button.activa{background:var(--elevada);color:var(--texto)}.aviso-ios{border:1px solid var(--ambar);color:var(--texto);background:#f5b9691f;border-radius:12px;margin:8px 0 12px;padding:12px 14px;font-size:14px}.codigo-grande{letter-spacing:.04em;text-align:center;background:var(--fondo);border:1px dashed var(--cian);word-break:break-all;-webkit-user-select:all;user-select:all;border-radius:12px;padding:14px 10px;font:600 20px/1.4 ui-monospace,SF Mono,Consolas,monospace}.invitaciones{gap:8px;margin:12px 0;padding:0;list-style:none;display:grid}.invitaciones li{background:var(--fondo);border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:8px 10px;display:flex}.invitaciones .codigo{letter-spacing:.05em;font-family:ui-monospace,Consolas,monospace}.avisos{flex-wrap:wrap;gap:4px 16px;display:flex}.lista .nuevo{background:var(--cian);color:var(--sobre-cian);border:0;border-radius:12px;margin:8px 16px 4px;padding:10px 14px;font-weight:600}.lista .seccion{text-transform:uppercase;letter-spacing:.06em;color:var(--terciario);margin:14px 16px 4px;font-size:12px;font-weight:600}.nuevo-chat{width:min(460px,100%)}.nuevo-chat .canales{max-height:min(50vh,420px);overflow-y:auto}.elegidos{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--cian);color:var(--cian);background:0 0;border-radius:999px;padding:4px 10px;font-size:13px}.acciones-panel{justify-content:space-between;align-items:center;gap:12px;display:flex}.solicitud{border-top:1px solid var(--borde);background:var(--superficie);flex-wrap:wrap;align-items:center;gap:10px 16px;padding:12px 16px;display:flex}.solicitud .acciones{gap:12px;margin-left:auto;display:flex}.solicitud button:not(.enlace){background:var(--cian);color:var(--sobre-cian);border:0;border-radius:12px;padding:10px 16px;font-weight:600}.lista header{padding-top:calc(16px + env(safe-area-inset-top))}.cabecera{padding-top:calc(14px + env(safe-area-inset-top))}.escribir,.solicitud{padding-bottom:calc(12px + env(safe-area-inset-bottom))}.lista>ul:last-of-type{padding-bottom:env(safe-area-inset-bottom)}.vincular{padding-top:calc(48px + env(safe-area-inset-top));padding-bottom:calc(24px + env(safe-area-inset-bottom))}.principal{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.velo{padding-top:calc(16px + env(safe-area-inset-top));padding-bottom:calc(16px + env(safe-area-inset-bottom))}@media (pointer:coarse){input,textarea,select{font-size:16px}}