:root{--bg:#f4f5f7;--panel:#ffffff;--border:#e3e5e8;--text:#16181d;--muted:#6b7280;--accent:#128c7e;--accent-text:#ffffff;--in:#ffffff;--out:#dcf8c6;--active:#eef6f4;--error:#c0362c;--read:#34b7f1}@media (prefers-color-scheme:dark){:root{--bg:#0f1214;--panel:#171b1e;--border:#2a3035;--text:#e8eaed;--muted:#9aa0a6;--accent:#25a891;--accent-text:#ffffff;--in:#1f2529;--out:#0b4a3f;--active:#1f2b29;--error:#ff7b72;--read:#53bdeb}}*{box-sizing:border-box}body,html{margin:0;height:100%}body{background:var(--bg);color:var(--text);font:15px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}a{color:var(--accent)}button{font:inherit;border:0;border-radius:8px;padding:8px 14px;background:var(--accent);color:var(--accent-text);cursor:pointer}button:disabled{opacity:.5;cursor:default}button.ghost{background:transparent;color:var(--accent);padding:6px 8px}input,select,textarea{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:9px 11px;width:100%}textarea{resize:none}.muted{color:var(--muted)}.small{font-size:13px}.error{color:var(--error);margin:4px 0}.pad{padding:12px 16px}.login{min-height:100%;display:grid;place-items:center;padding:16px}.login-card{width:100%;max-width:340px;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:28px;display:grid;grid-gap:12px;gap:12px}.login-card h1{margin:0;font-size:22px}.login-card p{margin:0}.app{display:grid;grid-template-columns:340px 1fr;height:100dvh}.sidebar{background:var(--panel);border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.sidebar-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--border);gap:8px}.head-actions{display:flex;gap:2px}.search{margin:10px 16px;width:auto}.conv-list{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1 1}.conv{width:100%;text-align:left;background:transparent;color:var(--text);border-radius:0;padding:12px 16px;border-bottom:1px solid var(--border);display:grid;grid-gap:2px;gap:2px}.conv.active{background:var(--active)}.conv-bottom,.conv-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.conv-name{font-weight:600}.conv-name,.preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview{font-size:14px}.badge{background:var(--accent);color:var(--accent-text);border-radius:999px;font-size:12px;padding:1px 8px;font-weight:600}.thread{display:flex;flex-direction:column;min-height:0;min-width:0}.thread-head{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--panel);border-bottom:1px solid var(--border)}.back{display:none;font-size:20px}.empty{margin:auto}.messages{flex:1 1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:6px}.bubble{max-width:min(75%,560px);padding:7px 10px 4px;border-radius:10px;border:1px solid var(--border)}.bubble.in{background:var(--in);align-self:flex-start}.bubble.out{background:var(--out);align-self:flex-end;border-color:transparent}.text{white-space:pre-wrap;word-wrap:break-word}.meta{font-size:11px;color:var(--muted);text-align:right;margin-top:2px;display:flex;gap:4px;justify-content:flex-end}.tick.read{color:var(--read)}.media{max-width:100%;max-height:280px;border-radius:6px;display:block;margin-bottom:4px}.media-link{display:inline-block;margin-bottom:4px;font-size:14px}.composer{padding:12px 16px;background:var(--panel);border-top:1px solid var(--border);display:grid;grid-gap:8px;gap:8px}.composer p{margin:0}.composer-row{display:flex;gap:8px;align-items:flex-end}.tpl-preview{white-space:pre-wrap;background:var(--out);border-radius:8px;padding:8px 10px;font-size:14px}.doc{max-width:720px;margin:0 auto;padding:32px 16px 64px}.doc h1{margin-bottom:4px}.doc h2{font-size:18px;margin-top:28px}@media (max-width:760px){.app{grid-template-columns:1fr}.app.has-selection .sidebar,.app:not(.has-selection) .thread{display:none}.back{display:inline-block}.bubble{max-width:88%}}