.chat-container{background-color:#f0f2f5;border-radius:12px;box-shadow:0 4px 15px #0000001a;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:2rem auto;max-width:640px;padding:20px;transition:background .3s,color .3s}.light-mode{background-color:#f0f2f5;color:#111}.dark-mode{background-color:#1e1e1e;color:#f5f5f5}.chat-title{color:inherit;font-size:2rem;font-weight:700}.chat-title,.dark-mode-toggle{margin-bottom:12px;text-align:center}.dark-mode-toggle button{background-color:#fff;border:1px solid #ccc;border-radius:8px;color:#000;cursor:pointer;font-weight:400;padding:6px 14px}.username-wrapper{display:flex;gap:8px;margin-bottom:16px}.username-wrapper input{border:1px solid #ccc;border-radius:8px;flex:1 1;outline:none;padding:10px 12px;transition:border .2s}.username-wrapper input:focus{border-color:#4caf50}.username-wrapper button{background-color:#fff;border:1px solid #ccc;border-radius:8px;cursor:pointer;padding:6px 10px}.type-wrapper{align-items:center;display:flex;gap:8px;margin-bottom:12px}.type-wrapper input,.type-wrapper select{border:1px solid #ccc;border-radius:8px;outline:none;padding:8px 12px;transition:border .2s}.type-wrapper input:focus,.type-wrapper select:focus{border-color:#4caf50}.messages-wrapper{background-color:#e5ddd5;background-image:repeating-linear-gradient(0deg,#ffffff0d,#ffffff0d 1px,#0000 0,#0000 4px);background-size:100% 4px;border-radius:12px;display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-y:auto;padding:12px;scroll-behavior:smooth}.dark-mode .messages-wrapper{background-color:#121212;background-image:none}.message{word-wrap:break-word;background-color:#fff;border-radius:16px;box-shadow:0 2px 5px #0000001a;color:#111;display:flex;flex-direction:column;max-width:75%;padding:10px 14px;position:relative;transition:background-color .3s,color .3s}.dark-mode .message{background-color:#333;color:#f5f5f5}.message.own{align-self:flex-end;background-color:#dcf8c6}.dark-mode .message.own{background-color:#2e7d32}.message.private{border:2px dashed #ff9800}.message .username{font-size:.75rem;font-weight:600;margin-bottom:3px;opacity:.7}.message .time{color:#555;font-size:.65rem;margin-top:2px;text-align:right}.delete-btn{background:#0000;border:none;color:#e53935;cursor:pointer;font-size:.85rem;position:absolute;right:4px;top:4px;transition:transform .1s}.delete-btn:hover{transform:scale(1.2)}.emoji-picker{background-color:#f4f6f8;border-radius:12px;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px;padding:10px}.dark-mode .emoji-picker{background-color:#333}.emoji-picker button{background:#0000;border:none;cursor:pointer;font-size:1.6rem;padding:6px;transition:transform .1s}.emoji-picker button:hover{transform:scale(1.2)}.message-form{display:flex;gap:6px}.message-form input{border:1px solid #ccc;border-radius:8px;flex:1 1;outline:none;padding:10px;transition:border .2s}.message-form input:focus{border-color:#4caf50}.message-form button{background-color:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:10px 16px;transition:transform .2s,background .2s}.message-form button:hover{background-color:#45a049;transform:scale(1.05)}.messages-wrapper::-webkit-scrollbar{width:6px}.messages-wrapper::-webkit-scrollbar-thumb{background-color:#00000040;border-radius:3px}.dark-mode .messages-wrapper::-webkit-scrollbar-thumb{background-color:#ffffff40}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.chat-container{margin:1rem;max-width:100%;padding:12px}.chat-title{font-size:1.6rem}.messages-wrapper{gap:6px;max-height:70vh;padding:8px}.dark-mode-toggle button,.message-form button,.message-form input,.type-wrapper input,.type-wrapper select,.username-wrapper button,.username-wrapper input{font-size:.95rem;padding:6px 10px}.emoji-picker{gap:4px;padding:6px}.emoji-picker button{font-size:1.3rem;padding:4px}}
/*# sourceMappingURL=main.0238f08c.css.map*/