:root{--bg:#0f0f14;--panel:#1a1a22;--panel-2:#20202a;--accent:#8b5cf6;--text:#eee;--sub:#999;--emotion-bg:#8b5cf624;--emotion-text:#d8c4ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);min-height:100dvh;margin:0;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,sans-serif}#login-screen{background:var(--panel);text-align:center;border-radius:12px;width:min(400px,100vw - 24px);margin:48px auto;padding:32px}#login-screen h1{margin:0 0 4px;font-size:22px}#login-screen p.tagline{color:var(--sub);margin:0 0 20px;font-size:13px}.loading-screen{height:100dvh;color:var(--sub);justify-content:center;align-items:center;font-size:14px;display:flex}.btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 16px;font-size:14px}.btn:disabled{opacity:.5;cursor:default}.btn.ghost{color:var(--text);background:0 0;border:1px solid #39394a}#app{width:100%;height:100dvh;display:flex;overflow:hidden}#app.chat-mode #sidebar{display:none}#sidebar{background:var(--panel);border-right:1px solid #232330;flex-direction:column;flex-shrink:0;width:280px;padding:16px;display:flex;overflow-y:auto}#sidebar h2{color:var(--sub);margin:0 0 14px;font-size:16px}.sidebar-user{border-bottom:1px solid #232330;align-items:center;gap:10px;margin-bottom:18px;padding-bottom:14px;display:flex}.sidebar-user-name{color:var(--sub);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.char-item{cursor:pointer;text-align:left;width:100%;color:var(--text);font-size:inherit;background:#171720;border:none;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;padding:10px;font-family:inherit;display:flex}.char-item:hover,.char-item.active{background:#2a2a35}.char-main{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.char-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.empty-hint{color:var(--sub);font-size:13px}.avatar{color:#fff;background:#3a3a4d;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;display:inline-flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%;display:block}#main{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.view{flex:1;min-height:0;display:none}.view.active{display:flex}#empty-view{color:var(--sub);text-align:center;justify-content:center;align-items:center;padding:24px;font-size:15px}#detail-view{flex-direction:column;gap:18px;padding:24px;overflow-y:auto}#detail-card{background:var(--panel-2);border:1px solid #2b2b38;border-radius:16px;max-width:820px;padding:20px}#detail-top{align-items:center;gap:12px;margin-bottom:16px;display:flex}#detail-name{font-size:22px;font-weight:700}#detail-persona{white-space:pre-wrap;color:#ddd;background:#151520;border:1px solid #2a2a35;border-radius:12px;padding:14px;font-size:15px;line-height:1.8}.emotion{background:var(--emotion-bg);color:var(--emotion-text);border-radius:999px;margin:0 1px;padding:1px 8px;font-size:.95em;font-style:italic;display:inline-block}#chat-view{flex-direction:column;min-height:0}#chat-header{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f0f1499;border-bottom:1px solid #222;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}#chat-header-left{align-items:center;gap:10px;min-width:0;display:flex}#chat-title{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}#messages{flex-direction:column;flex:1;gap:12px;min-height:0;padding:16px;display:flex;overflow-y:auto}.msg-row{align-items:flex-end;gap:8px;max-width:min(92%,860px);display:flex}.msg-row.user{flex-direction:row-reverse;margin-left:auto}.msg{white-space:pre-wrap;word-break:break-word;border-radius:14px;padding:10px 14px;font-size:15px;line-height:1.65}.msg.user{background:var(--accent);color:#fff}.msg.assistant{background:var(--panel);border:1px solid #2a2a35}#input-area{background:#121219;border-top:1px solid #222;flex-shrink:0;gap:8px;padding:12px;display:flex;position:sticky;bottom:0}#input-area input{min-width:0;color:var(--text);background:#111;border:1px solid #333;border-radius:8px;flex:1;padding:12px;font-size:16px}.error-banner{color:#f66;padding:8px 16px;font-size:13px}@media (width<=900px){#app{flex-direction:column;height:100dvh}#sidebar{border-bottom:1px solid #232330;border-right:none;width:100%;max-height:38dvh}#main{min-height:0}#detail-view{padding:16px}#messages{padding:12px}.msg-row{max-width:100%}}