:root{--w-primaria: #1c1917;--w-primaria-escura: #0f0d0b;--w-acento: #b45309;--w-fundo: #ffffff;--w-superficie: #f7f5f2;--w-leito: #f3f1ed;--w-texto: #1c1917;--w-texto-suave: #57534e;--w-borda: rgb(28 25 23 / .12);--w-borda-campo: #847a66;--w-primaria-texto: #ffffff;--w-raio: 12px;--w-raio-balao: 16px;--w-raio-cauda: 5px;--w-raio-pilula: 999px;--w-sombra-cartao: 0 1px 2px rgb(28 25 23 / .06), 0 4px 12px -6px rgb(28 25 23 / .12);--w-sombra-ilha: 0 1px 2px rgb(28 25 23 / .08), 0 10px 24px -14px rgb(28 25 23 / .35);--w-fonte-titulo: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body{overflow-x:hidden}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--w-texto);background:var(--w-leito)}.painel{display:flex;flex-direction:column;height:100vh;min-width:0}.centro{align-items:center;justify-content:center;color:var(--w-texto-suave);padding:16px;text-align:center}.cabecalho{display:flex;align-items:center;gap:10px;min-height:56px;padding:8px 8px 8px 16px;background:var(--w-primaria);color:var(--w-primaria-texto)}.cabecalho strong{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--w-fonte-titulo);font-size:1rem;font-weight:600;letter-spacing:-.005em}.cabecalho .logo{width:32px;height:32px;border-radius:50%;object-fit:cover;background:#fff;flex-shrink:0}.fechar{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;background:none;border:none;border-radius:50%;color:var(--w-primaria-texto);cursor:pointer}.fechar:hover{background:#ffffff1f}.encerrar{flex-shrink:0;min-height:32px;padding:4px 14px;background:none;border:1px solid currentColor;border-radius:var(--w-raio-pilula);color:var(--w-primaria-texto);font:inherit;font-size:13px;cursor:pointer;opacity:.9}.encerrar:hover:not(:disabled){opacity:1;background:#ffffff1a}.encerrar:disabled{opacity:.5;cursor:default}.aviso{margin:0;padding:8px 16px;font-size:11px;color:var(--w-texto-suave);background:var(--w-superficie);border-bottom:1px solid var(--w-borda)}.mensagens{flex:1;min-width:0;overflow-x:hidden;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;background:var(--w-leito)}.vazio{color:var(--w-texto-suave);text-align:center;margin-top:24px}.balao{position:relative;max-width:min(84%,62ch);padding:8px 12px;border-radius:var(--w-raio-balao);font-size:14px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.balao.meu{align-self:flex-end;border-bottom-right-radius:var(--w-raio-cauda);background:var(--w-primaria);color:var(--w-primaria-texto);box-shadow:0 1px 2px -1px #1c19174d,0 8px 18px -12px #1c191773}.balao.deles{align-self:flex-start;border-bottom-left-radius:var(--w-raio-cauda);background:var(--w-fundo);box-shadow:var(--w-sombra-cartao)}.balao.deles[data-autor=sistema]{background:#1c19170a;box-shadow:none;outline:1px dashed var(--w-borda);outline-offset:-1px;color:var(--w-texto-suave)}.balao .autor{display:block;margin-bottom:2px;font-size:12px;font-weight:600;color:var(--w-texto-suave)}.balao__hora{float:right;position:relative;top:6px;margin-left:10px;font-size:11px;line-height:1.5;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--w-texto-suave)}.balao.meu .balao__hora{color:var(--w-primaria-texto);opacity:.85}.balao[data-midia=image] .balao__hora,.balao[data-midia=video] .balao__hora{margin:0 8px 4px 10px;top:0}.balao[data-midia=image],.balao[data-midia=video]{padding:4px}.balao[data-midia=image] .autor,.balao[data-midia=video] .autor{padding:4px 8px 2px}.balao[data-midia=image] .balao__texto,.balao[data-midia=video] .balao__texto{display:block;padding:4px 8px}.separador{display:flex;align-items:center;gap:10px;margin:8px 0 2px;font-size:11px;color:var(--w-texto-suave)}.separador:before,.separador:after{content:"";flex:1;height:1px;background:var(--w-borda)}.balao.digitando{padding-bottom:10px}.pontos{display:inline-flex;gap:4px;padding:4px 2px 0}.pontos i{width:7px;height:7px;border-radius:50%;background:var(--w-texto-suave);opacity:.35;animation:pontinhos 1.2s infinite ease-in-out}.pontos i:nth-child(2){animation-delay:.15s}.pontos i:nth-child(3){animation-delay:.3s}@keyframes pontinhos{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.menu-opcoes{display:flex;flex-direction:column;gap:6px;margin-top:8px}.menu-opcoes .opcao{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:44px;padding:8px 14px;background:var(--w-fundo);border:1px solid var(--w-borda);color:var(--w-texto);border-radius:var(--w-raio);cursor:pointer;font:inherit;text-align:left;transition:background .12s ease,border-color .12s ease}.menu-opcoes .opcao:hover:not(:disabled){background:var(--w-superficie);border-color:var(--w-primaria)}.menu-opcoes .opcao:disabled{opacity:.5;cursor:default}.menu-opcoes .opcao-rotulo{font-weight:600}.menu-opcoes .opcao-descricao{font-size:.8rem;opacity:.8}.midia-miniatura{display:block;padding:0;border:0;background:none;border-radius:12px;overflow:hidden;cursor:zoom-in}.midia-imagem{display:block;max-width:100%;width:240px;max-height:260px;object-fit:cover;border-radius:12px}.midia-audio{display:block;width:240px;max-width:100%;margin-bottom:4px}.midia-video{display:block;width:260px;max-width:100%;border-radius:12px}.midia-documento{display:flex;align-items:center;gap:10px;min-height:44px;margin-bottom:4px;padding:8px 10px;border-radius:var(--w-raio);background:#1c19170d;color:inherit;text-decoration:none}.balao.meu .midia-documento{background:#ffffff24}.midia-documento__nome{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.midia-documento__icone,.midia-documento__acao{display:inline-flex;flex-shrink:0}.midia-aviso{display:block;opacity:.7;font-size:.85em}.visualizador{position:fixed;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:56px 12px 16px;background:#0f0d0beb;cursor:zoom-out}.visualizador__imagem{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;cursor:default}.visualizador__barra{position:absolute;top:8px;right:8px;display:flex;gap:4px}.visualizador__botao{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:50%;background:#ffffff1f;color:#fff;cursor:pointer}.visualizador__botao:hover{background:#ffffff38}.entrada{display:flex;align-items:flex-end;gap:8px;padding:8px 12px 12px;background:var(--w-leito)}.entrada input[type=file]{display:none}.capsula{flex:1;min-width:0;display:flex;align-items:center;gap:2px;min-height:48px;padding:2px 4px 2px 16px;border-radius:24px;background:var(--w-fundo);box-shadow:var(--w-sombra-ilha);outline:1px solid var(--w-borda);outline-offset:-1px}.capsula:focus-within{outline-color:var(--w-texto)}.capsula input{flex:1;min-width:0;min-height:44px;padding:0;border:0;background:none;color:var(--w-texto);outline:none;font-size:16px}.ferramenta{display:inline-flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:none;color:var(--w-texto-suave);cursor:pointer}.ferramenta:hover:not(:disabled){background:#1c19170f;color:var(--w-texto)}.ferramenta:disabled{opacity:.4;cursor:not-allowed}.enviar{display:inline-flex;align-items:center;justify-content:center;flex:0 0 48px;width:48px;height:48px;padding:0 2px 0 0;border:0;border-radius:50%;background:var(--w-primaria);color:var(--w-primaria-texto);box-shadow:var(--w-sombra-ilha);cursor:pointer;transition:transform .12s ease,opacity .12s ease}.enviar:hover:not(:disabled){transform:translateY(-1px)}.enviar:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.capsula--gravando{padding-left:16px}.gravando{flex:1;display:flex;align-items:center;font-size:14px;color:var(--w-texto)}.gravando:before{content:"";width:10px;height:10px;margin-right:8px;border-radius:50%;background:#c62828;animation:pulsar-gravacao 1s infinite}@keyframes pulsar-gravacao{50%{opacity:.3}}.aviso-envio{margin:0;padding:6px 16px;font-size:13px;color:var(--w-texto-suave);background:var(--w-leito)}.aviso-envio.erro{color:#b3261e}.fechar:focus-visible,.encerrar:focus-visible,.ferramenta:focus-visible,.enviar:focus-visible,.midia-miniatura:focus-visible,.visualizador__botao:focus-visible,.menu-opcoes .opcao:focus-visible{outline:2px solid var(--w-acento);outline-offset:2px}.oculto{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.painel.modo-app{height:100dvh;border-radius:0;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.modo-app .fechar{display:none}@media(prefers-reduced-motion:reduce){.enviar,.pontos i,.gravando:before{transition:none;animation:none}}