:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f4f1ec;--surface:#fff;--border:#e4ddd2;--text:#2b2620;--text-secondary:#7a7266;--accent:#c96f4a;--bubble-user:#c96f4a;--bubble-persona:#efeae2;--ok:#5e8f5e}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.layout-root{flex-direction:column;height:100%;display:flex}.app-header{border-bottom:1px solid var(--border);background:var(--surface);align-items:baseline;gap:10px;padding:14px 20px;display:flex}.app-header h1{margin:0;font-size:15px;font-weight:600}.app-header span{color:var(--text-secondary);font-size:12.5px}.layout{flex:1;min-height:0;display:flex}.sidebar{border-right:1px solid var(--border);background:var(--surface);flex-shrink:0;width:260px;overflow-y:auto}.persona-row{border-bottom:1px solid var(--border);cursor:pointer;flex-direction:column;gap:4px;padding:12px 16px;display:flex}.persona-row:hover{background:var(--bg)}.persona-row.selected{background:var(--bubble-persona)}.persona-row .name{font-size:14px;font-weight:500}.persona-row .meta{color:var(--text-secondary);align-items:center;gap:6px;font-size:11.5px;display:flex}.dot{background:#c9b9a6;border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.dot.online{background:var(--ok)}.empty-state{color:var(--text-secondary);text-align:center;padding:24px 16px;font-size:13px}.main{flex-direction:column;flex:1;min-width:0;display:flex}.hint{color:var(--text-secondary);text-align:center;margin:auto;padding:20px;font-size:13.5px}.chat-header{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.chat-header .name{font-size:15px;font-weight:600}.chat-header .status{color:var(--text-secondary);font-size:12px}.messages{flex-direction:column;flex:1;gap:8px;padding:20px;display:flex;overflow-y:auto}.bubble{white-space:pre-wrap;word-break:break-word;border-radius:16px;max-width:60%;padding:10px 14px;font-size:14px;line-height:1.4}.bubble.user{background:var(--bubble-user);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.bubble.persona{background:var(--bubble-persona);color:var(--text);border-bottom-left-radius:4px;align-self:flex-start}.bubble .time{opacity:.6;margin-top:3px;font-size:10px;display:block}.composer{border-top:1px solid var(--border);background:var(--surface);align-items:flex-end;gap:10px;padding:12px 16px;display:flex}.composer textarea{resize:none;border:1px solid var(--border);background:var(--bg);min-height:40px;max-height:120px;color:var(--text);border-radius:12px;flex:1;padding:10px 12px;font-family:inherit;font-size:14px}.composer button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:10px 18px;font-size:14px;font-weight:500}.composer button:disabled{cursor:not-allowed;background:#ccc4b8}.warning-banner{color:#8a4a26;border-bottom:1px solid var(--border);background:#f6e3d8;padding:8px 16px;font-size:12.5px}.toast{color:#fff;opacity:0;pointer-events:none;background:#2b2620;border-radius:10px;padding:10px 16px;font-size:13px;transition:opacity .2s;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.toast.show{opacity:1}