body{margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#121a24;height:auto}.carddds{max-width:800px;margin:0 auto;padding:20px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1e2732}::-webkit-scrollbar-thumb{background:#3a4657;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4e5a6a}.umumiy{display:flex;justify-content:space-between;gap:40px}.input{position:relative;top:20px;bottom:20px}.lichkaChap{position:relative;top:745px}.searchBox{display:flex;max-width:590px;align-items:center;justify-content:space-between;background:#2f3640;border-radius:50px;position:relative;margin-bottom:10px}.searchButton{color:#fff;position:absolute;right:8px;width:50px;height:40px;border-radius:50%;background:var(--gradient-2, linear-gradient(90deg, #2AF598 0%, #009EFD 100%));border:0;display:inline-block;transition:all .3s cubic-bezier(.23,1,.32,1)}button:hover{color:#fff;background-color:#1a1a1a;box-shadow:#00000080 0 10px 20px;transform:translateY(-3px)}button:active{box-shadow:none;transform:translateY(0)}.searchInput{border:none;background:none;outline:none;color:#fff;font-size:15px;padding:24px 46px 24px 26px}.istory{border-radius:50%;width:100%;max-width:50px}.chat-container{width:100%;background-color:#1e2732;border-radius:12px;padding:16px;margin-bottom:14px;transition:all .3s ease;box-shadow:0 4px 12px #00000026}.chat-container:hover{background-color:#2c3849;transform:translateY(-2px);box-shadow:0 6px 16px #0003}.chat-header{display:flex;align-items:center;margin-bottom:12px}.chat-avatar-wrapper{position:relative;margin-right:12px}.chat-avatar{width:48px;height:48px;border-radius:12px;object-fit:cover;border:2px solid #3a4657;transition:all .2s ease}.chat-avatar-placeholder{width:48px;height:48px;border-radius:12px;background-color:#3a4657;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:20px}.online-indicator{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;background-color:#4caf50;border-radius:50%;border:2px solid #2c3849}.chat-title{flex-grow:1;display:flex;flex-direction:column}.group-name{color:#fff;font-weight:600;font-size:16px;margin-bottom:2px}.chat-subtitle{color:#a0a0a0;font-size:12px}.chat-time{color:#6bf;font-size:13px;font-weight:500}.chat-content{padding-left:60px}.chat-categories{display:flex;align-items:center;flex-wrap:wrap;margin-bottom:6px}.js-tag{background-color:#f0db4f;color:#000;font-size:12px;font-weight:700;padding:3px 8px;border-radius:6px;margin-right:8px;box-shadow:0 2px 4px #0000001a}.programming-tag{color:#a0a0a0;font-size:13px;background-color:#ffffff1a;padding:3px 8px;border-radius:6px}.chat-message{color:#d8d8d8;font-size:14px;line-height:1.4;margin-top:6px;display:flex;align-items:center;flex-wrap:wrap}.highlighted{font-weight:600;color:#6bf;margin-right:6px}.message-text{word-break:break-word}@media (max-width: 480px){.chat-content{padding-left:0;margin-top:10px}.chat-header{margin-bottom:8px}.chat-avatar{width:40px;height:40px}.chat-avatar-placeholder{width:40px;height:40px;font-size:16px}}.messageBox{width:750px;height:40px;display:flex;align-items:center;justify-content:center;background-color:#2d2d2d;border-radius:10px;border:1px solid rgb(63,63,63)}.messageBox:focus-within{border:1px solid rgb(110,110,110)}.fileUploadWrapper{width:fit-content;height:100%;display:flex;align-items:center;justify-content:center;font-family:Arial,Helvetica,sans-serif}#file{display:none}.fileUploadWrapper label{cursor:pointer;width:fit-content;height:fit-content;display:flex;align-items:center;justify-content:center;position:relative}.fileUploadWrapper label svg{height:18px}.fileUploadWrapper label svg path{transition:all .3s}.fileUploadWrapper label svg circle{transition:all .3s}.fileUploadWrapper label:hover svg path{stroke:#fff}.fileUploadWrapper label:hover svg circle{stroke:#fff;fill:#3c3c3c}.fileUploadWrapper label:hover .tooltip{display:block;opacity:1}.tooltip{position:absolute;top:-40px;display:none;opacity:0;color:#fff;font-size:10px;text-wrap:nowrap;background-color:#000;padding:6px 10px;border:1px solid #3c3c3c;border-radius:5px;box-shadow:0 5px 10px #00000098;transition:all .3s}#messageInput{width:200px;height:100%;background-color:transparent;outline:none;border:none;padding-left:10px;color:#fff}#messageInput:focus~#sendButton svg path,#messageInput:valid~#sendButton svg path{fill:#3c3c3c;stroke:#fff}#sendButton{width:fit-content;height:100%;background-color:transparent;outline:none;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;padding-left:440px}#sendButton svg{height:18px;transition:all .3s}#sendButton svg path{transition:all .3s}#sendButton:hover svg path{fill:#3c3c3c;stroke:#fff}body{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f0f0f0;margin:0}.button-container{display:flex;width:320px;justify-content:flex-start;align-items:center;gap:8px;padding:8px;background-color:#e8e4df;border-radius:9999px;box-shadow:0 10px 15px #0000001a;transition:all .3s ease;position:relative;z-index:10;margin-bottom:10px}.button-container:hover{transform:scaleX(1.05)}.button{position:relative;padding:8px 12px;background-color:#fff;border-radius:9999px;font-size:24px;cursor:pointer;border:none;transition:all .3s ease}.button:hover{transform:translateY(-5px) scale(1.25)}.button:before{content:attr(data-tooltip);display:none;position:absolute;top:-28px;left:50%;transform:translate(-50%);background-color:#00000080;color:#fff;font-size:.6rem;padding:4px 8px;border-radius:4px;height:16px;display:flex;justify-content:center;align-items:center;white-space:nowrap;transition:all .3s ease}.button:hover:before{display:flex}@media (prefers-color-scheme: dark){body{background-color:#121212}.button-container,.button{background-color:#191818}.button:before{background-color:#fff;color:#000}}