html,body,#root{height:100%;margin:0}body{color:#e6e8eb;background:#0e0f12;font-family:system-ui,-apple-system,Segoe UI,sans-serif}button{color:#fff;cursor:pointer;font:inherit;background:#2b6cb0;border:0;border-radius:4px;padding:.5rem 1rem}button:disabled{opacity:.5;cursor:default}textarea{color:#e6e8eb;font:inherit;resize:vertical;background:#1a1c20;border:1px solid #2a2d33;border-radius:4px;padding:.5rem}.loading-screen{text-align:center;max-width:480px;margin:4rem auto;padding:0 1rem}.loading-screen .error{color:#fc8181;margin-bottom:1rem}.chat-shell{height:100%;display:flex}.room-list{border-right:1px solid #2a2d33;flex:0 0 280px;overflow-y:auto}.room-list.empty{color:#8a8f99;padding:1rem}.room-list ul{margin:0;padding:0;list-style:none}.room-list li{cursor:pointer;border-bottom:1px solid #1a1c20;padding:.75rem 1rem}.room-list li:hover{background:#16181c}.room-list li.active{background:#1f2228}.room-list .title{font-weight:600}.room-list .preview{color:#8a8f99;white-space:nowrap;text-overflow:ellipsis;margin-top:.25rem;font-size:.85rem;overflow:hidden}.room-view{flex-direction:column;flex:1;min-width:0;display:flex}.room-view.empty{color:#8a8f99;justify-content:center;align-items:center}.room-view header{border-bottom:1px solid #2a2d33;padding:.75rem 1rem}.room-view header h2{margin:0;font-size:1rem}.room-view .thread{flex:1;padding:1rem;overflow-y:auto}.room-view .hint{color:#8a8f99}.msg{max-width:70%;margin-bottom:1rem}.msg.me{text-align:right;margin-left:auto}.msg .meta{color:#8a8f99;margin-bottom:.25rem;font-size:.75rem}.msg .meta .sender{margin-right:.5rem;font-weight:600}.msg .body{white-space:pre-wrap;text-align:left;background:#1a1c20;border-radius:8px;padding:.5rem .75rem;display:inline-block}.msg.me .body{background:#2b6cb0}.composer{border-top:1px solid #2a2d33;gap:.5rem;padding:.75rem 1rem;display:flex}.composer textarea{flex:1}