.screen{height:100%;overflow-y:auto;overscroll-behavior:contain;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)}.shell{display:flex;height:100%}.shell-list,.shell-chat{height:100%;min-width:0}.shell-empty{height:100%;display:grid;place-items:center;color:var(--text-2);padding:24px;text-align:center}.shell-divider{display:none}@media(max-width:899px){.shell-list{width:100%}.shell-chat{display:none;width:100%}.shell.has-chat .shell-list{display:none}.shell.has-chat .shell-chat{display:block}}@media(min-width:900px){.shell-list{flex:0 0 var(--list-w, 340px)}.shell-chat{flex:1;min-width:0}.shell-divider{display:block;flex:0 0 5px;cursor:col-resize;background:var(--border);touch-action:none}.shell-divider:hover{background:var(--accent)}.shell-list .app,.shell-chat .chat{max-width:none}}.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}.conv-split,.conv-col{flex:1;min-height:0;display:flex;flex-direction:column}.folders{display:flex;gap:6px;overflow-x:auto;padding:8px 12px;background:var(--surface);border-bottom:1px solid var(--border)}@media(min-width:900px){.conv-split{flex-direction:row}.folders{flex-direction:column;width:88px;flex-shrink:0;overflow-x:hidden;overflow-y:auto;padding:8px;border-bottom:none;border-right:1px solid var(--border);background:var(--surface)}.folders .tab{width:100%;display:flex;flex-direction:column;align-items:center;gap:3px;border:none;background:transparent;border-radius:10px;padding:9px 4px;white-space:normal;word-break:break-word}.folders .tab.active{background:var(--credit-bg);color:var(--accent)}.folder-ic{font-size:22px;line-height:1}.folder-nm{font-size:11px;text-align:center}}@media(max-width:899px){.folder-ic{display:none}}.tabs{display:flex;gap:6px;overflow-x:auto;padding:8px 12px;background:var(--surface);border-bottom:1px solid var(--border)}.tab{flex-shrink:0;background:transparent;border:1px solid var(--border);color:var(--text-2);border-radius:999px;padding:6px 14px;font-size:14px;cursor:pointer;white-space:nowrap}.tab.active{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.folder-bar{display:flex;gap:10px;padding:8px 16px;border-bottom:1px solid var(--border)}.folder-bar button{background:none;border:none;color:var(--accent);font-size:13px;cursor:pointer}.row-menu{display:flex;flex-wrap:wrap;gap:6px;padding:8px 16px 12px 76px;background:var(--surface)}.row-menu button{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:6px 10px;font-size:13px;cursor:pointer}.scroll{flex:1;overflow-y:auto;overscroll-behavior:contain}.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-row.selected{background:var(--credit-bg)}.group-head{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border)}.chips-row{display:flex;flex-wrap:wrap;gap:6px;padding:10px 16px 0}.chip{background:var(--accent);color:var(--accent-text);border:none;border-radius:999px;padding:5px 12px;font-size:13px;cursor:pointer}.list-label{padding:12px 16px 4px;font-size:13px;color:var(--text-2)}.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;overflow-x:hidden;overscroll-behavior:contain;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}.mention{color:var(--accent);font-weight:500}.fwd-label{font-size:11px;opacity:.7;margin-bottom:3px}.reply-quote{border-left:2px solid currentColor;padding-left:8px;margin-bottom:4px;font-size:13px;opacity:.8}.reactions{display:flex;gap:4px;margin:-2px 0 4px}.reactions.out{justify-content:flex-end}.reaction{background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:1px 8px;font-size:12px;cursor:pointer;color:var(--text)}.reaction.mine{background:var(--credit-bg);border-color:var(--accent)}.reply-bar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--surface);border-top:1px solid var(--border);font-size:13px}.reply-bar-text{flex:1;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;padding:20px;z-index:10}.overlay-card{width:100%;max-width:380px;background:var(--bg);border:1px solid var(--border);border-radius:16px;padding:16px}.call-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b0e16;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center}.call-remote{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:#0b0e16}.call-remote-audio{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.call-main,.call-pip,.call-local,.call-mini video{filter:contrast(1.06) saturate(1.18) brightness(1.04)}.call-main{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:#0b0e16;z-index:1}.call-pip,.call-local{position:absolute;right:16px;top:calc(env(safe-area-inset-top,0px) + 16px);width:108px;height:148px;object-fit:cover;border-radius:12px;border:1px solid rgba(255,255,255,.25);background:#11151f;z-index:4;cursor:grab;touch-action:none}.call-min-btn{position:absolute;left:16px;top:calc(env(safe-area-inset-top,0px) + 16px);width:44px;height:44px;border-radius:50%;border:none;background:#0006;color:#fff;display:grid;place-items:center;z-index:5;cursor:pointer}.call-mini{position:fixed;right:12px;bottom:calc(env(safe-area-inset-bottom,0px) + 80px);width:130px;height:180px;border-radius:14px;overflow:hidden;background:#11151f;box-shadow:0 8px 24px #00000080;z-index:60;cursor:grab;touch-action:none}.call-mini video{width:100%;height:100%;object-fit:cover}.call-mini-audio{width:100%;height:100%;display:grid;place-items:center}.call-mini-bar{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:6px;padding:6px 8px;background:linear-gradient(transparent,#000000b3)}.call-mini-name{flex:1;color:#fff;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.call-mini-end{width:28px;height:28px;border-radius:50%;border:none;background:#e74c3c;color:#fff;display:grid;place-items:center;flex-shrink:0;cursor:pointer}.call-hint{position:absolute;bottom:calc(env(safe-area-inset-bottom,0px) + 108px);left:0;right:0;text-align:center;color:#fff9;font-size:12px;display:flex;align-items:center;justify-content:center;gap:6px;z-index:3}.call-status{color:#fff;font-size:20px;z-index:2}.call-controls{position:absolute;bottom:calc(env(safe-area-inset-bottom,0px) + 28px);display:flex;gap:12px;z-index:3}.call-state{position:absolute;top:calc(env(safe-area-inset-top,0px) + 16px);color:#ffffffb3;font-size:13px;z-index:3}.call-btn{display:inline-flex;align-items:center;justify-content:center;background:#ffffff2e;color:#fff;border:none;border-radius:50%;width:62px;height:62px;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.call-btn.off{background:#fff;color:#11151f}.call-btn.accept{background:#2ecc71}.call-btn.end{background:#e74c3c}.call-center{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;z-index:2}.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:8px;padding:5px 10px;padding-bottom:calc(5px + env(safe-area-inset-bottom,0px));background:var(--surface);border-top:1px solid var(--border)}.composer-field{flex:1;min-width:0;padding:8px 14px;border-radius:999px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:16px}.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:50%;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;cursor:pointer;flex-shrink:0}.send-btn:disabled{opacity:.5}.net-banner{position:fixed;top:0;left:0;right:0;z-index:40;text-align:center;padding:calc(env(safe-area-inset-top,0px) + 6px) 12px 6px;font-size:13px;background:var(--danger);color:#fff}.set-cat{font-size:13px;color:var(--text-2);font-weight:600;margin:20px 4px 8px;text-transform:none}.set-group{background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden}.set-row{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;background:none;border:none;border-bottom:1px solid var(--border);color:var(--text);font-size:15px;text-align:left;text-decoration:none;cursor:pointer}.set-group .set-row:last-child{border-bottom:none}.set-row:active{background:var(--bg)}.set-ic{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;font-size:16px;flex-shrink:0;color:#fff}.set-label{flex:1;min-width:0}.set-value{color:var(--text-2);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:45%}.set-chevron{color:var(--text-2);font-size:20px;line-height:1;flex-shrink:0}.set-row.danger{color:var(--danger)}.set-row.danger .set-ic{background:var(--danger)}.switch{position:relative;width:46px;height:27px;flex-shrink:0;cursor:pointer}.switch input{position:absolute;opacity:0;width:0;height:0}.switch .track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:var(--border);transition:background .2s}.switch input:checked+.track{background:var(--accent)}.switch .knob{position:absolute;top:3px;left:3px;width:21px;height:21px;border-radius:50%;background:#fff;transition:transform .2s}.switch input:checked+.track .knob{transform:translate(19px)}.settings-desk{flex:1;min-height:0;display:flex}.settings-nav{flex:0 0 280px;overflow-y:auto;border-right:1px solid var(--border);padding:10px;display:flex;flex-direction:column;gap:2px}.settings-nav .set-row{border-radius:10px;border-bottom:none}.settings-nav .set-row.active{background:var(--credit-bg)}.settings-content{flex:1;min-width:0;overflow-y:auto;padding:20px 24px;max-width:640px}.settings-h{margin:0 0 16px;font-size:22px}.pin-input{display:flex;gap:10px;justify-content:center;margin:4px 0}.pin-cell{width:52px;height:60px;text-align:center;font-size:26px;font-weight:600;border-radius:12px;border:1px solid var(--border);background:var(--bg);color:var(--text);caret-color:var(--accent)}.pin-cell:focus{outline:none;border-color:var(--accent)}.profile-avatar{display:flex;flex-direction:column;align-items:center;gap:12px;margin:8px 0 4px}.avatar-edit{position:absolute;right:0;bottom:0;width:26px;height:26px;border-radius:50%;background:var(--accent);color:var(--accent-text);display:grid;place-items:center;font-size:13px;border:2px solid var(--bg)}.section-title{font-size:14px;color:var(--text-2);font-weight:600;margin:22px 0 10px}.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:var(--app-height, 100%);margin:0;overflow:hidden;overscroll-behavior:none}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);position:fixed;top:var(--app-top, 0);left:0;right:0;height:var(--app-height, 100%);width:100%;max-width:100vw;overflow:hidden;overflow-x:hidden}