*{box-sizing:border-box}body{margin:0;min-width:320px;color:#172033;background:#e5edf4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}.shell{display:grid;grid-template-rows:auto minmax(280px,1fr) auto;gap:14px;min-height:100vh;padding:18px}.topbar,.chat{display:flex;align-items:center;justify-content:space-between;gap:12px;width:min(1180px,100%);margin:0 auto}h1,p{margin:0}h1{font-size:28px;line-height:1.1}p{color:#526174}.name-form,.chat{display:flex}input{min-width:0;border:1px solid #b7c4d4;border-radius:6px;padding:11px 12px;background:#fff;color:#172033}button{border:0;border-radius:6px;padding:11px 14px;background:#0f766e;color:#fff;font-weight:700;cursor:pointer}.room{width:min(1180px,100%);height:auto;max-height:calc(100vh - 170px);margin:0 auto;border:1px solid #b7c4d4;border-radius:8px;background:#f8fafc;box-shadow:0 18px 45px #0f172a24;touch-action:manipulation}.chat input{flex:1}@media (max-width: 640px){.shell{padding:12px}.topbar{align-items:stretch;flex-direction:column}.name-form,.chat{width:100%}}