:root{--bg: #0E1116;--bg-elev: #1A1F26;--text: #FFFFFF;--text-muted: #A0A8B0;--accent: #F38B3C;--own-bubble: #F38B3C;--their-bubble: #1A1F26;--error: #FF4444;--border: #232830}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;-webkit-font-smoothing:antialiased}button{background:transparent;border:none;color:inherit;font:inherit;cursor:pointer}.screen{display:flex;flex-direction:column;height:100vh;overflow:hidden}.screen.centered{justify-content:center;align-items:center;text-align:center;padding:24px}.centered{text-align:center}.muted{color:var(--text-muted)}.err{color:var(--error)}h1{font-size:28px;font-weight:700;margin:0 0 24px}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin:12px 0}@keyframes spin{to{transform:rotate(360deg)}}.topbar{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-elev);border-bottom:1px solid var(--border);min-height:50px}.topbar .title{font-size:17px;font-weight:600}.topbar .back{font-size:22px;padding:0 4px}.room-list{flex:1;overflow-y:auto}.room-row{display:block;width:100%;text-align:left;padding:14px 16px;border-bottom:1px solid var(--border);position:relative}.room-row:hover{background:var(--bg-elev)}.room-name{font-size:16px;font-weight:600;margin-bottom:4px}.room-last{color:var(--text-muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:var(--accent);color:var(--text);min-width:22px;height:22px;border-radius:11px;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;padding:0 6px}.timeline{flex:1;overflow-y:auto;padding:12px 12px 6px;display:flex;flex-direction:column;gap:4px}.bubble{max-width:80%;padding:8px 12px;border-radius:16px;font-size:15px;line-height:1.35;word-wrap:break-word}.bubble.own{align-self:flex-end;background:var(--own-bubble);color:#fff;border-bottom-right-radius:4px}.bubble.their{align-self:flex-start;background:var(--their-bubble);border-bottom-left-radius:4px}.sender{font-size:12px;color:var(--text-muted);margin-bottom:2px}.composer{display:flex;gap:8px;padding:10px 12px;border-top:1px solid var(--border);background:var(--bg-elev)}.composer input{flex:1;background:var(--bg);border:1px solid var(--border);color:var(--text);font:inherit;padding:10px 14px;border-radius:22px;outline:none}.composer input:focus{border-color:var(--accent)}.composer button{background:var(--accent);color:#fff;font-weight:600;padding:0 16px;border-radius:22px;height:42px}.composer button:disabled{opacity:.4}