*{box-sizing:border-box}body{color:#111;background:#f5f5f5;margin:0;font-family:system-ui,sans-serif}.app{max-width:640px;margin:0 auto;padding:1rem}.topbar{border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;display:flex}.topbar a{color:inherit;font-weight:600;text-decoration:none}.list{padding:0;list-style:none}.list li{border-bottom:1px solid #eee;padding:.5rem 0}.muted{color:#777;font-size:.85em}.error{color:#c00}.messages{flex-direction:column;gap:.5rem;padding:0;list-style:none;display:flex}.messages li{flex-direction:column;max-width:75%;display:flex}.messages li.mine{align-self:flex-end;align-items:flex-end}.messages li.theirs{align-self:flex-start;align-items:flex-start}.bubble{background:#e5e5ea;border-radius:1rem;padding:.5rem .75rem}.mine .bubble{color:#fff;background:#0a84ff}.composer{gap:.5rem;margin-top:1rem;display:flex}.composer input{flex:1;padding:.5rem;font-size:1rem}