:root{--fundo-1: #0B1014;--fundo-2: #121A20;--fundo-3: #1A242C;--fundo-hover: #223039;--texto: #E6F1F5;--texto-fraco: #86A0AD;--destaque: #34F5C5;--sobre-destaque: #0B1014;--apoio: #4DA8FF;--ok: #34F5C5;--ausente: #F5C043;--erro: #E5484D;--fonte-marca: "Outfit", "Inter", system-ui, sans-serif;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--texto);background:var(--fundo-3)}*{box-sizing:border-box}body{margin:0}.app{display:grid;grid-template-columns:72px 240px 1fr 220px;height:100vh}.servidores{background:var(--fundo-1);display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 0}.servidor{position:relative;width:48px;height:48px;padding:0;border:none;background:none;cursor:pointer}.servidor:before{content:"";position:absolute;left:-12px;top:50%;width:4px;height:0;border-radius:0 4px 4px 0;background:var(--texto);transform:translateY(-50%);transition:height .15s}.servidor:hover:before{height:20px}.servidor.ativo:before{height:40px}.icone-servidor{display:grid;place-items:center;border-radius:50%;background:var(--fundo-3);color:var(--texto);font-weight:600;object-fit:cover;transition:border-radius .15s,background .15s}.servidor:hover .icone-servidor,.servidor.ativo .icone-servidor{border-radius:16px}.servidor:hover div.icone-servidor,.servidor.ativo div.icone-servidor{background:var(--destaque)}.servidor.adicionar{border-radius:50%;background:var(--fundo-3);color:var(--ok);font-size:24px;transition:border-radius .15s,background .15s}.servidor.adicionar:hover{border-radius:16px;background:var(--ok);color:#fff}.servidor.adicionar:before{display:none}.separador-servidores{width:32px;height:2px;border-radius:1px;background:var(--fundo-hover)}.canais{position:relative;background:var(--fundo-2);display:flex;flex-direction:column;min-width:0}.canais-topo.clicavel{justify-content:space-between;gap:8px;cursor:pointer}.canais-topo.clicavel:hover{background:var(--fundo-hover)}.seta{color:var(--texto-fraco)}.menu-servidor{position:absolute;top:52px;left:8px;right:8px;z-index:10;padding:6px;border-radius:6px;background:var(--fundo-1);box-shadow:0 8px 24px #0006}.menu-item{display:block;width:100%;padding:8px;border:none;border-radius:4px;background:none;color:var(--texto-fraco);text-align:left;cursor:pointer}.menu-item:hover{background:var(--destaque);color:#fff}.menu-item.destaque{color:var(--destaque)}.menu-item.perigo{color:var(--erro)}.menu-item.destaque:hover,.menu-item.perigo:hover{color:#fff}.menu-item.perigo:hover{background:var(--erro)}.canais-topo,.chat-topo{height:48px;padding:0 16px;display:flex;align-items:center;font-weight:600;border-bottom:1px solid rgba(0,0,0,.3)}.canais-lista{flex:1;padding:8px;overflow-y:auto}.grupo{margin:16px 8px 4px;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--texto-fraco)}.grupo-com-botao{display:flex;justify-content:space-between;align-items:center}.botao-mini{padding:0 4px;border:none;background:none;color:var(--texto-fraco);font-size:16px;line-height:1;cursor:pointer}.botao-mini:hover{color:var(--texto)}.canal{display:flex;align-items:center;gap:2px;padding:6px 8px;border-radius:4px;color:var(--texto-fraco);cursor:pointer}.canal-nome{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canal-editar{font-size:13px;visibility:hidden}.canal:hover .canal-editar,.canal.ativo .canal-editar{visibility:visible}.canal:hover,.canal.ativo{background:var(--fundo-hover);color:var(--texto)}.icone{opacity:.7;margin-right:4px}.usuario{display:flex;align-items:center;gap:8px;padding:8px;background:var(--fundo-1);border:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.usuario:hover{background:var(--fundo-hover)}.usuario-textos{flex:1;min-width:0}.usuario-nome{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.engrenagem{color:var(--texto-fraco);font-size:16px}.avatar{flex-shrink:0;border-radius:50%;display:grid;place-items:center;font-weight:600;color:#fff;object-fit:cover}.usuario-nome{font-size:14px;font-weight:600}.usuario-status{font-size:12px;color:var(--texto-fraco);display:flex;align-items:center;gap:4px}.bolinha{width:8px;height:8px;border-radius:50%}.bolinha.on{background:var(--ok)}.bolinha.off{background:var(--erro)}.chat{display:flex;flex-direction:column;min-width:0}.chat-mensagens{flex:1;padding:24px;overflow-y:auto}.boas-vindas h1{margin:0 0 8px;font-size:28px}.boas-vindas p{color:var(--texto-fraco);line-height:1.5}.ok{color:var(--ok)}.erro{color:var(--erro)}.dica{font-size:14px}.chat{min-height:0}.chat-area{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.chat-mensagens{padding:16px 0 8px}.chat-mensagens .boas-vindas{padding:0 16px 16px}.carregando-mensagens{padding:16px;text-align:center;color:var(--texto-fraco);font-size:14px}.divisor-dia{display:flex;align-items:center;gap:8px;margin:16px 16px 8px;color:var(--texto-fraco);font-size:12px;font-weight:600}.divisor-dia:before,.divisor-dia:after{content:"";flex:1;height:1px;background:var(--fundo-hover)}.mensagem{position:relative;padding:2px 48px 2px 16px;margin-top:14px}.mensagem.agrupada{margin-top:0}.mensagem:hover,.mensagem.com-menu{background:#0000001f}.mensagem.me-menciona{background:#d299221a;box-shadow:inset 3px 0 0 var(--ausente)}.mensagem.me-menciona:hover{background:#d2992229}.mensagem.destacada{animation:piscar 1.5s}@keyframes piscar{0%,60%{background:#34f5c540}}.mensagem-corpo{display:flex;gap:16px}.mensagem-lado{width:40px;flex-shrink:0;display:flex;justify-content:center}.hora-lateral{visibility:hidden;font-size:11px;color:var(--texto-fraco);line-height:22px}.mensagem:hover .hora-lateral{visibility:visible}.mensagem-conteudo{flex:1;min-width:0}.mensagem-cabecalho{display:flex;align-items:baseline;gap:8px}.mensagem-autor{font-weight:600}.mensagem-data{font-size:12px;color:var(--texto-fraco)}.mensagem-texto{line-height:1.4;white-space:pre-wrap;overflow-wrap:anywhere;color:#d8dbe3}.mensagem-texto a{color:var(--apoio)}.mensagem-texto code{padding:1px 4px;border-radius:4px;background:var(--fundo-1);font-family:Consolas,Courier New,monospace;font-size:.9em}.mensagem-texto pre{margin:4px 0;padding:8px 10px;border-radius:6px;background:var(--fundo-1);overflow-x:auto;white-space:pre}.mensagem-texto pre code{padding:0;background:none}.mensagem-texto.emoji-grande{font-size:44px;line-height:1.2}.editada{font-size:11px;color:var(--texto-fraco)}.mencao{padding:0 2px;border-radius:3px;background:#34f5c540;color:#8bfadf;font-weight:500}.resposta-citada{display:flex;align-items:center;gap:6px;margin:0 0 4px 36px;font-size:13px;color:var(--texto-fraco);cursor:pointer;position:relative}.resposta-citada:before{content:"";position:absolute;left:-18px;top:8px;width:14px;height:10px;border-left:2px solid var(--fundo-hover);border-top:2px solid var(--fundo-hover);border-top-left-radius:6px}.resposta-citada strong{color:var(--texto);font-weight:600}.resposta-texto{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resposta-texto pre{display:inline;margin:0;padding:0;background:none}.resposta-citada:hover .resposta-texto{color:var(--texto)}.mensagem-acoes{position:absolute;top:-14px;right:16px;display:none;border-radius:6px;background:var(--fundo-2);box-shadow:0 2px 8px #0000004d}.mensagem:hover .mensagem-acoes,.mensagem.com-menu .mensagem-acoes{display:flex}.mensagem-acoes>button{width:32px;height:30px;border:none;background:none;color:var(--texto-fraco);font-size:15px;cursor:pointer}.mensagem-acoes>button:hover{background:var(--fundo-hover);color:var(--texto)}.mensagem-acoes>button.perigo:hover{background:#e5534b33}.seletor-emoji{position:absolute;top:34px;right:0;z-index:20;display:grid;grid-template-columns:repeat(8,32px);padding:6px;border-radius:8px;background:var(--fundo-1);box-shadow:0 8px 24px #0006}.seletor-emoji button{height:32px;border:none;border-radius:4px;background:none;font-size:20px;cursor:pointer}.seletor-emoji button:hover{background:var(--fundo-hover)}.reacoes{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.reacao{display:flex;align-items:center;gap:4px;padding:2px 8px;border:1px solid transparent;border-radius:8px;background:var(--fundo-2);color:var(--texto-fraco);font-size:14px;cursor:pointer}.reacao span{font-size:13px;font-weight:600}.reacao:hover{border-color:var(--fundo-hover)}.reacao.minha{border-color:var(--destaque);background:#34f5c526;color:#8bfadf}.edicao textarea{width:100%;padding:10px 12px;border:none;border-radius:8px;background:var(--fundo-hover);color:var(--texto);font:inherit;resize:none}.edicao textarea:focus{outline:none}.edicao-dica{font-size:12px;color:var(--texto-fraco);margin-top:2px}.edicao-dica .link{font-size:12px}.anexos{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-top:4px}.anexo-imagem{max-width:min(400px,100%);max-height:300px;border-radius:8px;cursor:zoom-in;display:block}.anexo-video{max-width:min(480px,100%);max-height:320px;border-radius:8px;background:#000}.anexo-audio{width:min(400px,100%)}.anexo-arquivo{display:flex;align-items:center;gap:10px;width:min(400px,100%);padding:10px 12px;border:1px solid var(--fundo-hover);border-radius:8px;background:var(--fundo-2);color:var(--texto);text-decoration:none}.anexo-icone{font-size:28px}.anexo-info{flex:1;min-width:0;display:flex;flex-direction:column}.anexo-nome{color:var(--apoio);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.anexo-tamanho{font-size:12px;color:var(--texto-fraco)}.anexo-baixar{color:var(--texto-fraco);font-size:18px}.anexo-arquivo:hover .anexo-baixar{color:var(--texto)}.visualizador{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#000000d9;cursor:zoom-out}.visualizador img{max-width:90vw;max-height:85vh;border-radius:4px}.visualizador a{color:var(--texto-fraco);font-size:14px}.soltar-arquivos{position:absolute;inset:8px;z-index:30;display:grid;place-items:center;border:2px dashed var(--destaque);border-radius:12px;background:#1b1d23e6;font-size:18px;pointer-events:none}.chat-entrada{position:relative;padding:0 16px}.caixa-texto{display:flex;align-items:flex-start;gap:4px;padding:0 12px 0 4px;border-radius:8px;background:var(--fundo-hover)}.caixa-texto.grudada{border-top-left-radius:0;border-top-right-radius:0}.caixa-texto textarea{flex:1;padding:11px 4px;border:none;background:none;color:var(--texto);font:inherit;font-size:15px;line-height:1.4;resize:none;max-height:220px}.caixa-texto textarea:focus{outline:none}.botao-anexar{width:32px;height:32px;margin:6px 4px;flex-shrink:0;border:none;border-radius:50%;background:var(--texto-fraco);color:var(--fundo-hover);font-size:20px;font-weight:700;line-height:1;cursor:pointer}.botao-anexar:hover{background:var(--texto)}.enviando{align-self:center;font-size:12px;color:var(--texto-fraco)}.erro-envio{margin:6px 0 0}.digitando{height:24px;padding:2px 16px 0;font-size:13px;color:var(--texto-fraco)}.digitando strong{color:var(--texto)}.barra-resposta{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-radius:8px 8px 0 0;background:var(--fundo-2);font-size:14px;color:var(--texto-fraco)}.barra-resposta strong{color:var(--texto)}.previas{display:flex;gap:8px;padding:12px;overflow-x:auto;border-radius:8px 8px 0 0;background:var(--fundo-hover);border-bottom:1px solid var(--fundo-2)}.barra-resposta+.previas{border-radius:0}.previa-arquivo{position:relative;flex-shrink:0;width:150px;padding:8px;border-radius:6px;background:var(--fundo-2);display:flex;flex-direction:column;gap:4px}.previa-arquivo img{width:100%;height:100px;object-fit:cover;border-radius:4px}.previa-icone{height:100px;display:grid;place-items:center;font-size:44px}.previa-nome{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.previa-tamanho{font-size:11px;color:var(--texto-fraco)}.previa-remover{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border:none;border-radius:50%;background:var(--erro);color:#fff;font-size:11px;cursor:pointer}.sugestoes-mencao{position:absolute;left:16px;right:16px;bottom:calc(100% + 8px);z-index:20;padding:8px;border-radius:8px;background:var(--fundo-2);box-shadow:0 8px 24px #0006}.sugestoes-mencao .grupo{margin:0 8px 6px}.sugestoes-mencao button{display:flex;align-items:center;gap:10px;width:100%;padding:6px 8px;border:none;border-radius:4px;background:none;color:var(--texto);text-align:left;cursor:pointer}.sugestoes-mencao button.ativa,.sugestoes-mencao button:hover{background:var(--fundo-hover)}.sugestao-usuario{margin-left:auto;font-size:13px;color:var(--texto-fraco)}.arroba{width:24px;height:24px;border-radius:50%;background:var(--destaque);display:grid;place-items:center;font-weight:700;font-size:13px}.usuario-area{display:flex;align-items:center;gap:2px;padding:6px 8px 6px 6px;background:var(--fundo-1)}.usuario-area .usuario{flex:1;min-width:0;padding:2px 4px;border-radius:4px;background:none}.usuario-area .usuario:hover{background:var(--fundo-hover)}.botao-usuario{width:32px;height:32px;flex-shrink:0;border:none;border-radius:4px;background:none;font-size:16px;cursor:pointer;color:var(--texto-fraco)}.botao-usuario:hover{background:var(--fundo-hover)}.botao-usuario.desligado{background:#e5534b2e}.pessoas-voz{padding:2px 0 4px 28px}.pessoa-voz{display:flex;align-items:center;gap:8px;padding:3px 6px;border-radius:4px;font-size:14px;color:var(--texto-fraco)}.pessoa-voz .avatar{box-shadow:0 0 0 2px transparent;transition:box-shadow .1s}.pessoa-voz.falando .avatar{box-shadow:0 0 0 2px var(--ok)}.pessoa-voz.falando .pessoa-voz-nome{color:var(--texto)}.pessoa-voz-nome{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pessoa-voz span[title]{font-size:12px}.ao-vivo{padding:1px 5px;border-radius:4px;background:var(--erro);color:#fff;font-size:10px;font-weight:700;letter-spacing:.04em}.erro-voz{display:flex;gap:6px;align-items:flex-start;margin:0 8px 8px;padding:8px 10px;border-radius:6px;background:#e5534b26;color:#ffb4ae;font-size:13px}.painel-voz{display:flex;align-items:center;gap:4px;padding:8px;border-bottom:1px solid var(--fundo-2);background:var(--fundo-1)}.painel-voz-info{flex:1;min-width:0;display:flex;flex-direction:column;padding:2px 4px;border:none;border-radius:4px;background:none;color:inherit;text-align:left;cursor:pointer}.painel-voz-info:hover{background:var(--fundo-hover)}.painel-voz-estado{font-size:13px;font-weight:700;color:var(--ok)}.painel-voz-estado.conectando,.painel-voz-estado.reconectando{color:var(--ausente)}.painel-voz-canal{font-size:12px;color:var(--texto-fraco);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.botoes-voz{display:flex;gap:4px}.botoes-voz button{width:32px;height:32px;border:none;border-radius:6px;background:var(--fundo-hover);font-size:15px;cursor:pointer}.botoes-voz button:hover:not(:disabled){filter:brightness(1.25)}.botoes-voz button:disabled{opacity:.4;cursor:default}.botoes-voz button.ligado{background:var(--ok)}.botoes-voz button.desligado{background:#e5534b59}.botoes-voz button.sair-voz{background:var(--erro)}.botoes-voz.grandes{gap:12px}.botoes-voz.grandes button{width:52px;height:52px;border-radius:50%;font-size:22px}.botao-com-menu{position:relative}.menu-tela{position:absolute;left:50%;top:calc(100% + 8px);z-index:40;width:300px;padding:12px;border-radius:8px;background:var(--fundo-1);box-shadow:0 8px 24px #00000080;transform:translate(-50%)}.painel-voz .menu-tela{left:-40px;transform:none}.menu-tela.para-cima{top:auto;bottom:calc(100% + 8px)}.menu-tela .grupo{margin:0 0 8px}.opcao-qualidade{display:flex;align-items:center;gap:8px;margin:0;padding:8px;border-radius:6px;color:var(--texto);font-size:14px;font-weight:400;text-transform:none;letter-spacing:normal;cursor:pointer}.opcao-qualidade:hover{background:var(--fundo-hover)}.opcao-qualidade.indisponivel{opacity:.45;cursor:not-allowed}.opcao-qualidade.indisponivel:hover{background:none}.opcao-qualidade input{width:auto;margin:0}.dica-qualidade{margin-left:auto;font-size:12px;color:var(--texto-fraco)}.dica-tela{margin:8px 0 12px;font-size:12px;line-height:1.4;color:var(--texto-fraco)}.tela-voz{flex:1;min-height:0;display:flex;flex-direction:column;background:#111216}.tela-voz.vazia{align-items:center;justify-content:center;color:var(--texto-fraco)}.voz-grade{flex:1;min-height:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-content:center;gap:8px;padding:16px;overflow-y:auto}.voz-grade.quantidade-1{grid-template-columns:minmax(0,960px);justify-content:center}.voz-grade.quantidade-2{grid-template-columns:repeat(2,minmax(0,1fr))}.voz-destaque{flex:1;min-height:0;display:flex;flex-direction:column;gap:8px;padding:16px 16px 0}.voz-principal{flex:1;min-height:0;display:flex;justify-content:center}.voz-principal .caixinha{height:100%;aspect-ratio:auto;width:100%}.voz-fileira{display:flex;gap:8px;overflow-x:auto;flex-shrink:0}.voz-fileira .caixinha{width:180px;flex-shrink:0}.caixinha{position:relative;aspect-ratio:16 / 9;border-radius:10px;overflow:hidden;background:var(--fundo-2);cursor:pointer;box-shadow:inset 0 0 0 0 var(--ok)}.caixinha.falando{box-shadow:0 0 0 3px var(--ok)}.caixinha video{width:100%;height:100%;object-fit:cover;display:block;background:#000}.caixinha.tela video,.caixinha:fullscreen video{object-fit:contain}.caixinha video.espelhado{transform:scaleX(-1)}.caixinha-avatar{width:100%;height:100%;display:grid;place-items:center}.caixinha-avatar .avatar{width:min(80px,45%)!important;height:auto!important;aspect-ratio:1}.caixinha-nome{position:absolute;left:8px;bottom:8px;display:flex;align-items:center;gap:6px;max-width:calc(100% - 16px);padding:3px 8px;border-radius:6px;background:#0009;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.caixinha-tela-cheia{position:absolute;right:8px;bottom:8px;width:30px;height:30px;border:none;border-radius:6px;background:#0009;color:#fff;font-size:16px;cursor:pointer;opacity:0;transition:opacity .15s}.caixinha:hover .caixinha-tela-cheia{opacity:1}.voz-controles{display:flex;justify-content:center;padding:16px}.modal:has(.config-voz){max-width:720px;max-height:calc(100vh - 32px);overflow-y:auto}.config-voz h3{margin:0 0 12px;font-size:16px}.config-voz hr{margin:24px 0;border:none;border-top:1px solid var(--fundo-hover)}.duas-colunas{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}@media(max-width:640px){.duas-colunas{grid-template-columns:1fr}}.campo-config select,.campo-config input[type=range]{display:block;width:100%;margin-top:8px}.campo-config select{padding:10px 12px;border:1px solid var(--fundo-hover);border-radius:6px;background:var(--fundo-1);color:var(--texto);font-size:14px;text-transform:none;letter-spacing:normal}.rotulo-deslizante{display:flex;justify-content:space-between}.rotulo-deslizante span{color:var(--texto)}input[type=range]{accent-color:var(--destaque);cursor:pointer}.aviso-permissao{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding:12px;border-radius:8px;background:#34f5c51f;font-size:14px}.linha-teste{display:flex;align-items:center;gap:16px}.linha-teste button{flex-shrink:0;min-width:150px}.botao-perigo-cheio{padding:10px 16px;border:none;border-radius:6px;background:var(--erro);color:#fff;font-weight:600;cursor:pointer}.medidor{position:relative;flex:1;display:flex;gap:3px;height:28px;align-items:stretch}.medidor span{flex:1;border-radius:2px;background:var(--fundo-hover);transition:background .05s}.medidor span.acesa{background:var(--ok)}.medidor span.acesa.fraca{background:#8a8f9e}.marca-limiar{position:absolute;top:-4px;bottom:-4px;width:3px;margin-left:-1px;border-radius:2px;background:var(--ausente);pointer-events:none}.deslizante-limiar{width:100%;margin:4px 0 0}.dica-config{margin:10px 0 0;font-size:13px;line-height:1.45;color:var(--texto-fraco)}.dica-config.aviso{color:#e3b341}.opcao-radio,.opcao-chave{display:flex;align-items:flex-start;gap:10px;margin:0 0 10px;color:var(--texto);font-size:14px;font-weight:400;text-transform:none;letter-spacing:normal;cursor:pointer}.opcao-radio input,.opcao-chave input{width:auto;margin:2px 0 0;accent-color:var(--destaque)}.opcao-radio span{display:flex;flex-direction:column;gap:2px}.opcao-radio small{color:var(--texto-fraco);font-size:13px}.ajustes-personalizados{margin:4px 0 0 26px;padding:12px;border-radius:8px;background:var(--fundo-2)}.ajustes-personalizados .opcao-chave:last-child{margin-bottom:0}.linha-tecla{display:flex;align-items:center;gap:10px;font-size:14px}.botao-tecla{min-width:90px;padding:8px 14px;border:1px solid var(--fundo-hover);border-radius:6px;background:var(--fundo-1);color:var(--texto);font-weight:700;cursor:pointer}.botao-tecla.esperando{border-color:var(--destaque);color:var(--destaque)}.teste-camera{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.previa-camera{width:100%;max-width:400px;aspect-ratio:16 / 9;border-radius:8px;overflow:hidden;background:var(--fundo-1);display:grid;place-items:center;color:var(--texto-fraco)}.previa-camera video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.previa-camera video.escondido{display:none}.config-voz .modal-rodape{margin-top:24px}.avatar-com-status{position:relative;display:inline-block;flex-shrink:0}.avatar-com-status .avatar{width:100%!important;height:100%!important}.status-bolinha{position:absolute;right:-2px;bottom:-2px;border-radius:50%;border:3px solid var(--fundo-2);box-sizing:content-box}.menu-status .status-bolinha,.item-status .status-bolinha{position:static;width:10px;height:10px;border:none;flex-shrink:0}.status-online{background:var(--ok)}.status-ausente{background:var(--ausente)}.status-ocupado{background:var(--erro)}.status-offline{background:#5e7380}.usuario-area .status-bolinha,.membro .status-bolinha{border-color:var(--fundo-1)}.membro .status-bolinha{border-color:var(--fundo-2)}.contador{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--erro);color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center;flex-shrink:0}.contador-icone{position:absolute;right:-4px;bottom:-4px;border:3px solid var(--fundo-1);box-sizing:content-box}.canal.nao-lido{color:var(--texto);font-weight:600}.servidor.nao-lido:not(.ativo):before{height:8px}.icone-inicio{width:48px;height:48px;background:var(--destaque)!important;color:#fff;font-size:19px;font-weight:800;letter-spacing:-.03em}.servidor.inicio:not(.ativo) .icone-inicio{background:var(--fundo-3)!important;color:var(--destaque)}.servidor.inicio:hover .icone-inicio{background:var(--destaque)!important;color:#fff}.vazio-lista{margin:4px 8px;font-size:13px;color:var(--texto-fraco);line-height:1.4}.item-amigos{padding:10px 8px;margin-bottom:4px}.item-dm{gap:10px;padding:5px 8px}.item-dm-textos{flex:1;min-width:0;display:flex;flex-direction:column}.item-dm-textos small,.membro-textos small{font-size:12px;font-weight:400;color:var(--texto-fraco);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.membro{cursor:pointer}.membro-textos{flex:1;min-width:0;display:flex;flex-direction:column}.usuario-status{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.usuario-area{position:relative}.menu-status{position:absolute;left:8px;bottom:calc(100% + 8px);z-index:40;width:280px;padding:8px;border-radius:8px;background:var(--fundo-1);box-shadow:0 8px 24px #00000080}.menu-status-topo{display:flex;align-items:center;gap:12px;padding:8px}.menu-status-topo div{display:flex;flex-direction:column}.menu-status-topo span{font-size:13px;color:var(--texto-fraco)}.menu-status .avatar-com-status .status-bolinha{position:absolute;width:14px;height:14px;border:3px solid var(--fundo-1)}.status-texto{display:flex;align-items:center;gap:4px;margin:4px 0 8px}.status-texto input{flex:1;padding:8px 10px;border:1px solid var(--fundo-hover);border-radius:6px;background:var(--fundo-2);color:var(--texto);font-size:13px}.item-status{display:flex;align-items:center;gap:10px}.item-status.atual{background:var(--fundo-hover);color:var(--texto)}.item-status-textos{display:flex;flex-direction:column}.item-status-textos small{font-size:11px;opacity:.8}.menu-separador{height:1px;margin:6px 4px;background:var(--fundo-hover)}.tela-amigos{flex:1;min-height:0;display:flex;flex-direction:column}.abas-amigos{gap:8px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}.titulo-amigos{margin-right:8px;padding-right:16px;border-right:1px solid var(--fundo-hover);flex-shrink:0}.aba{flex-shrink:0}.aba{padding:4px 10px;border:none;border-radius:4px;background:none;color:var(--texto-fraco);font-weight:500;cursor:pointer}.aba:hover,.aba.ativa{background:var(--fundo-hover);color:var(--texto)}.aba-adicionar{background:var(--ok);color:#fff}.aba-adicionar.ativa{background:none;color:var(--ok)}.conteudo-amigos{flex:1;overflow-y:auto;padding:16px 24px}.adicionar-amigo h2{margin:0 0 8px;font-size:18px}.sucesso-form{margin:8px 0 0;padding:8px 12px;border-radius:6px;background:#3fbf7f26;color:var(--ok);font-size:14px}.linha-amigo{display:flex;align-items:center;gap:12px;padding:10px 8px;border-top:1px solid var(--fundo-hover);border-radius:6px}.linha-amigo:hover{background:var(--fundo-hover);border-top-color:transparent}.linha-amigo .status-bolinha{border-color:var(--fundo-3)}.linha-amigo:hover .status-bolinha{border-color:var(--fundo-hover)}.linha-amigo-textos{flex:1;min-width:0;display:flex;flex-direction:column}.linha-amigo-textos span{font-size:13px;color:var(--texto-fraco)}.linha-amigo-acoes{display:flex;gap:8px}.botao-redondo{width:36px;height:36px;border:none;border-radius:50%;background:var(--fundo-2);color:var(--texto-fraco);font-size:15px;cursor:pointer}.botao-redondo:hover{color:var(--texto)}.botao-redondo.sucesso:hover{color:var(--ok)}.botao-redondo.perigo:hover{color:var(--erro)}.topo-dm{gap:10px}.topo-dm .status-bolinha{border-color:var(--fundo-3)}.topo-dm small{font-weight:400;font-size:13px;color:var(--texto-fraco)}.perfil-lateral{display:flex;flex-direction:column;align-items:center;gap:4px;padding:32px 16px;text-align:center}.perfil-lateral strong{margin-top:12px;font-size:18px}.perfil-lateral>span{font-size:14px;color:var(--texto-fraco)}.perfil-lateral-status{margin:8px 0 16px}.cartao-perfil{position:fixed;right:236px;z-index:40;width:280px;padding:0 16px 16px;border-radius:10px;overflow:hidden;background:var(--fundo-1);box-shadow:0 8px 24px #00000080;display:flex;flex-direction:column;align-items:flex-start;gap:2px}.cartao-perfil-faixa{align-self:stretch;height:56px;margin:0 -16px -36px;background:linear-gradient(120deg,var(--destaque),var(--apoio))}.cartao-perfil .avatar-com-status{border:5px solid var(--fundo-1);border-radius:50%;box-sizing:content-box}.cartao-perfil .status-bolinha{border-color:var(--fundo-1)}.cartao-perfil-nome{margin-top:8px;font-size:18px}.cartao-perfil-usuario,.cartao-perfil-status{font-size:13px;color:var(--texto-fraco)}.cartao-perfil-acoes{display:flex;gap:8px;margin-top:14px;align-self:stretch}.cartao-perfil-acoes button{flex:1;padding:8px;font-size:13px}.aviso-notificacao{display:flex;align-items:center;gap:12px;padding:8px 16px;background:var(--destaque);font-size:14px}.aviso-notificacao span{flex:1}.aviso-notificacao .botao-principal{background:#fff;color:var(--destaque);padding:6px 12px}.aviso-notificacao .link{color:#fff}.modal:has(.config-servidor){max-width:860px;max-height:calc(100vh - 32px);overflow-y:auto}.abas-config{display:flex;gap:8px;margin:-8px 0 20px;padding-bottom:12px;border-bottom:1px solid var(--fundo-hover)}.aba-cargos{display:grid;grid-template-columns:240px 1fr;gap:20px;align-items:start}@media(max-width:720px){.aba-cargos{grid-template-columns:1fr}}.lista-cargos{display:flex;flex-direction:column;gap:2px}.lista-cargos .dica-config{margin:8px 0}.item-cargo{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:6px;color:var(--texto-fraco);cursor:pointer}.item-cargo:hover,.item-cargo.ativo{background:var(--fundo-hover);color:var(--texto)}.bolinha-cargo{width:12px;height:12px;border-radius:50%;flex-shrink:0}.item-cargo-nome{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-cargo-qtd{font-size:12px;color:var(--texto-fraco)}.item-cargo-mover{display:none;gap:2px}.item-cargo:hover .item-cargo-mover,.item-cargo.ativo .item-cargo-mover{display:flex}.item-cargo-mover button{width:20px;height:20px;padding:0;border:none;border-radius:4px;background:var(--fundo-1);color:var(--texto-fraco);font-size:9px;cursor:pointer}.item-cargo-mover button:hover:not(:disabled){color:var(--texto)}.item-cargo-mover button:disabled{opacity:.3;cursor:default}.editor-cargo{min-width:0}.aviso-cargo{margin:0 0 16px;padding:10px 12px;border-radius:6px;background:#d299221f;color:#e3b341;font-size:13px}.campo-cor{margin-bottom:20px}.rotulo-campo{display:block;margin-bottom:8px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--texto-fraco)}.cores-cargo{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.cor-opcao{width:28px;height:28px;border:2px solid transparent;border-radius:6px;cursor:pointer}.cor-opcao.sem-cor{background:linear-gradient(135deg,transparent 45%,var(--erro) 45% 55%,transparent 55%),var(--fundo-1);border-color:var(--fundo-hover)}.cor-opcao.escolhida{border-color:#fff;box-shadow:0 0 0 2px var(--fundo-3)}.cor-opcao:disabled{cursor:not-allowed;opacity:.5}.cores-cargo input[type=color]{width:36px;height:30px;padding:0;border:none;background:none;cursor:pointer}.grupo-permissoes{margin-bottom:8px}.grupo-permissoes .grupo{margin:16px 0 4px}.linha-permissao{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0;padding:10px 0;border-bottom:1px solid var(--fundo-hover);color:var(--texto);font-size:14px;font-weight:400;text-transform:none;letter-spacing:normal;cursor:pointer}.linha-permissao.travada{opacity:.55;cursor:not-allowed}.linha-permissao-textos{display:flex;flex-direction:column;gap:2px}.linha-permissao-textos strong{font-weight:600}.linha-permissao-textos small{color:var(--texto-fraco);font-size:12.5px}input.chave{appearance:none;flex-shrink:0;width:40px;height:22px;margin:0;border-radius:11px;background:#72767d;position:relative;cursor:pointer;transition:background .15s}input.chave:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s}input.chave:checked{background:var(--ok)}input.chave:checked:after{transform:translate(18px)}input.chave:disabled{cursor:not-allowed}.rodape-cargo{position:sticky;bottom:-24px;margin:16px -24px -24px;padding:12px 24px;background:var(--fundo-3);border-top:1px solid var(--fundo-hover)}.aba-membros{display:flex;flex-direction:column}.linha-membro-config{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--fundo-hover)}.linha-membro-textos{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.chips-cargos{display:flex;flex-wrap:wrap;gap:6px}.chip-cargo{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border:none;border-radius:4px;background:var(--fundo-1);color:var(--texto);font-size:12px}.chip-cargo .bolinha-cargo{width:10px;height:10px}.chip-adicionar{cursor:pointer;color:var(--texto-fraco)}.chip-adicionar:hover{color:var(--texto)}.escolha-cargos{padding:10px 12px;border-radius:6px;background:var(--fundo-2)}.escolha-cargos .opcao-chave{align-items:center;margin-bottom:8px}.escolha-cargos .opcao-chave:last-child{margin-bottom:0}.cartao-perfil-cargos{margin-top:10px}.caixa-texto.bloqueada{opacity:.6}.caixa-texto.bloqueada textarea{cursor:not-allowed;padding-left:12px}.pessoa-voz.clicavel{cursor:pointer}.pessoa-voz.clicavel:hover{background:var(--fundo-hover);color:var(--texto)}.silenciado-por-mim{color:var(--erro);filter:drop-shadow(0 0 0 var(--erro))}.volume-mudado{font-size:11px;color:var(--texto-fraco)}.controle-volume{position:fixed;z-index:60;width:260px;padding:14px;border-radius:10px;background:var(--fundo-1);box-shadow:0 8px 24px #00000080}.controle-volume-topo{display:flex;align-items:center;gap:10px;margin-bottom:14px}.controle-volume .campo-config{margin-bottom:14px}.controle-volume .opcao-chave{margin-bottom:4px}.controle-volume .dica-config{margin:4px 0 8px;font-size:12px}.painel-voz{flex-wrap:wrap}.botao-ativar-som{flex-basis:100%;margin-bottom:6px;padding:8px;border:none;border-radius:6px;background:var(--ausente);color:#1b1d23;font-size:12px;font-weight:700;cursor:pointer}.marca{margin-bottom:16px;text-align:center;font-size:28px;font-weight:800;letter-spacing:-.02em;line-height:1;color:var(--destaque)}.marca span{color:var(--ok)}.membros{background:var(--fundo-2);padding:8px;overflow-y:auto}.membro{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:4px;color:var(--texto-fraco)}.membro:hover{background:var(--fundo-hover);color:var(--texto)}.membro.offline{opacity:.45}.membro.offline:hover{opacity:1}.membro-nome{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.coroa{font-size:12px}.membro-expulsar{font-size:12px;visibility:hidden}.membro:hover .membro-expulsar{visibility:visible}.membro-expulsar:hover{color:var(--erro)}.membro-avatar{position:relative}.membro-avatar .bolinha{position:absolute;right:-2px;bottom:-2px;border:3px solid var(--fundo-2);box-sizing:content-box;width:8px;height:8px}.carregando{height:100vh;display:grid;place-items:center;color:var(--texto-fraco)}label{display:block;margin-bottom:16px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--texto-fraco)}label input{display:block;width:100%;margin-top:6px;padding:10px 12px;border:1px solid transparent;border-radius:6px;background:var(--fundo-1);color:var(--texto);font-size:15px;text-transform:none;letter-spacing:normal}label input:focus{outline:none;border-color:var(--destaque)}.opcional{text-transform:none;font-weight:400;letter-spacing:normal}button{font:inherit}.botao-principal,.botao-secundario,.botao-perigo{padding:10px 16px;border:none;border-radius:6px;color:#fff;font-weight:600;cursor:pointer}.botao-principal{background:var(--destaque)}.botao-principal:hover{filter:brightness(1.1)}.botao-principal:disabled{opacity:.6;cursor:wait}.botao-secundario{background:var(--fundo-hover)}.botao-perigo{background:transparent;color:var(--erro);padding-left:0}.botao-perigo:hover{text-decoration:underline}.link{background:none;border:none;padding:0;color:var(--destaque);cursor:pointer}.link:hover{text-decoration:underline}.erro-form{margin:-4px 0 16px;padding:8px 12px;border-radius:6px;background:#e5534b1f;color:var(--erro);font-size:14px}.tela-login{min-height:100vh;display:grid;place-items:center;padding:16px;background:radial-gradient(circle at 20% 20%,rgba(52,245,197,.14) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(77,168,255,.12) 0%,transparent 50%),var(--fundo-1)}.cartao-login{width:100%;max-width:420px;padding:32px;border-radius:12px;background:var(--fundo-3);box-shadow:0 16px 48px #0006}.cartao-login h1{margin:0;font-size:24px;text-align:center}.subtitulo{margin:8px 0 24px;text-align:center;color:var(--texto-fraco)}.cartao-login .botao-principal{width:100%;padding:12px}.divisor{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--texto-fraco);font-size:13px}.divisor:before,.divisor:after{content:"";flex:1;height:1px;background:var(--fundo-hover)}.botao-google{display:flex;justify-content:center;min-height:44px}.trocar-modo{margin:20px 0 0;text-align:center;font-size:14px;color:var(--texto-fraco)}.fundo-modal{position:fixed;inset:0;display:grid;place-items:center;padding:16px;background:#0009}.modal{width:100%;max-width:440px;padding:24px;border-radius:12px;background:var(--fundo-3)}.modal h2{margin:0 0 20px}.perfil-foto{display:flex;align-items:center;gap:16px;margin-bottom:20px}.perfil-foto-botoes{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.info-conta{margin:-6px 0 20px;font-size:13px;color:var(--texto-fraco)}.modal-rodape{display:flex;justify-content:space-between;align-items:center}.modal-rodape-direita{display:flex;align-items:center;gap:16px}.texto-modal{color:var(--texto-fraco);margin:0 0 16px}.linha-convite{display:flex;gap:8px;margin-bottom:8px}.linha-convite input{flex:1;min-width:0;padding:10px 12px;border:none;border-radius:6px;background:var(--fundo-1);color:var(--texto);font-size:14px}.campo-com-icone{display:flex;align-items:center;gap:8px;margin-top:6px;padding-left:12px;border-radius:6px;background:var(--fundo-1);color:var(--texto-fraco);font-size:16px;text-transform:none}.campo-com-icone input{margin-top:0;padding-left:0;background:transparent}.modal div.icone-servidor{background:var(--destaque)}.convite{display:flex;flex-direction:column;align-items:center;text-align:center}.convite h2{margin:12px 0 4px}.aviso-convite{margin:-8px 0 20px;padding:10px 12px;border-radius:6px;background:#34f5c526;font-size:14px;text-align:center}.vazio{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;text-align:center}.vazio h1{margin:0}.vazio p{margin:0 0 12px;color:var(--texto-fraco)}.boas-vindas-icone{width:64px;height:64px;margin-bottom:12px;border-radius:50%;background:var(--fundo-hover);display:grid;place-items:center;font-size:36px}.botao-principal{color:var(--sobre-destaque)}.botao-principal:hover{filter:brightness(1.08)}.servidor:hover div.icone-servidor,.servidor.ativo div.icone-servidor,.servidor.adicionar:hover,.modal div.icone-servidor,.menu-item:hover,.menu-item.destaque:hover{color:var(--sobre-destaque)}.menu-item.perigo:hover{color:#fff}.arroba,.aba-adicionar,.aviso-notificacao,.aviso-notificacao .link{color:var(--sobre-destaque)}.aviso-notificacao .link{text-decoration:underline}.aviso-notificacao .botao-principal{background:var(--sobre-destaque);color:var(--destaque)}h1,h2,h3,.canais-topo,.chat-topo,.titulo-amigos,.menu-status-topo strong,.cartao-perfil-nome,.perfil-lateral strong{font-family:var(--fonte-marca);letter-spacing:-.01em}.canais-topo,.chat-topo{font-weight:600}.logo-login{display:flex;justify-content:center;margin:0 auto 18px}.logo-animada{display:block}.logo-animada.respirando{animation:logo-respirar .8s cubic-bezier(.37,0,.63,1) -.4s infinite alternate}@keyframes logo-respirar{0%{transform:scale(.982)}to{transform:scale(1.018)}}.tela-abertura{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:#0b1014;transition:opacity .35s ease,visibility .35s}.tela-abertura.saindo{opacity:0;visibility:hidden}.icone-inicio-logo{display:block;width:48px;height:48px;border-radius:50%;transition:border-radius .15s}.servidor.inicio:hover .icone-inicio-logo,.servidor.inicio.ativo .icone-inicio-logo{border-radius:16px}.so-celular{display:none}.botao-topo{flex-shrink:0;width:36px;height:36px;margin-left:-8px;margin-right:6px;border:none;border-radius:8px;background:none;color:var(--texto);font-size:20px;cursor:pointer}.botao-topo:active{background:var(--fundo-hover)}.botao-membros{margin:0 -8px 0 auto;font-size:18px}.titulo-topo{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app{height:100dvh}@media(max-width:768px){.so-celular{display:inline-grid;place-items:center}.app{grid-template-columns:72px 1fr;position:relative;overflow:hidden}.servidores{overflow-y:auto;scrollbar-width:none}.app>.chat{position:absolute;inset:0;z-index:5;background:var(--fundo-3);transform:translate(100%);visibility:hidden;transition:transform .22s ease,visibility .22s}.app.vista-conteudo>.chat,.app.vista-membros>.chat{transform:none;visibility:visible}.app>.membros{position:absolute;top:0;right:0;bottom:0;z-index:7;width:min(300px,85vw);box-shadow:-8px 0 24px #0006;transform:translate(105%);visibility:hidden;transition:transform .22s ease,visibility .22s}.app.vista-membros>.membros{transform:none;visibility:visible}.fundo-gaveta{position:absolute;inset:0;z-index:6;background:#00000080}.chat-topo{padding:0 12px;gap:4px}.cartao-perfil{right:auto;left:50%;transform:translate(-50%);max-width:calc(100vw - 32px)}.menu-tela{max-width:calc(100vw - 24px)}.aviso-notificacao{flex-wrap:wrap}.modal{padding:20px 16px}.cartao-login{padding:24px 20px}input,textarea,select{font-size:16px!important}}@media(hover:none){.canal-editar,.membro-expulsar{visibility:visible}.caixinha-tela-cheia{opacity:1}.item-cargo-mover{display:flex}}.rotulo-com-link{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.rotulo-com-link .link{font-size:12px;text-transform:none;letter-spacing:normal;font-weight:500}.aviso-ok{margin:-4px 0 16px;padding:10px 12px;border-radius:6px;background:#34f5c51f;color:var(--texto);font-size:14px;line-height:1.45}.campo-codigo{font-size:26px!important;letter-spacing:10px;text-align:center;font-variant-numeric:tabular-nums}.links-email{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:16px;font-size:14px}.link:disabled{opacity:.5;cursor:default;text-decoration:none}.link.fraco{color:var(--texto-fraco)}.nao-confirmado{color:var(--ausente)}.botao-principal.largo{width:100%;padding:12px}