#chat-app{--chat-bg: #f3ecfe;--chat-dots: rgb(129 41 248 / .09);--chat-mine: #8129f8;--chat-mine-solid: #8129f8;--chat-mine-fg: #fff;--chat-partner: #ffffff;--chat-partner-fg: #2a1a3e;--chat-partner-border: #ece5f6;--chat-chrome: #ffffff;--chat-chrome-fg: var(--color-ink);--chat-chrome-border: var(--color-border)}#chat-app[data-tema=rosa]{--chat-bg: #fdeef4;--chat-dots: rgb(232 74 138 / .1);--chat-mine: #e84a8a;--chat-mine-solid: #e84a8a;--chat-partner-fg: #3e1a2b;--chat-partner-border: #f6e5ee}#chat-app[data-tema=menta]{--chat-bg: #e9f7f0;--chat-dots: rgb(16 160 110 / .11);--chat-mine: #12a06e;--chat-mine-solid: #12a06e;--chat-partner-fg: #143a2c;--chat-partner-border: #dceee6}#chat-app[data-tema=cielo]{--chat-bg: #eaf2fd;--chat-dots: rgb(47 111 224 / .1);--chat-mine: #2f6fe0;--chat-mine-solid: #2f6fe0;--chat-partner-fg: #16273f;--chat-partner-border: #e0e9f6}#chat-app[data-tema=durazno]{--chat-bg: #fdf1e7;--chat-dots: rgb(240 135 47 / .12);--chat-mine: #ef8a3c;--chat-mine-solid: #ef8a3c;--chat-partner-fg: #3f2a17;--chat-partner-border: #f6ece0}#chat-app[data-tema=noche]{--chat-bg: #16121f;--chat-dots: rgb(180 150 255 / .08);--chat-mine: #8b5cf6;--chat-mine-solid: #8b5cf6;--chat-partner: #241d33;--chat-partner-fg: #ece7f6;--chat-partner-border: #322843;--chat-chrome: #1b1626;--chat-chrome-fg: #ece7f6;--chat-chrome-border: #2c2440}#chat-app[data-tema=degradado]{--chat-bg: #f3ecfe;--chat-dots: rgb(129 41 248 / .09);--chat-mine: linear-gradient(150deg, #8129f8, #d13bd6);--chat-mine-solid: #8129f8;--chat-partner-fg: #2a1a3e;--chat-partner-border: #ece5f6}.chat-chrome{background:var(--chat-chrome);color:var(--chat-chrome-fg);transition:background .3s ease}.chat-chrome-b{border-bottom:1px solid var(--chat-chrome-border)}.chat-chrome-t{border-top:1px solid var(--chat-chrome-border)}.chat-avatar{background:var(--chat-mine);box-shadow:0 2px 8px -2px var(--chat-mine-solid)}.btn-enviar{background:var(--chat-mine);transition:transform .16s cubic-bezier(.2,.9,.3,1)}.btn-enviar:hover{transform:scale(1.06)}.btn-enviar:active{transform:scale(.88)}#room-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:color-mix(in srgb,var(--color-muted) 55%,transparent);transition:background .3s}#room-dot.vivo{background:var(--color-success);animation:latido-dot 2s ease-in-out infinite}@keyframes latido-dot{0%{box-shadow:0 0 color-mix(in srgb,var(--color-success) 60%,transparent)}70%{box-shadow:0 0 0 6px transparent}to{box-shadow:0 0 0 0 transparent}}#room-scroll.chat-fondo{background-color:var(--chat-bg);background-image:radial-gradient(circle at center,var(--chat-dots) 1.5px,transparent 1.6px);background-size:22px 22px;transition:background-color .3s ease}#room-scroll .msg-row{display:flex;margin-top:.5rem}#room-scroll .msg-row.agrupado{margin-top:.12rem}#room-scroll .msg-row.yo{justify-content:flex-end;animation:entra-der .3s cubic-bezier(.2,.9,.3,1)}#room-scroll .msg-row.pareja{animation:entra-izq .3s cubic-bezier(.2,.9,.3,1)}@keyframes entra-der{0%{opacity:0;transform:translate(14px,4px) scale(.96)}}@keyframes entra-izq{0%{opacity:0;transform:translate(-14px,4px) scale(.96)}}#room-scroll .burbuja{position:relative;max-width:78%;padding:.45rem .7rem .4rem;font-size:.95rem;line-height:1.4;white-space:pre-wrap;word-break:break-word;box-shadow:0 1px 2px #00000017}#room-scroll .yo .burbuja{background:var(--chat-mine);color:var(--chat-mine-fg);border-radius:1.1rem 1.1rem .3rem}#room-scroll .pareja .burbuja{background:var(--chat-partner);color:var(--chat-partner-fg);border:1px solid var(--chat-partner-border);border-radius:1.1rem 1.1rem 1.1rem .3rem}#room-scroll .msg-row:not(.agrupado) .burbuja:after{content:"";position:absolute;top:0;width:0;height:0;border:7px solid transparent}#room-scroll .yo:not(.agrupado) .burbuja:after{right:-5px;border-top-color:var(--chat-mine-solid);border-right:0}#room-scroll .pareja:not(.agrupado) .burbuja:after{left:-5px;border-top-color:var(--chat-partner);border-left:0}#room-scroll .burbuja-meta{display:inline-flex;float:right;align-items:center;gap:.2rem;margin:.35rem 0 -.1rem .6rem;font-size:.6rem;line-height:1;opacity:.75}#room-scroll .yo .burbuja-meta{color:#ffffffe6}#room-scroll .pareja .burbuja-meta{color:var(--color-muted)}#room-scroll .tick.leido{color:#9fe6ff}#room-scroll .burbuja.con-foto{padding:.22rem .22rem .3rem;overflow:hidden}#room-scroll .burbuja .foto{display:block;width:100%;max-width:15rem;max-height:20rem;object-fit:cover;border-radius:.85rem;cursor:pointer}#room-scroll .burbuja .pie{padding:.35rem .5rem .1rem}#room-scroll .burbuja.solo-foto .burbuja-meta{position:absolute;right:.5rem;bottom:.5rem;margin:0;padding:.05rem .4rem;border-radius:999px;background:#00000073;color:#fff}#foto-full{position:fixed;inset:0;z-index:90;display:none;place-items:center;padding:1.5rem;background:#000000d9}#foto-full.abierto{display:grid}#foto-full img{max-width:100%;max-height:100%;border-radius:.75rem}#emoji-grid button{aspect-ratio:1;border-radius:.6rem;line-height:1;transition:transform .12s,background .12s}#emoji-grid button:hover{background:var(--color-surface-2);transform:scale(1.25)}#emoji-grid button:active{transform:scale(.9)}#room-scroll .burbuja .foto{transition:transform .3s cubic-bezier(.2,.9,.3,1)}#room-scroll .burbuja .foto:hover{transform:scale(1.02)}#emoji-panel:not(.hidden),#img-preview:not(.hidden){animation:subir-panel .24s cubic-bezier(.2,.9,.3,1)}@keyframes subir-panel{0%{opacity:0;transform:translateY(12px)}}#room-bajar{animation:pop-bajar .26s cubic-bezier(.2,1.4,.4,1);transition:transform .15s}#room-bajar:hover{transform:translateY(-2px)}@keyframes pop-bajar{0%{opacity:0;transform:scale(.4)}}#tema-panel:not(.hidden){position:fixed;inset:0;z-index:85;display:grid;place-items:center;padding:1.25rem}.tema-fondo{position:absolute;inset:0;background:#0006;backdrop-filter:blur(4px);animation:fundir .22s ease}@keyframes fundir{0%{opacity:0}}.tema-caja{position:relative;width:min(24rem,100%);padding:1.5rem;border-radius:1.75rem;background:var(--color-surface);box-shadow:0 30px 70px -20px #00000080;animation:entra-tema .32s cubic-bezier(.2,.9,.3,1)}@keyframes entra-tema{0%{opacity:0;transform:translateY(16px) scale(.94)}}.tema-opcion{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.6rem .3rem;border:2px solid transparent;border-radius:1rem;background:var(--color-surface-2);cursor:pointer;transition:transform .16s,border-color .16s}.tema-opcion:hover{transform:translateY(-3px)}.tema-opcion[data-activo=true]{border-color:var(--color-primary)}.tema-muestra{display:grid;height:2.5rem;width:2.5rem;place-items:center;border-radius:50%;font-size:.9rem;color:#fff;box-shadow:inset 0 0 0 2px #ffffff59}.tema-nombre{font-size:.72rem;font-weight:700;color:var(--color-ink)}#room-scroll .dia-sep{align-self:center;margin:.9rem 0 .5rem;border-radius:999px;background:color-mix(in srgb,var(--color-surface) 85%,transparent);padding:.2rem .75rem;font-size:.68rem;font-weight:700;color:var(--color-muted);box-shadow:0 1px 2px #0000000f}#room-typing .typing-dots{display:inline-flex;gap:3px}#room-typing .typing-dots span{width:6px;height:6px;border-radius:50%;background:var(--color-primary);animation:typing 1.2s infinite ease-in-out}#room-typing .typing-dots span:nth-child(2){animation-delay:.15s}#room-typing .typing-dots span:nth-child(3){animation-delay:.3s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}#form-msg .msg-fld{padding:.6rem 1rem;border:1px solid var(--color-border);border-radius:1.4rem;background:var(--color-surface-2);font:inherit;color:inherit;line-height:1.4}#form-msg .msg-fld:focus{outline:2px solid var(--color-primary);outline-offset:0}#chat-room:not(.hidden){display:flex}#chat-auth:not(.hidden),#chat-sala:not(.hidden),#chat-espera:not(.hidden){display:grid}#form-register:not(.hidden){display:flex}#room-typing:not(.hidden){display:flex}#room-bajar:not(.hidden){display:grid}