:root{--bg:#050916;--panel:#0b1226;--panel2:#111936;--line:#263150;--text:#eef3ff;--muted:#8d99b6;--pink:#ff3c7c;--cyan:#59e8ff;--green:#45ef9e;--yellow:#ffd65a;--blue:#56a9ff;--purple:#9f7cff}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:radial-gradient(circle at 50% -20%,#17234f 0,#080e20 36%,#040712 80%);color:var(--text)}a{color:inherit;text-decoration:none}.chat-body{min-height:100%;padding:22px}.chat-shell{max-width:1380px;height:calc(100vh - 44px);min-height:640px;margin:auto;background:rgba(6,10,24,.96);border:1px solid #293357;border-radius:24px;box-shadow:0 30px 80px #0008;overflow:hidden;display:grid;grid-template-rows:84px 1fr 52px}.topbar{display:flex;align-items:center;padding:0 28px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#121a37,#0b1125)}.brand-mark{width:48px;height:48px;border-radius:15px;background:#ff3c7c18;border:1px solid #ff3c7c55;display:grid;place-items:center;font-size:25px;margin-right:14px}.brand-copy{display:flex;flex-direction:column}.brand-copy strong{font-size:20px;letter-spacing:.02em}.brand-copy span{font-size:12px;color:var(--pink);font-weight:900;letter-spacing:.16em;margin-top:4px}.live-pill{margin-left:auto;background:#0b1530;border:1px solid #23345d;border-radius:999px;padding:9px 14px;font-size:12px;font-weight:900;letter-spacing:.08em;display:flex;align-items:center;gap:7px}.live-pill i,.green-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 15px var(--green);display:inline-block}.chat-grid{display:grid;grid-template-columns:300px minmax(0,1fr) 280px;min-height:0}.online-panel,.account-panel{background:#080e20}.online-panel{border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.account-panel{border-left:1px solid var(--line);padding:22px}.panel-title{height:55px;border-bottom:1px solid var(--line);padding:0 18px;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:900;letter-spacing:.08em}.panel-title span{display:flex;align-items:center;gap:8px}.panel-title b{background:#151f40;padding:5px 9px;border-radius:999px}.online-list{overflow:auto;padding:8px;flex:1}.online-user{display:flex;align-items:center;gap:10px;padding:11px 10px;border-radius:12px}.online-user:hover{background:#121a33}.avatar{width:43px;height:43px;flex:0 0 43px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#16214b,#27366f);display:grid;place-items:center;border:1px solid #3a4d87}.avatar img{width:100%;height:100%;object-fit:cover}.guest-avatar{font-size:19px}.online-info{min-width:0;flex:1}.online-info>div{display:flex;align-items:center;gap:5px}.online-info strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.online-info small{display:block;color:var(--muted);font-size:12px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flag{font-size:16px}.verified{width:15px;height:15px;border-radius:50%;background:#397bff;color:white;display:inline-grid;place-items:center;font-size:10px;font-weight:900}.socials,.meta-social{display:flex;gap:5px}.social{width:22px;height:22px;border-radius:6px;display:inline-grid;place-items:center;font-weight:900;font-size:13px}.social.instagram{background:#d8337a}.social.facebook{background:#3477e8}.online-summary{border-top:1px solid var(--line);padding:15px;text-align:center;color:#d6ddf4;font-size:12px}.messages-panel{display:grid;grid-template-rows:1fr auto auto;min-width:0;min-height:0;background:linear-gradient(180deg,#0a1023,#070b18)}.messages{overflow-y:auto;padding:22px 28px;scroll-behavior:smooth}.message-row{display:flex;gap:12px;margin:8px 0 18px;max-width:850px}.message-avatar{width:42px;height:42px;flex-basis:42px}.message-bubble{min-width:0}.message-meta{display:flex;align-items:center;gap:5px;min-height:22px}.message-meta strong{font-size:14px;color:#fff}.message-meta small{color:#8996b7;font-size:12px}.meta-social{margin-left:4px}.message-text{font-size:15px;line-height:1.48;color:#eef3ff;margin:5px 0}.timestamp{display:flex;gap:9px;font-size:11px;font-weight:800}.timestamp .date{color:#8498c7}.timestamp .time{color:#ff548d}.chat-notice{margin:0 20px 8px;background:#173d33;border:1px solid #2e8065;color:#a8ffdc;border-radius:10px;padding:9px 12px;font-size:13px}.chat-notice.bad{background:#421a29;border-color:#913a58;color:#ffc4d5}.composer{border-top:1px solid var(--line);padding:14px 20px 18px;display:grid;grid-template-columns:46px 1fr 48px;gap:9px;background:#090f21}.emoji-toggle,.send-btn{border:1px solid #2d3b63;background:#101a38;color:#fff;border-radius:12px;font-size:20px;cursor:pointer}.send-btn{background:linear-gradient(135deg,#ff3c7c,#ff5c94);border:0;font-size:22px}.composer-input-wrap{position:relative}.composer textarea{width:100%;resize:none;min-height:48px;max-height:120px;border:1px solid #2a365b;background:#070d1d;color:#fff;border-radius:14px;padding:13px 15px;font:inherit;outline:none}.composer textarea:focus{border-color:#556fae;box-shadow:0 0 0 3px #445b9426}.emoji-tray{position:absolute;left:0;bottom:58px;padding:8px;background:#121b35;border:1px solid #31406d;border-radius:12px;box-shadow:0 15px 40px #0008;max-width:330px}.emoji-tray button{background:none;border:0;font-size:21px;padding:4px;cursor:pointer}.account-card,.rules-card{background:#0e1630;border:1px solid #26345d;border-radius:18px;padding:20px;text-align:center}.account-card{display:flex;flex-direction:column;align-items:center}.account-avatar.large{width:86px;height:86px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#152046,#2b3973);display:grid;place-items:center;font-size:35px;border:2px solid #4a5d98;margin-bottom:10px}.account-avatar.large img{width:100%;height:100%;object-fit:cover}.account-card strong{font-size:17px}.account-card small{color:var(--muted);margin-top:4px}.account-card p{font-size:13px;color:var(--muted)}.primary,.ghost{display:inline-flex;align-items:center;justify-content:center;width:100%;border-radius:10px;border:0;padding:11px 14px;font-weight:900;cursor:pointer}.primary{background:linear-gradient(135deg,#ff3c7c,#ff578b);color:white}.ghost{background:#172345;border:1px solid #31436f;color:#dbe6ff}.mini{margin-top:9px;font-size:12px}.text-link{color:#8da2d2;font-size:12px;margin-top:12px}.rules-card{text-align:left;margin-top:18px}.rules-card h3{font-size:13px;margin:0 0 11px;color:#ffd65a}.rules-card p{font-size:12px;color:#a9b4d0;margin:8px 0}.chat-footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:34px;padding:0 18px;background:#080e20;color:#aeb9d4;font-size:12px}.chat-footer b{color:#dce6ff}.loading,.empty{color:#7f8baa;text-align:center;padding:24px;font-size:13px}.modal[hidden]{display:none}.modal{position:fixed;inset:0;background:#02040bbb;backdrop-filter:blur(6px);display:grid;place-items:center;padding:18px;z-index:50}.modal-card{width:min(520px,100%);background:#0d1530;border:1px solid #31416f;border-radius:20px;padding:24px;position:relative;box-shadow:0 30px 80px #000b}.modal-card h2{margin:0 0 5px}.modal-card>p{color:var(--muted);font-size:13px}.modal-close{position:absolute;right:14px;top:12px;background:none;border:0;color:#fff;font-size:28px;cursor:pointer}.modal label,.auth-card label{display:block;font-size:12px;font-weight:800;color:#cbd5ed;margin:13px 0}.modal input,.auth-card input{width:100%;margin-top:6px;border-radius:10px;border:1px solid #31416d;background:#080f22;color:#fff;padding:12px;outline:none}.modal label small{font-weight:400;color:#8995b3}.auth-body{min-height:100%;display:grid;place-items:center;padding:20px}.auth-card{width:min(460px,100%);background:#0e1630;border:1px solid #29375e;border-radius:20px;padding:26px}.auth-card h1{margin:18px 0 5px}.auth-card p{color:var(--muted);font-size:13px}.back{color:#8ddcf2;font-size:13px}.alert{padding:10px 12px;border-radius:10px;margin:12px 0}.alert.error{background:#44182a;color:#ffbfd1;border:1px solid #8b3154}
@media(max-width:980px){.chat-body{padding:0}.chat-shell{height:100vh;min-height:0;border-radius:0;border:0}.chat-grid{grid-template-columns:1fr}.online-panel,.account-panel{display:none}.topbar{padding:0 15px}.brand-copy strong{font-size:15px}.brand-copy span{font-size:10px}.live-pill{padding:7px 10px}.messages{padding:16px}.chat-footer{font-size:10px;gap:10px;justify-content:space-between}.chat-footer span:first-child{max-width:70%}}
@media(max-width:520px){.chat-shell{grid-template-rows:70px 1fr 50px}.brand-mark{width:40px;height:40px}.live-pill{font-size:0}.live-pill b{font-size:12px}.live-pill b:after{content:' online';font-size:10px}.composer{grid-template-columns:42px 1fr 44px;padding:10px}.messages{padding:13px 11px}.message-row{gap:8px}.message-meta{flex-wrap:wrap}.message-meta small{width:100%;padding-left:22px}.chat-footer span:last-child{display:none}}

/* v1.1 - entrada automática de visitantes */
.messages-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;min-width:0;min-height:0}
.setup-warning{margin:12px 18px 0;padding:10px 12px;border-radius:10px;background:#421a29;border:1px solid #913a58;color:#ffc4d5;font-size:12px;text-align:center}
.guest-status{display:inline-flex;align-items:center;justify-content:center;margin:-4px 0 14px;padding:7px 10px;border-radius:999px;background:#12372e;border:1px solid #246b56;color:#7fffc8;font-size:10px;font-weight:900;letter-spacing:.06em}
.guest-card p b{color:#dfe9ff}.optional-register{border-color:#49577b;background:#111b38}.optional-register span{color:#7fffc8;margin-left:4px}.error-text{color:#ff8ca8}.welcome-empty{color:#a9b9dc;padding-top:60px}


/* v1.2 - compositor compacto + bandeiras reais */
.setup-warning{grid-row:1}
.messages{grid-row:2;min-height:0}
.chat-notice{grid-row:3}
.composer{
  grid-row:4;
  border-top:1px solid var(--line);
  padding:14px 20px 18px;
  display:grid;
  grid-template-columns:46px minmax(0,1fr) 48px;
  gap:9px;
  align-items:center;
  background:#090f21;
}
.composer-input-wrap{position:relative;min-width:0}
.emoji-toggle,.send-btn{height:48px;width:100%;align-self:center}
.composer textarea{
  width:100%;resize:none;min-height:48px;height:48px;max-height:120px;
  border:1px solid #2a365b;background:#070d1d;color:#fff;border-radius:14px;
  padding:13px 15px;font:inherit;outline:none;display:block;
}
.flag-img{width:24px;height:18px;object-fit:cover;border-radius:3px;display:inline-block;vertical-align:middle;box-shadow:0 0 0 1px rgba(255,255,255,.12);flex:0 0 auto}
.inline-flag{margin-left:5px;width:22px;height:16px}
.flag-fallback{font-size:16px;line-height:1;display:inline-flex;align-items:center}
.message-meta .flag-img{margin-right:2px}
.online-info .flag-img{margin-right:1px}
@media(max-width:520px){
  .composer{grid-template-columns:42px minmax(0,1fr) 44px;padding:10px;gap:8px}
  .emoji-toggle,.send-btn,.composer textarea{height:44px;min-height:44px}
}