.chat-container{-webkit-backdrop-filter:blur(20px);background:#12121466;border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;height:600px;max-height:85vh;transition:all .4s cubic-bezier(.165,.84,.44,1);display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px #0006,inset 0 0 0 1px #ffffff0d}.chat-header{background:#ffffff0d;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.chat-header h3{letter-spacing:.5px;color:#fff;align-items:center;gap:10px;margin:0;font-size:1rem;font-weight:600;display:flex}.chat-header h3:before{content:"";background:#4ade80;border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 10px #4ade80}.connection-status{border-radius:50%;width:8px;height:8px}.connection-status.online{background:#4ade80}.connection-status.offline{background:#f87171}.chat-messages{scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;flex-direction:column;flex-grow:1;gap:16px;padding:24px;display:flex;overflow-y:auto}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.empty-chat{text-align:center;color:#888;opacity:.7;margin:auto;font-size:.9rem}.message-thread{animation:.4s cubic-bezier(.165,.84,.44,1) slideIn}.message{background:#ffffff0d;border:1px solid #ffffff08;border-radius:16px;padding:12px 16px;transition:transform .2s}.message:hover{background:#ffffff14;transform:translate(4px)}.message.top-level{border-left:2px solid var(--primary)}.message-author{color:var(--primary);opacity:.9;margin-bottom:4px;font-size:.75rem;font-weight:700}.message-content{color:#f5f5f5;word-break:break-word;font-size:.9rem;line-height:1.5}.message-actions{justify-content:flex-end;margin-top:8px;display:flex}.btn-reply{color:#aaa;cursor:pointer;background:#ffffff08;border:1px solid #ffffff0d;border-radius:20px;padding:4px 10px;font-size:.7rem;transition:all .2s}.btn-reply:hover{color:#fff;background:#ffffff1a;border-color:#ffffff1a}.replies{border-left:1px solid #ffffff1a;flex-direction:column;gap:12px;margin-top:12px;margin-left:12px;padding-left:16px;display:flex}.message.reply{background:#ffffff05;border-radius:12px;font-size:.85rem}.chat-input-area{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border-top:1px solid #ffffff14;padding:20px}.reaction-bar{justify-content:center;gap:10px;margin-bottom:20px;display:flex}.btn-reaction{cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-size:1.2rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative}.btn-reaction:hover{border-color:var(--primary);background:#ffffff1a;transform:translateY(-5px)}.reaction-count{background:var(--primary);color:#000;border:2px solid #121212;border-radius:10px;min-width:18px;padding:2px 6px;font-size:.65rem;font-weight:800;position:absolute;top:-8px;right:-8px;box-shadow:0 4px 10px #0000004d}.replying-to{color:#eee;background:#c5a88026;border:1px solid #c5a8801a;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:8px 14px;font-size:.75rem;display:flex}.replying-to button{color:#fff;cursor:pointer;opacity:.6;background:0 0;border:none;transition:opacity .2s}.replying-to button:hover{opacity:1}.chat-form{flex-direction:column;gap:10px;display:flex}.input-name{color:#888;background:0 0;border:none;outline:none;padding:0 5px;font-size:.75rem;font-weight:500}.input-row{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:14px;transition:all .3s;display:flex;overflow:hidden}.chat-form.focused .input-row{border-color:var(--primary);background:#ffffff14;box-shadow:0 0 0 4px #c5a8801a}.input-message{color:#fff;background:0 0;border:none;outline:none;flex-grow:1;padding:14px 18px;font-size:.9rem}.btn-send{color:var(--primary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0 18px;transition:all .2s;display:flex}.btn-send:hover:not(:disabled){color:#fff;transform:translate(2px)}.btn-send:disabled{color:#444;cursor:not-allowed}.chat-toggle-floating{background:var(--primary);color:#121212;cursor:pointer;z-index:1000;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:none;position:fixed;bottom:30px;right:30px;box-shadow:0 10px 30px #0006}.chat-toggle-floating:hover{transform:scale(1.1)rotate(5deg)}.chat-toggle-floating.pulse:after{content:"";background:var(--primary);opacity:.6;z-index:-1;border-radius:50%;width:100%;height:100%;animation:2s infinite ping-pulse;position:absolute}@keyframes ping-pulse{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}@media (max-width:992px){.chat-container.mobile-hidden{display:none}.chat-container.mobile-visible{z-index:999;width:calc(100vw - 60px);max-width:400px;height:400px;max-height:55vh;animation:.4s cubic-bezier(.165,.84,.44,1) slideUp;position:fixed;bottom:100px;right:30px}.chat-toggle-floating{display:flex}}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.emoji-layer{pointer-events:none;z-index:10;width:60px;height:400px;position:absolute;bottom:100px;right:30px}.floating-emoji{opacity:0;filter:drop-shadow(0 4px 10px #0000004d);font-size:2rem;position:absolute;bottom:0}