.chat-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#12121499;border:1px solid #ffffff0d;border-radius:16px;flex-direction:column;height:500px;max-height:80vh;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000004d}.chat-header{background:#ffffff08;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.chat-header h3{margin:0;font-size:1.1rem;font-weight:500}.connection-status{border-radius:50%;width:8px;height:8px}.connection-status.online{background:#4ade80;box-shadow:0 0 8px #4ade80}.connection-status.offline{background:#f87171}.chat-messages{scrollbar-width:thin;scrollbar-color:#fff3 transparent;flex-grow:1;padding:20px;overflow-y:auto}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.empty-chat{text-align:center;color:#888;margin-top:40px;font-size:.9rem;font-style:italic}.message-thread{margin-bottom:16px;animation:.3s fadeIn}.message{background:#ffffff0a;border-radius:12px;padding:10px 14px}.message.top-level{border-left:3px solid var(--primary-color)}.message-author{color:#aaa;margin-bottom:4px;font-size:.8rem;font-weight:600}.message-content{color:#eee;word-break:break-word;font-size:.95rem;line-height:1.4}.message-actions{justify-content:flex-end;margin-top:6px;display:flex}.btn-reply{color:#888;cursor:pointer;background:0 0;border:none;padding:0;font-size:.75rem}.btn-reply:hover{color:var(--primary-color)}.replies{border-left:1px solid #ffffff1a;flex-direction:column;gap:8px;margin-top:8px;margin-left:20px;padding-left:10px;display:flex}.message.reply{background:#ffffff05;font-size:.9rem}.chat-input-area{background:#0003;border-top:1px solid #ffffff0d;padding:15px}.reaction-bar{justify-content:center;gap:12px;margin-bottom:12px;display:flex}.btn-reaction{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;transition:all .2s;display:flex}.btn-reaction:hover{background:#ffffff26;transform:scale(1.15)translateY(-2px)}.replying-to{color:#aaa;background:rgba(var(--primary-color-rgb),.1);border-radius:4px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:4px 10px;font-size:.8rem;display:flex}.replying-to button{color:#fff;cursor:pointer;background:0 0;border:none}.chat-form{flex-direction:column;gap:8px;transition:all .3s;display:flex}.input-name{color:#888;background:0 0;border:none;outline:none;padding:0 10px;font-size:.8rem}.input-row{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;transition:all .3s;display:flex;overflow:hidden}.chat-form.focused .input-row{border-color:var(--primary-color);background:#ffffff14}.input-message{color:#fff;background:0 0;border:none;outline:none;flex-grow:1;padding:12px 15px;font-size:.95rem}.btn-send{color:var(--primary-color);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0 15px;transition:transform .2s,color .2s;display:flex}.btn-send:hover:not(:disabled){transform:scale(1.1)}.btn-send:disabled{color:#555;cursor:not-allowed}.admin-chat-view{height:600px;max-height:800px}.admin-label-badge{background:var(--primary);color:var(--bg-dark);align-items:center;padding:0 12px;font-size:.75rem;font-weight:700;display:flex}.emoji-layer{pointer-events:none;z-index:10;width:50px;height:300px;position:absolute;bottom:80px;right:20px}.floating-emoji{opacity:0;font-size:1.8rem;position:absolute;bottom:0}@keyframes floatUp0{0%{opacity:0;transform:translateY(0)scale(.5)}20%{opacity:1;transform:translateY(-40px)scale(1.2)translate(10px)}to{opacity:0;transform:translateY(-250px)scale(1)translate(-20px)}}@keyframes floatUp1{0%{opacity:0;transform:translateY(0)scale(.5)}20%{opacity:1;transform:translateY(-40px)scale(1.2)translate(-15px)}to{opacity:0;transform:translateY(-250px)scale(1)translate(15px)}}@keyframes floatUp2{0%{opacity:0;transform:translateY(0)scale(.5)}20%{opacity:1;transform:translateY(-40px)scale(1.2)translate(5px)}to{opacity:0;transform:translateY(-250px)scale(1)translate(-5px)}}.float-anim-0{animation:2.5s ease-out forwards floatUp0}.float-anim-1{animation:2.5s ease-out forwards floatUp1}.float-anim-2{animation:2.5s ease-out forwards floatUp2}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}