:root{--bg: #0b0d10;--panel: #14171c;--panel2: #1b1f26;--line: #232830;--txt: #e7e9ea;--muted: #8b939e;--accent: #3a86ff;--me: #2563eb;--them: #232a33}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--txt);font:15px/1.4 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.center{height:100%;display:grid;place-items:center;padding:24px}.card{width:100%;max-width:340px;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:28px 24px;display:flex;flex-direction:column;gap:12px}.card h1{margin:0;font-size:26px;letter-spacing:-.5px}.muted{color:var(--muted);margin:0 0 8px;font-size:13px}.in{background:var(--panel2);border:1px solid var(--line);color:var(--txt);border-radius:12px;padding:12px 14px;font-size:15px;outline:none}.in:focus{border-color:var(--accent)}.btn{margin-top:4px;background:var(--accent);color:#fff;border:0;border-radius:12px;padding:12px;font-size:15px;font-weight:600;cursor:pointer}.btn:disabled{opacity:.6}.err{color:#ff6b6b;font-size:13px}.app{height:100%;display:grid;grid-template-columns:320px 1fr}.list{border-right:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column;min-height:0}.lh{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;font-weight:700;font-size:18px;border-bottom:1px solid var(--line)}.mini,.back{background:none;border:0;color:var(--muted);cursor:pointer;font-size:13px}.empty,.placeholder{color:var(--muted);padding:24px;text-align:center;margin:auto}.list{overflow-y:auto}.row{display:flex;gap:12px;align-items:center;width:100%;text-align:left;background:none;border:0;color:var(--txt);padding:12px 16px;cursor:pointer;border-bottom:1px solid var(--line)}.row.on,.row:hover{background:var(--panel2)}.av{width:42px;height:42px;border-radius:50%;background:#3b4046;color:#cfd3d8;display:grid;place-items:center;font-weight:700;flex:0 0 auto}.av.sm{width:34px;height:34px;font-size:14px}.rc{display:flex;flex-direction:column;min-width:0}.rn{font-weight:600}.rl{color:var(--muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.chat{display:flex;flex-direction:column;min-height:0;background:var(--bg)}.ch{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--panel)}.ch-meta{display:flex;flex-direction:column;line-height:1.25;min-width:0}.ct{font-weight:600}.sub{font-size:12px;color:var(--accent);min-height:14px}.back{display:none;font-size:26px;line-height:1;padding:0 4px 0 0}.tl{flex:1;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:10px}.msgrow{display:flex;flex-direction:column;max-width:72%}.msgrow.me{align-self:flex-end;align-items:flex-end}.msgrow.them{align-self:flex-start;align-items:flex-start}.time{font-size:11px;color:var(--muted);margin:3px 6px 0}.bub{max-width:100%;padding:9px 13px;border-radius:16px;word-wrap:break-word;white-space:pre-wrap}.bub.me{background:var(--me);border-bottom-right-radius:5px}.bub.them{background:var(--them);border-bottom-left-radius:5px}.bub.fail{background:transparent;border:1px dashed var(--line);color:var(--muted);font-size:13px;font-style:italic}.composer{display:flex;gap:10px;padding:12px 16px;border-top:1px solid var(--line);background:var(--panel)}.msg{flex:1;background:var(--panel2);border:1px solid var(--line);color:var(--txt);border-radius:22px;padding:11px 16px;font-size:15px;outline:none}.msg:focus{border-color:var(--accent)}.snd{width:42px;height:42px;border-radius:50%;background:var(--accent);color:#fff;border:0;font-size:18px;cursor:pointer;flex:0 0 auto}@media(max-width:720px){.app{grid-template-columns:1fr}.chat,.app.has-active .list{display:none}.app.has-active .chat{display:flex}.back{display:inline}.rl{max-width:60vw}}