:root{color:#172033;background:#f4f7f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}.app-shell{display:grid;grid-template-columns:minmax(320px,520px) minmax(280px,1fr);gap:24px;width:min(1120px,calc(100vw - 32px));min-height:100vh;margin:0 auto;padding:32px 0;align-items:start}.compose-panel,.side-panel{display:grid;gap:16px}.compose-panel,.room-box,.feed{border:1px solid #d9e2df;border-radius:8px;background:#fff;box-shadow:0 16px 42px #26394d17}.compose-panel{padding:24px}.topbar{display:flex;justify-content:space-between;gap:16px;align-items:center}h1,h2,p{margin:0}h1{font-size:28px;line-height:1.15}h2{font-size:16px;line-height:1.3}.topbar p,.room-box p,.empty,.meta-row{color:#64706d}.status{width:12px;height:12px;border-radius:999px;flex:0 0 auto}.status.online{background:#21a67a;box-shadow:0 0 0 6px #21a67a1f}.status.offline{background:#d9534f;box-shadow:0 0 0 6px #d9534f1f}.send-form{display:grid;gap:16px}label{display:grid;gap:8px;color:#26363f;font-size:14px;font-weight:700}input,textarea{width:100%;border:1px solid #c8d4d0;border-radius:8px;background:#fbfcfc;color:#172033;outline:none}input{height:44px;padding:0 12px}textarea{resize:vertical;min-height:116px;padding:12px;line-height:1.5}input:focus,textarea:focus{border-color:#117c6f;box-shadow:0 0 0 3px #117c6f1f}.form-actions{display:flex;gap:10px}button{min-height:44px;border:0;border-radius:8px;padding:0 18px;background:#117c6f;color:#fff;cursor:pointer;font-weight:800}button:disabled{background:#a8b5b1;cursor:not-allowed}button.secondary{border:1px solid #c8d4d0;background:#fff;color:#26363f}button.compact{min-width:88px;padding:0 12px}.room-input-row{display:grid;grid-template-columns:1fr auto;gap:10px}.check-row{display:flex;width:fit-content;max-width:100%;grid-template-columns:none;gap:10px;align-items:center;cursor:pointer}.check-row input{width:18px;height:18px;flex:0 0 auto;accent-color:#117c6f}.auth-box{display:flex;min-height:44px;align-items:center}.auth-box span{display:inline-flex;min-height:44px;align-items:center;border:1px solid #c8d4d0;border-radius:8px;padding:0 12px;background:#fbfcfc;color:#117c6f;font-weight:800}.login-button{width:100%}.meta-row{display:flex;justify-content:space-between;gap:12px;min-height:20px;font-size:13px}.meta-row strong{color:#b42318}.room-box,.feed{padding:18px}.room-box{display:grid;gap:10px}.room-box p{overflow-wrap:anywhere;line-height:1.5;font-size:14px}.feed{display:grid;gap:14px}.feed-list{display:grid;gap:10px}.feed-item{display:grid;gap:4px;border:1px solid #e0e7e4;border-radius:8px;padding:12px;background:#fbfcfc}.feed-item strong{color:#117c6f;font-size:13px}.feed-item span{line-height:1.45;overflow-wrap:anywhere}@media(max-width:760px){.app-shell{grid-template-columns:1fr;width:min(100vw - 24px,560px);padding:18px 0}.compose-panel{padding:18px}h1{font-size:24px}}