*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:#0f1115;color:#e6e6e6}.center{display:flex;min-height:100vh;align-items:center;justify-content:center}.card{display:flex;flex-direction:column;gap:10px;width:320px;padding:24px;background:#1a1d24;border-radius:12px}.card input,.composer input{padding:10px;border:1px solid #2a2f3a;border-radius:8px;background:#0f1115;color:#e6e6e6}button{padding:8px 12px;border:0;border-radius:8px;background:#3b82f6;color:#fff;cursor:pointer}.card a{color:#60a5fa;cursor:pointer;font-size:13px}.err{color:#f87171;font-size:13px}.ok{color:#34d399;font-size:13px}.muted{color:#6b7280;font-size:12px}.app{display:grid;grid-template-columns:280px 1fr;height:100vh}aside{border-right:1px solid #232733;overflow-y:auto}.side-head{display:flex;justify-content:space-between;align-items:center;padding:12px}.side-head button{margin-left:6px;padding:4px 8px;background:#2a2f3a}.conv{padding:12px;cursor:pointer;display:flex;gap:8px;align-items:center}.conv:hover,.conv.on{background:#1a1d24}.badge{width:22px;height:22px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;text-transform:uppercase}.badge.direct{background:#16a34a}.badge.group{background:#7c3aed}.badge.channel{background:#ea580c}main{display:flex;flex-direction:column}.empty{margin:auto;color:#6b7280}.chat-head{padding:14px;border-bottom:1px solid #232733;font-weight:600}.messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px}.msg{max-width:60%;padding:8px 12px;border-radius:12px;background:#1f242e;align-self:flex-start}.msg.mine{align-self:flex-end;background:#1d4ed8}.msg .status{font-size:11px;opacity:.8;margin-left:6px}.composer{display:flex;gap:8px;padding:12px;border-top:1px solid #232733}.composer input{flex:1}