:root{--bg: #f7f8fa;--panel: #ffffff;--border: #e3e6ea;--text: #1b1f24;--muted: #6b7480;--accent: #2563eb;--accent-hover: #1d4ed8;--bubble: #eef2f7;--error: #b42318;--radius: 10px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg)}button{font:inherit;cursor:pointer;border-radius:8px;border:1px solid transparent;padding:.5rem .9rem}button:disabled{opacity:.55;cursor:default}button.primary{background:var(--accent);color:#fff}button.primary:hover:not(:disabled){background:var(--accent-hover)}button.secondary{background:transparent;border-color:var(--border);color:var(--text)}.muted{color:var(--muted)}.error{color:var(--error);font-size:.9rem}.error.small{padding:0 1rem}.brand{font-size:1.6rem;font-weight:700;letter-spacing:-.02em}.brand.small{font-size:1.1rem}.centered{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:1.5rem;text-align:center}.tagline{max-width:26rem;color:var(--muted);margin:0}.row{display:flex;gap:.6rem;align-items:center}.app{height:100%;display:grid;grid-template-columns:300px 1fr}.sidebar{background:var(--panel);border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1rem;border-bottom:1px solid var(--border)}.logout{background:transparent;border:1px solid var(--border);color:var(--muted);padding:.3rem .6rem;font-size:.8rem}.new-convo{margin:.8rem 1rem;background:transparent;border:1px dashed var(--border);color:var(--accent)}.new-convo:hover{border-color:var(--accent)}.convo-list{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1;min-height:0}.convo{padding:.7rem 1rem;border-bottom:1px solid var(--border)}.convo:hover{background:var(--bg)}.convo.selected{background:#eaf1ff;border-left:3px solid var(--accent);padding-left:calc(1rem - 3px)}.convo-title{font-weight:600;font-size:.92rem}.convo-preview{color:var(--muted);font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty{padding:1rem;font-size:.9rem}.me{padding:.7rem 1rem;border-top:1px solid var(--border);color:var(--muted);font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pane{min-height:0;display:flex;flex-direction:column}.placeholder{margin:auto;color:var(--muted)}.thread{display:flex;flex-direction:column;height:100%;min-height:0}.thread-head{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.2rem;border-bottom:1px solid var(--border);background:var(--panel)}.thread-title{font-weight:600}.refresh{background:transparent;border:none;color:var(--muted);font-size:1.1rem}.messages{flex:1;min-height:0;overflow-y:auto;padding:1.2rem;display:flex;flex-direction:column;gap:.6rem}.bubble{max-width:70%;background:var(--bubble);border-radius:var(--radius);padding:.55rem .8rem}.bubble-body{white-space:pre-wrap;word-break:break-word}.bubble-meta{margin-top:.25rem;font-size:.72rem;color:var(--muted)}.composer{display:flex;gap:.6rem;padding:.9rem 1.2rem;border-top:1px solid var(--border);background:var(--panel)}.composer textarea{flex:1;resize:none;border:1px solid var(--border);border-radius:8px;padding:.5rem .7rem;font:inherit}.new-form{max-width:32rem;margin:2rem auto;padding:1.5rem;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;gap:1rem}.new-form h2{margin:0}.field{display:flex;flex-direction:column;gap:.35rem}.field>span{font-size:.85rem;font-weight:600}.field input,.field select,.field textarea{border:1px solid var(--border);border-radius:8px;padding:.5rem .7rem;font:inherit}.hint{font-size:.78rem;color:var(--muted)}