.wrapper{color:#e6e6e6;background:#1e1e1e;flex-direction:column;height:100vh;display:flex}.header{background:#2a2a2a;border-bottom:1px solid #333;align-items:center;padding:10px 16px;display:flex}.left{gap:12px;display:flex}.left a{color:#e6e6e6;text-decoration:none}.left a:hover{color:#fff}.right{align-items:center;gap:12px;margin-left:auto;display:flex}.main{background:#1e1e1e;flex:1;padding:16px;overflow:auto}.username{cursor:pointer;color:#e6e6e6;font-weight:500}.item{color:#e6e6e6;cursor:pointer;padding:10px 12px;text-decoration:none;display:block}.item:hover{background:#3a3a3a}.menu{position:relative}.dropdown{z-index:100;background:#2b2b2b;border:1px solid #3a3a3a;border-radius:8px;flex-direction:column;min-width:180px;margin-top:8px;display:flex;position:absolute;top:100%;right:0;box-shadow:0 6px 18px #00000080}.msg{margin-bottom:8px;display:flex}.msg.mine{justify-content:flex-end}.msg.theirs{justify-content:flex-start}.bubble{color:#e6e6e6;background:#2b2b2b;border-radius:12px;flex-direction:column;gap:4px;max-width:60%;padding:10px 12px;display:flex}.msg.mine .bubble{background:#4a3f3f;border:1px solid #5a4a4a;margin-right:15px}.meta{color:#999;text-align:right;font-size:11px}.day-group{flex-direction:column;display:flex}.date-separator{color:#aaa;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:12px;align-self:center;margin:12px 0;padding:4px 10px;font-size:12px}.composer{background:#1e1e1e;border-top:1px solid #333;justify-content:center;gap:10px;padding:12px;display:flex;position:sticky;bottom:0}.composer-input{color:#e6e6e6;background:#2b2b2b;border:1px solid #444;border-radius:10px;outline:none;width:min(600px,70%);padding:12px 14px}.composer-input:focus{border-color:#666}.messages{height:calc(100vh - 120px);overflow-y:auto}.chat-window{flex:1;overflow-y:auto}.search-input{color:#e6e6e6;background:#2b2b2b;border:1px solid #444;border-radius:8px;width:100%;max-width:300px;margin-bottom:12px;padding:10px}.chats-page{color:#e6e6e6;padding:16px}.chat-item{cursor:pointer;background:#1f1f1f;border:1px solid #333;border-radius:10px;margin-bottom:10px;padding:16px 18px;font-size:16px;transition:background .15s,transform 50ms}.chat-item:hover{background:#2a2a2a}.chat-item:active{transform:scale(.98)}