*{box-sizing:border-box;font-family:Arial,sans-serif}body{margin:0;background:#f5f7fb;color:#111827}.join-wrapper{min-height:100vh;display:grid;place-items:center;padding:1rem}.card{width:min(420px,95%);background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 10px 25px #00000014}.card h1{margin-top:0}input,button{width:100%;padding:.75rem;border-radius:8px;border:1px solid #d1d5db;margin-top:.75rem}button{background:#2563eb;color:#fff;border:none;cursor:pointer}button:disabled{background:#93c5fd;cursor:not-allowed}.app-shell{height:100vh;display:grid;grid-template-columns:240px 1fr}.sidebar{background:#111827;color:#fff;padding:1rem}.sidebar ul{list-style:none;padding:0;margin:0}.sidebar li{background:#ffffff1a;margin-top:.5rem;padding:.5rem;border-radius:6px}.chat-panel{display:grid;grid-template-rows:auto 1fr auto;height:100vh}.chat-panel header{padding:1rem;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.messages{padding:1rem;overflow-y:auto}.message{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:.6rem .75rem;margin-bottom:.75rem;display:flex;gap:.25rem;align-items:baseline;flex-wrap:wrap}.message.system{background:#eff6ff}.message small{margin-left:auto;color:#6b7280}.typing{margin:.5rem 0;color:#6b7280;font-style:italic}.composer{border-top:1px solid #e5e7eb;padding:1rem;display:grid;grid-template-columns:1fr 120px;gap:.75rem}.composer input,.composer button{margin:0}@media (max-width: 768px){.app-shell{grid-template-columns:1fr;grid-template-rows:180px 1fr}}