*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}.login-container,body{background:linear-gradient(135deg,#667eea,#764ba2);height:100vh}.login-container{align-items:center;display:flex;justify-content:center}.login-box{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;min-width:350px;padding:40px;text-align:center}.login-box h1{color:#333;font-size:2rem;margin-bottom:10px}.login-box p{color:#666;margin-bottom:30px}.username-input{border:2px solid #e1e5e9;border-radius:10px;font-size:16px;margin-bottom:20px;outline:none;padding:15px;transition:border-color .3s;width:100%}.username-input:focus{border-color:#667eea}.login-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:15px;transition:transform .2s;width:100%}.login-btn:hover{transform:translateY(-2px)}.chat-container{background:#fff;box-shadow:0 0 20px #0000001a;display:flex;flex-direction:column;height:100vh;margin:0 auto;max-width:1200px;width:100%}.chat-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:20px}.header-info h2{font-size:1.5rem;margin:0}.connection-status{align-items:center;display:flex;font-size:.9rem;gap:8px;margin-top:5px}.status-dot{background:#ff4757;border-radius:50%;height:8px;width:8px}.status-dot.connected{background:#2ed573}.user-info{text-align:right}.username{display:block;font-weight:700;margin-bottom:5px}.user-count{font-size:.9rem;opacity:.9}.messages-container{background:#f8f9fa;flex:1 1;overflow-y:auto;padding:20px}.system-message{background:#e9ecef;border-radius:20px;display:inline-block;padding:8px 16px}.message{display:flex;flex-direction:column;margin-bottom:20px}.message.own{align-items:flex-end}.message.other{align-items:flex-start}.message-sender{color:#666;font-size:.8rem;margin-bottom:5px;margin-left:10px}.message-content{align-items:flex-end;display:flex;gap:8px}.message.own .message-content{flex-direction:row-reverse}.message-bubble{word-wrap:break-word;border-radius:18px;line-height:1.4;max-width:500px;padding:12px 16px}.message.own .message-bubble{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.message.other .message-bubble{background:#fff;border:1px solid #e1e5e9;color:#333}.message-time{color:#999;font-size:.7rem;white-space:nowrap}.input-container{background:#fff;border-top:1px solid #e1e5e9;padding:20px}.input-box{align-items:center;display:flex;gap:10px}.message-input{border:2px solid #e1e5e9;border-radius:25px;flex:1 1;font-size:16px;outline:none;padding:12px 16px;transition:border-color .3s}.message-input:focus{border-color:#667eea}.message-input:disabled{background:#f8f9fa;color:#999}.send-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:50px;justify-content:center;transition:transform .2s;width:50px}.send-btn:hover:not(:disabled){transform:scale(1.05)}.send-btn:disabled{background:#ccc;cursor:not-allowed;transform:none}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:#f1f1f1}.messages-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:768px){.chat-container{height:100vh;max-width:100%;width:100%}.message-bubble{max-width:250px}.login-box{margin:20px;min-width:auto}.chat-header,.input-container,.messages-container{padding:15px}}@media (min-width:769px){.chat-container{min-width:800px;width:90%}}.ban-notification{animation:slideDown .3s ease-out;background:linear-gradient(135deg,#ff4757,#ff3742);border-bottom:1px solid #fff3;color:#fff;font-size:.9rem;font-weight:500;padding:12px 20px;text-align:center}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.message-input.banned{background-color:#fff5f5;border-color:#ff4757;color:#ff4757}.message-input.banned::placeholder{color:#ff4757;opacity:.8}.message,.system-message{transition:opacity .5s ease-in-out}.message[style*="opacity: 0.1"] .message-bubble,.message[style*="opacity: 0.2"] .message-bubble,.message[style*="opacity: 0.3"] .message-bubble{border:1px dashed #ccc}.message[style*="opacity: 0.1"] .message-time,.message[style*="opacity: 0.2"] .message-time,.message[style*="opacity: 0.3"] .message-time{color:#ccc}.message-bubble-container{display:inline-block;position:relative}.system-message-container{align-items:center;color:#666;display:flex;flex-direction:column;font-size:.9rem;margin:10px 0;text-align:center}.message-timer-bottom{bottom:-4px;height:2px;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);width:90%}.system-timer-bottom{height:2px;margin:2px auto 0;max-width:180px;position:relative;width:90%}.timer-bar-bottom{border-radius:1px;height:2px;max-width:100%;transition:width .1s ease-out,opacity .3s ease-out}.timer-bar-bottom,.timer-bar-bottom.system{background:#d1d5db}
/*# sourceMappingURL=main.ca04ef47.css.map*/