*{box-sizing:border-box}:root{color-scheme:dark}html,body{margin:0;padding:0;height:100dvh;width:100vw;overflow:hidden;overscroll-behavior:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#1a1a1a;color:#e1e1e1}#root{height:100%}.chat-container{display:flex;height:100%;width:100%;position:relative}.sidebar-left{width:280px;background-color:#121212;border-right:1px solid #333;display:flex;flex-direction:column;transition:transform .3s ease;z-index:1000;height:100%}.sidebar-right{width:280px;background-color:#121212;border-left:1px solid #333;display:flex;flex-direction:column;height:100%}@media (min-width: 769px){.sidebar-right:not(.open){display:none}}.chat-main{flex:1;display:flex;flex-direction:column;background-color:#1a1a1a;min-width:0;height:100%;position:relative}@media (max-width: 768px){.sidebar-left{position:absolute;top:0;left:0;bottom:0;width:280px;transform:translate(-100%);box-shadow:5px 0 15px #00000080;z-index:1000;background-color:#121212;display:flex!important}.sidebar-left.open{transform:translate(0)}.sidebar-right{position:absolute;top:0;right:0;bottom:0;width:260px;border-left:1px solid #333;transform:translate(100%);box-shadow:-5px 0 15px #00000080;z-index:1100;transition:transform .3s ease;display:flex;flex-direction:column;background-color:#121212}.sidebar-right.open{transform:translate(0)}.sidebar-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:500;display:none;opacity:0;transition:opacity .3s ease}.sidebar-overlay.show{display:block;opacity:1}}.messages-area{flex:1;overflow-y:auto;padding:15px;display:flex;flex-direction:column;gap:12px;-webkit-overflow-scrolling:touch}.message{max-width:85%;padding:10px 14px;border-radius:12px;position:relative;line-height:1.4;font-size:.95rem}.message-received{align-self:flex-start;background-color:#2a2a2a;border-bottom-left-radius:2px}.message-sent{align-self:flex-end;background-color:#005c4b;border-bottom-right-radius:2px}.message-header{font-size:.7rem;font-weight:700;color:#0f0;margin-bottom:2px;display:flex;justify-content:space-between}.message-sent .message-header{color:#aebac1}.chat-input-area{padding:12px 15px;padding-bottom:max(12px,env(safe-area-inset-bottom));background-color:#121212;border-top:1px solid #333;display:flex;align-items:center;gap:12px}.room-item{padding:14px 18px;cursor:pointer;border-bottom:1px solid #222;transition:all .2s;font-size:.9rem}.room-item:hover{background-color:#222}.room-item.active{background-color:#262626;border-left:4px solid #198754;color:#fff;font-weight:500}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#333;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#444}.avatar{flex-shrink:0;font-weight:700;color:#fff}@media (max-width: 576px){.message{max-width:90%}.chat-input-area input{font-size:16px}}