*{box-sizing:border-box}body{color:#e6e6e6;background:#0f1115;justify-content:center;align-items:flex-start;min-height:100vh;margin:0;padding:40px 16px;font-family:system-ui,-apple-system,sans-serif;display:flex}#app{width:100%;max-width:480px}h1{margin-bottom:16px;font-size:1.2rem}input{color:#e6e6e6;background:#1a1d24;border:1px solid #333;border-radius:6px;width:100%;margin-bottom:8px;padding:10px}button{color:#fff;cursor:pointer;background:#4f7cff;border:none;border-radius:6px;padding:10px 16px}button:disabled{cursor:not-allowed;background:#333}.row{gap:8px;display:flex}.row input{flex:1}.error{color:#ff6b6b;min-height:1.2em}.status{color:#9aa0aa;min-height:1.2em;font-size:.85rem}.chat-header{align-items:center;gap:10px;margin-bottom:12px;display:flex}.presence{color:#9aa0aa;font-size:.8rem}.btn-compact{margin-left:auto;padding:5px 8px;font-size:.72rem}.chat-image{border-radius:6px;max-width:100%;max-height:220px;margin-top:4px;display:block}.read-status{color:#d6e0ff;text-align:right;margin-top:2px;font-size:.7rem;display:block}.btn-recall{background:0 0;border:1px solid #ffffff73;margin-top:4px;margin-left:auto;padding:2px 6px;font-size:.7rem;display:block}.msg-recalled{color:#9aa0aa;background:#20232a;font-style:italic}.messages{border:1px solid #333;border-radius:6px;flex-direction:column;gap:6px;height:320px;margin:10px 0;padding:10px;display:flex;overflow-y:auto}.msg{word-break:break-word;border-radius:6px;max-width:80%;padding:6px 10px}.msg-me{background:#4f7cff;align-self:flex-end}.msg-peer{background:#262a33;align-self:flex-start}.msg-system{color:#9aa0aa;background:0 0;align-self:center;font-size:.8rem}