*{box-sizing:border-box;margin:0}:root{--bg: #ffffff;--panel: #fafafa;--border: #e4e4e7;--text: #18181b;--muted: #71717a;--accent: #4f46e5;--accent-soft: #eef2ff;--bubble-in: #f4f4f5;--bubble-out: #4f46e5}@media (prefers-color-scheme: dark){:root{--bg: #101014;--panel: #17171c;--border: #2a2a31;--text: #f4f4f5;--muted: #9d9da8;--accent: #818cf8;--accent-soft: #232345;--bubble-in: #232329;--bubble-out: #4f46e5}}html,body,#root{height:100%}body{font:14px/1.45 -apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--bg)}.app{display:flex;height:100%}.sidebar{width:320px;min-width:240px;border-right:1px solid var(--border);background:var(--panel);display:flex;flex-direction:column}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px}.sidebar-header h1{font-size:17px}.sync{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:8px;padding:4px 10px;cursor:pointer}.tabs{display:flex;gap:4px;padding:0 12px 10px}.tabs button{flex:1;padding:7px 0;border:none;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer;font-weight:600}.tabs button.active{background:var(--accent-soft);color:var(--accent)}.thread-list{overflow-y:auto;flex:1}.thread-row{display:flex;gap:10px;width:100%;padding:10px 14px;border:none;background:transparent;color:var(--text);text-align:left;cursor:pointer}.thread-row:hover{background:var(--bg)}.thread-row.selected{background:var(--accent-soft)}.avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.avatar.placeholder{display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;font-weight:700}.thread-meta{flex:1;min-width:0}.thread-top{display:flex;justify-content:space-between;gap:8px}.thread-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-time{color:var(--muted);font-size:12px;flex-shrink:0}.thread-preview{color:var(--muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unread-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent);margin-right:6px}.conversation{flex:1;display:flex;flex-direction:column;min-width:0}.convo-header{padding:14px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}.badge{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);padding:2px 8px;border-radius:999px}.messages{flex:1;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:6px}.bubble-row{display:flex}.bubble-row.out{justify-content:flex-end}.bubble{max-width:65%;padding:8px 12px;border-radius:16px;background:var(--bubble-in);white-space:pre-wrap;word-break:break-word}.bubble-row.out .bubble{background:var(--bubble-out);color:#fff}.composer{border-top:1px solid var(--border);padding:10px 14px}.composer-row{display:flex;gap:8px}.composer input{flex:1;padding:9px 12px;border:1px solid var(--border);border-radius:10px;background:var(--panel);color:var(--text);outline:none}.composer button{padding:0 16px;border:none;border-radius:10px;background:var(--accent);color:#fff;font-weight:600;cursor:pointer}.composer button:disabled{opacity:.5;cursor:default}.composer-hint{color:var(--muted);font-size:11px;margin-top:6px}.send-error{color:#dc2626;font-size:12px;margin-bottom:6px}.load-error{color:#dc2626;font-size:12px;padding:8px 14px}.key-gate{margin:auto;display:flex;flex-direction:column;gap:12px;width:320px;text-align:center}.key-gate p{color:var(--muted);font-size:13px}.key-gate input{padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--panel);color:var(--text);outline:none}.key-gate button{padding:10px;border:none;border-radius:10px;background:var(--accent);color:#fff;font-weight:600;cursor:pointer}.key-gate button:disabled{opacity:.5}.empty{color:var(--muted);padding:24px 16px;text-align:center}.empty.center{display:flex;flex:1;align-items:center;justify-content:center}