:root{--bg: #12161c;--bg-elevated: #1a2029;--border: #2a323f;--text: #e6e9ef;--text-muted: #8b93a3;--accent: #2d6cdf;--accent-text: #ffffff;--danger: #e5484d;--radius: 10px;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.4}#app{min-height:100vh;max-width:480px;margin:0 auto;display:flex;flex-direction:column}a{color:var(--accent)}.hint{color:var(--text-muted);font-size:.9em}.error{color:var(--danger);font-size:.9em}button,.btn{display:inline-block;background:var(--accent);color:var(--accent-text);border:none;border-radius:var(--radius);padding:.7em 1.1em;font-size:1em;cursor:pointer;text-decoration:none;text-align:center}button.danger{background:transparent;color:var(--danger);border:1px solid var(--danger)}button:disabled{opacity:.5;cursor:not-allowed}input{width:100%;padding:.6em .8em;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);font-size:1em}label{display:block;margin-bottom:1em;font-size:.95em}label input{margin-top:.35em}.form{display:flex;flex-direction:column}.auth-screen{padding:2rem 1.25rem;display:flex;flex-direction:column;gap:1rem}.warning-box{background:#e5484d1a;border:1px solid var(--danger);border-radius:var(--radius);padding:1em}.app-shell{display:flex;flex-direction:column;height:100vh}.app-header{display:flex;align-items:center;gap:.75em;padding:1em 1.25rem;border-bottom:1px solid var(--border)}.app-header h1{font-size:1.15em;margin:0;flex:1}.header-actions{display:flex;gap:.5em;align-items:center}.back-link{font-size:1.3em;text-decoration:none}.icon-link{text-decoration:none;font-size:.9em}.chat-list{list-style:none;margin:0;padding:0;overflow-y:auto}.chat-list-item{display:flex;align-items:center;justify-content:space-between;padding:1em 1.25rem;border-bottom:1px solid var(--border);text-decoration:none;color:var(--text)}.badge{background:var(--danger);color:#fff;border-radius:999px;padding:.15em .55em;font-size:.8em;min-width:1.4em;text-align:center}.messages{flex:1;overflow-y:auto;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.6em}.bubble{max-width:80%;padding:.6em .9em;border-radius:var(--radius);background:var(--bg-elevated);border:1px solid var(--border)}.bubble.outgoing{align-self:flex-end;background:var(--accent);color:var(--accent-text)}.bubble-text{margin:0 0 .3em;white-space:pre-wrap;word-break:break-word}.bubble-meta{display:flex;gap:.6em;align-items:center;font-size:.8em;opacity:.85}.bubble-meta .read-btn{padding:.25em .6em;font-size:.85em}.send-form{display:flex;gap:.5em;padding:1em 1.25rem;border-top:1px solid var(--border)}.send-form input{flex:1}.settings-screen,.invite-screen{padding:1.25rem;display:flex;flex-direction:column;gap:1em}.link-row{display:flex;gap:.5em}hr{border:none;border-top:1px solid var(--border);width:100%}code{background:var(--bg-elevated);padding:.15em .4em;border-radius:4px}