:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#0f172a;background:#f1f5f9}*{box-sizing:border-box}body{margin:0;background:linear-gradient(170deg,#e0f2fe,#f8fafc);min-height:100vh}h1,h2,h3,h4,p{margin:0}button,input,textarea{font:inherit}button{border:0;border-radius:10px;background:#2563eb;color:#fff;padding:10px 14px;cursor:pointer}button.secondary{background:#0f172a}input,textarea{width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:10px;background:#fff}textarea{min-height:90px;resize:vertical}.card{background:#fff;border-radius:16px;box-shadow:0 12px 30px #0f172a12;padding:16px}.auth-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}.auth-card{width:min(420px,100%);display:grid;gap:16px}.auth-card form{display:grid;gap:10px}.page{max-width:960px;margin:0 auto;padding:16px;display:grid;gap:16px}.topbar{display:flex;gap:10px;justify-content:space-between;align-items:center}.section-title{margin-bottom:8px}.create-room-form{margin-top:8px;display:grid;gap:10px}.rooms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.room-card{display:grid;gap:8px}.chat-card{display:grid;grid-template-rows:1fr auto;gap:12px;min-height:65vh}.messages-list{border:1px solid #e2e8f0;border-radius:12px;padding:12px;overflow:auto;background:#f8fafc}.message{padding:10px;background:#fff;border-radius:10px;margin-bottom:10px}.message-head{margin-bottom:4px}.chat-form{display:grid;grid-template-columns:1fr auto;gap:8px}@media (max-width: 640px){.topbar{flex-direction:column;align-items:flex-start}.chat-form{grid-template-columns:1fr}}