*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Arial,sans-serif;background:#111827;color:#e5e7eb}button,input,textarea{font:inherit}button{cursor:pointer;border:0;border-radius:8px;padding:9px 13px;background:#6366f1;color:#fff}.app{height:100vh;display:grid;grid-template-columns:270px 1fr}.sidebar{background:#1f2937;padding:16px;display:flex;flex-direction:column;min-width:0}.brand,.me,.row{display:flex;align-items:center;gap:10px}.brand{justify-content:space-between;border-bottom:1px solid #374151}.brand h2{margin:0 0 14px}.brand button,.me button{margin-left:auto}.rooms{padding-top:14px;display:flex;flex-direction:column;gap:4px}.room{display:flex;justify-content:space-between;background:transparent;text-align:left;color:#d1d5db}.room.active,.room:hover{background:#374151}.me{margin-top:auto;padding-top:15px;border-top:1px solid #374151}.me small{display:block;color:#9ca3af}.avatar{width:38px;height:38px;border-radius:50%;background:#4f46e5;display:grid;place-items:center;overflow:hidden;flex:none}.avatar img{width:100%;height:100%;object-fit:cover}.chat{display:flex;flex-direction:column;min-width:0}.chat header{padding:14px 22px;border-bottom:1px solid #374151;display:flex;justify-content:space-between;align-items:center}.chat h2,.chat p{margin:0}.chat header p{font-size:.9rem;color:#9ca3af;margin-top:4px}.messages{flex:1;overflow:auto;padding:22px}.message{display:flex;gap:12px;margin-bottom:20px}.message p{margin:5px 0;white-space:pre-wrap}.message small,time{color:#9ca3af;font-size:.78rem}.composer{display:flex;gap:10px;padding:16px 22px;border-top:1px solid #374151}.composer input,input,textarea{width:100%;border:1px solid #4b5563;border-radius:8px;padding:11px;background:#111827;color:#fff}.auth{min-height:100vh;display:grid;place-items:center;padding:20px}.card,.modal{width:min(440px,100%);background:#1f2937;padding:28px;border-radius:14px;box-shadow:0 15px 50px #0005}.card form,.modal{display:flex;flex-direction:column;gap:12px}.link{background:transparent;color:#a5b4fc;padding-left:0;margin-top:8px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0008;display:grid;place-items:center;padding:20px}.modal textarea{min-height:100px;resize:vertical}.row{justify-content:flex-end}.error{color:#fca5a5}.empty{margin:auto;color:#9ca3af}@media(max-width:700px){.app{grid-template-columns:1fr}.sidebar{display:none}.chat{height:100vh}}