.screen{min-height:100%;display:grid;place-items:center;padding:24px}.card{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:32px}.card h1{margin:0 0 8px;font-size:26px}.subtitle{margin:0 0 16px;color:var(--text-2)}.muted{color:var(--text-2);font-size:14px;margin:4px 0}.form{display:flex;flex-direction:column;gap:10px;margin:12px 0}.input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:16px}.input:focus{outline:none;border-color:var(--accent)}.actions{display:flex;gap:10px;margin-top:16px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 18px;border-radius:12px;border:none;background:var(--accent);color:var(--accent-text);font-size:15px;font-weight:600;cursor:pointer;text-decoration:none}.btn:disabled{opacity:.5;cursor:default}.btn-ghost{background:var(--surface);border:1px solid var(--border);color:var(--text)}.btn-danger{background:var(--surface);border:1px solid var(--border);color:var(--danger)}.badge{display:inline-block;padding:8px 14px;border-radius:12px;font-size:14px;background:var(--surface);color:var(--text)}.badge-ok{background:var(--credit-bg);color:var(--credit-text)}.badge-down{background:#f8717126;color:var(--danger)}.avatar{border-radius:50%;object-fit:cover;flex-shrink:0}.avatar-empty{display:grid;place-items:center;font-weight:600;color:var(--accent-text);background:var(--accent);flex-shrink:0}.credit-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 11px 5px 9px;border-radius:999px;background:var(--credit-bg);color:var(--credit-text);font-size:13px;font-weight:600}.credit-coin{width:11px;height:11px;border-radius:50%;background:var(--credit-text)}.app{display:flex;flex-direction:column;height:100%;max-width:720px;margin:0 auto}.topbar{display:flex;align-items:center;gap:10px;padding:14px 16px;background:var(--surface);border-bottom:1px solid var(--border)}.topbar .title{font-size:20px;font-weight:600;flex:1}.iconbtn{background:none;border:none;color:var(--text);font-size:22px;cursor:pointer;padding:4px 8px;text-decoration:none}.scroll{flex:1;overflow-y:auto}.conv-row{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;text-decoration:none;color:var(--text)}.conv-row:hover{background:var(--surface)}.conv-mid{flex:1;min-width:0}.conv-name{font-size:15px;font-weight:600;display:flex;align-items:center;gap:6px}.conv-last{font-size:13px;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.conv-time{font-size:12px;color:var(--text-2)}.unread{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--accent);color:var(--accent-text);font-size:11px;font-weight:600;display:inline-flex;align-items:center;justify-content:center}.online-dot{width:9px;height:9px;border-radius:50%;background:var(--credit-text);display:inline-block}.check{width:24px;height:24px;border-radius:50%;border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center;font-size:13px;color:var(--accent-text)}.check.on{background:var(--accent);border-color:var(--accent)}.empty{text-align:center;color:var(--text-2);padding:40px 24px}.chat{display:flex;flex-direction:column;height:100%;max-width:720px;margin:0 auto}.chat-head{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--surface);border-bottom:1px solid var(--border)}.chat-head .who{flex:1;min-width:0}.chat-head .who .nm{font-size:15px;font-weight:600}.chat-head .who .st{font-size:12px;color:var(--text-2)}.chat-head .who .st.live{color:var(--accent)}.chat-msgs{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:16px}.bubble{max-width:76%;padding:9px 12px;border-radius:16px;font-size:15px;line-height:1.35;word-wrap:break-word;white-space:pre-wrap}.bubble.in{align-self:flex-start;background:var(--bubble-in);color:var(--bubble-in-text);border-bottom-left-radius:5px}.bubble.out{align-self:flex-end;background:var(--bubble-out);color:var(--bubble-out-text);border-bottom-right-radius:5px}.read-status{align-self:flex-end;font-size:11px;color:var(--text-2);margin-top:-4px}.ai-card{align-self:stretch;background:var(--ai-bg);border:1px solid var(--ai-border);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:8px}.ai-pill{align-self:flex-start;background:var(--ai-pill);color:#fff;font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px}.ai-body{font-size:15px;line-height:1.45;color:var(--ai-text)}.ai-remix{display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-size:13px;cursor:pointer}.att-image{max-width:240px;max-height:280px;border-radius:10px;display:block}.att-audio{max-width:240px;height:40px}.att-file{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}.att-file-icon{font-size:20px}.att-file-meta{display:flex;flex-direction:column}.att-file-name{font-weight:500}.attach-menu{display:flex;flex-direction:column;gap:4px;margin:0 12px 8px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:6px}.attach-menu button{text-align:left;background:none;border:none;color:var(--text);padding:10px 12px;border-radius:8px;font-size:15px;cursor:pointer}.attach-menu button:hover{background:var(--bg)}.attach-menu button:disabled{opacity:.5;cursor:default}.edited-mark{font-size:11px;opacity:.65;margin-left:6px}.msg-actions{display:flex;gap:8px;margin:-2px 0 4px}.msg-actions.right{align-self:flex-end}.msg-actions button{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:4px 10px;font-size:13px;cursor:pointer}.rec-dot{width:12px;height:12px;border-radius:50%;background:var(--danger);display:inline-block;margin-right:8px}.composer{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--surface);border-top:1px solid var(--border)}.composer-field{flex:1;padding:11px 14px;border-radius:999px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:15px}.composer-field:focus{outline:none;border-color:var(--accent)}.ai-btn{width:40px;height:40px;border-radius:50%;border:none;background:var(--accent);color:var(--accent-text);font-size:13px;font-weight:600;cursor:pointer;flex-shrink:0}.send-btn{border:none;background:var(--accent);color:var(--accent-text);border-radius:999px;padding:10px 16px;font-size:15px;font-weight:600;cursor:pointer}.send-btn:disabled{opacity:.5}.profile-avatar{display:flex;flex-direction:column;align-items:center;gap:12px;margin:8px 0 4px}.theme-chips{display:flex;gap:10px}.theme-chip{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px;border-radius:12px;background:var(--surface);border:1px solid var(--border);cursor:pointer}.theme-chip.active{border:2px solid var(--accent)}.theme-swatch{width:100%;height:40px;border-radius:8px;border:1px solid var(--border)}.theme-name{font-size:12px;color:var(--text-2)}.theme-chip.active .theme-name{color:var(--text);font-weight:600}:root,:root[data-theme=dark]{--bg: #0e1117;--surface: #141a2e;--border: #232838;--text: #e6ebf5;--text-2: #8a93a8;--accent: #7f77dd;--accent-text: #ffffff;--bubble-in: #1b2236;--bubble-in-text: #d7deec;--bubble-out: #378add;--bubble-out-text: #ffffff;--ai-bg: #161b2e;--ai-border: #3c3489;--ai-pill: #7f77dd;--ai-text: #c9cee6;--credit-bg: #1b2236;--credit-text: #5dcaa5;--danger: #f08c8c;color-scheme:dark}:root[data-theme=warm]{--bg: #fbf4ee;--surface: #fff6ef;--border: #eadfd5;--text: #4a1b0c;--text-2: #b0795e;--accent: #d85a30;--accent-text: #ffffff;--bubble-in: #ffffff;--bubble-in-text: #4a2a1e;--bubble-out: #f0997b;--bubble-out-text: #4a1b0c;--ai-bg: #fff1ea;--ai-border: #f0c4b3;--ai-pill: #d85a30;--ai-text: #5b3a2e;--credit-bg: #faece7;--credit-text: #993c1d;--danger: #b3402a;color-scheme:light}:root[data-theme=light]{--bg: #f7f6f2;--surface: #ffffff;--border: #e4e2da;--text: #2c2c2a;--text-2: #888780;--accent: #378add;--accent-text: #ffffff;--bubble-in: #f1efe8;--bubble-in-text: #2c2c2a;--bubble-out: #378add;--bubble-out-text: #ffffff;--ai-bg: #e6f1fb;--ai-border: #b5d4f4;--ai-pill: #185fa5;--ai-text: #1f3a52;--credit-bg: #e6f1fb;--credit-text: #185fa5;--danger: #c0392b;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}