*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;background:#f5f5f7}.register-screen{max-width:420px;margin:10vh auto;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 1px 4px #0000001a}.register-screen form{display:flex;gap:.5rem;margin-top:1rem}.app{display:flex;flex-direction:column;height:100vh}.app-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#fff;border-bottom:1px solid #ddd}.app-body{flex:1;display:flex;overflow:hidden}.conversation-list{width:260px;background:#fff;border-right:1px solid #ddd;padding:1rem;overflow-y:auto}.conversation-list ul{list-style:none;padding:0;margin:0 0 1rem}.conversation-list button{width:100%;text-align:left;padding:.5rem;border:none;background:none;border-radius:6px;cursor:pointer}.conversation-list button.selected{background:#e6f0ff;font-weight:600}.conversation-list form{display:flex;gap:.25rem;margin-bottom:.5rem}.conversation-list input{flex:1;min-width:0}.conversation-view{flex:1;display:flex;flex-direction:column;overflow:hidden}.conversation-view header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#fff;border-bottom:1px solid #ddd}.members{padding:.5rem 1rem;background:#fafafa;border-bottom:1px solid #eee;font-size:.9rem}.members form{display:inline-flex;gap:.25rem;margin-left:.5rem}.thread{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.message{max-width:70%;padding:.5rem .75rem;border-radius:10px;background:#eee;align-self:flex-start}.message.mine{background:#cfe8ff;align-self:flex-end}.message .from{display:block;font-size:.75rem;opacity:.7}.message .system{font-style:italic;opacity:.7}.attachment img,.attachment video{max-width:240px;max-height:240px;display:block;margin-top:.25rem;border-radius:6px}.composer{display:flex;gap:.5rem;padding:.75rem 1rem;background:#fff;border-top:1px solid #ddd}.composer input[type=text],.composer input:not([type]){flex:1}.empty-state{flex:1;display:flex;align-items:center;justify-content:center;color:#888}.error{color:#b00020;font-size:.9rem}