.login-page{z-index:200;background:#f7f7f8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.login-container{flex-direction:column;align-items:center;width:100%;max-width:400px;padding:0 24px;display:flex}.login-brand{align-items:center;gap:1px;margin-bottom:6px;display:flex}.login-logo{object-fit:contain;width:56px;height:56px}.login-title{color:var(--text-primary);letter-spacing:-.5px;margin:0;font-size:36px;font-weight:700}.login-subtitle{color:var(--text-tertiary);letter-spacing:.5px;margin:0 0 32px;font-size:12px;font-weight:400}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;width:100%;padding:28px 28px 24px;box-shadow:0 2px 12px #0000000a}.login-step-panel{flex-direction:column;gap:12px;width:100%;animation:.25s loginFadeIn;display:flex}.login-card-title{color:var(--text-primary);text-align:center;margin-bottom:8px;font-size:17px;font-weight:600}.login-input{border:1px solid var(--border);width:100%;height:48px;font-family:var(--font);color:var(--text-primary);background:var(--bg);box-sizing:border-box;border-radius:14px;outline:none;padding:0 16px;font-size:14px;transition:border-color .2s,box-shadow .2s}.login-input::placeholder{color:var(--text-tertiary)}.login-input:focus{border-color:var(--text-primary);box-shadow:0 0 0 2px #0000000f}.login-primary-btn{background:var(--text-primary);color:#fff;width:100%;height:48px;font-family:var(--font);cursor:pointer;border:none;border-radius:14px;margin-top:4px;font-size:14px;font-weight:600;transition:all .2s}.login-primary-btn:hover{background:#222}.login-primary-btn:active{transform:scale(.98)}.login-primary-btn:disabled{opacity:.45;cursor:not-allowed}.login-link-btn{color:var(--text-primary);font-family:var(--font);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-size:13px;font-weight:500;text-decoration:underline}.login-link-btn:hover{color:#000}.login-text-btn{color:var(--text-tertiary);font-family:var(--font);cursor:pointer;background:0 0;border:none;margin-top:12px;padding:0;font-size:13px;font-weight:500;transition:color .2s}.login-text-btn:hover{color:var(--text-secondary)}.reg-method-row{background:var(--bg);border-radius:12px;gap:4px;margin-bottom:4px;padding:3px;display:flex}.reg-method-btn{height:34px;font-family:var(--font);color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;font-size:13px;font-weight:500;transition:all .2s}.reg-method-btn:hover{color:var(--text-secondary)}.reg-method-btn.active{background:var(--surface);color:var(--text-primary);box-shadow:0 1px 3px #0000000f}.phone-input-row{gap:8px;width:100%;display:flex}.phone-prefix{border:1px solid var(--border);background:var(--bg);width:64px;height:48px;color:var(--text-secondary);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:500;display:flex}.login-input.phone{flex:1}.reg-code-section{border-top:1px solid var(--border);margin-top:20px;padding-top:20px}.reg-code-title{color:var(--text-primary);margin-bottom:6px;font-size:15px;font-weight:600}.reg-code-desc{color:var(--text-tertiary);margin-bottom:12px;font-size:13px}.code-input-row{gap:8px;margin-bottom:20px;display:flex}.code-digit{border:1px solid var(--border);background:var(--bg);width:44px;height:52px;font-family:var(--font);color:var(--text-primary);text-align:center;caret-color:var(--text-primary);border-radius:14px;outline:none;font-size:22px;font-weight:600;transition:border-color .2s,box-shadow .2s}.code-digit:focus{border-color:var(--text-primary);box-shadow:0 0 0 2px #0000000f}.reg-code-resend{color:var(--text-tertiary);margin-bottom:4px;font-size:13px}.resend-timer{font-variant-numeric:tabular-nums}.reg-done{flex-direction:column;align-items:center;width:100%;animation:.3s loginFadeIn;display:flex}.reg-done-icon{margin-bottom:16px}.reg-done-title{color:var(--text-primary);margin-bottom:6px;font-size:18px;font-weight:600}.reg-done-desc{color:var(--text-tertiary);text-align:center;margin-bottom:20px;font-size:13px;line-height:1.5}.reg-url-box{background:var(--bg);border:1px solid var(--border);border-radius:14px;align-items:center;gap:8px;width:100%;margin-bottom:8px;padding:10px 12px;display:flex}.reg-url-value{color:var(--text-secondary);font-size:11px;font-family:var(--font-mono);word-break:break-all;flex:1;line-height:1.5}.reg-url-copy{border:1px solid var(--border);background:var(--surface);height:32px;font-family:var(--font);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:10px;flex-shrink:0;align-items:center;gap:4px;padding:0 12px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.reg-url-copy:hover{color:var(--text-primary);border-color:#aaa}.reg-url-copy.copied{color:#22c55e;border-color:#22c55e40}.reg-url-copy svg{width:14px;height:14px}.reg-url-hint{color:var(--text-tertiary);text-align:center;margin-bottom:24px;font-size:11px}.invitation-input{font-family:var(--font-mono,monospace);letter-spacing:1.5px;text-transform:uppercase;font-weight:600;font-size:16px!important}.login-lang-switcher{border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);height:34px;font-family:var(--font);color:var(--text-secondary);cursor:pointer;background:#ffffffb3;border-radius:10px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex;position:absolute;top:20px;right:24px}.login-lang-switcher:hover{color:var(--text-primary);background:#ffffffe6;border-color:#aaa}.login-lang-switcher:active{transform:scale(.97)}.login-lang-switcher svg{opacity:.6;flex-shrink:0}.login-error{color:#ef4444;text-align:center;margin:0;font-size:13px}@keyframes loginFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.login-page{padding:max(20px, var(--mobile-safe-top)) var(--page-padding-mobile) max(20px, var(--mobile-safe-bottom));align-items:flex-start;overflow-y:auto}.login-container{max-width:none;padding:48px 0 0}.login-brand{margin-bottom:4px}.login-logo{width:48px;height:48px}.login-title{font-size:30px}.login-subtitle{text-align:center;margin-bottom:20px}.login-card{padding:20px 16px 18px}.code-input-row{justify-content:space-between;gap:6px}.code-digit{width:calc(16.6667% - 5px);min-width:0;height:48px;font-size:20px}.login-lang-switcher{top:max(12px, var(--mobile-safe-top));right:var(--page-padding-mobile)}}@media (width<=480px){.login-page{padding-left:var(--page-padding-mobile-sm);padding-right:var(--page-padding-mobile-sm)}.login-container{padding-top:40px}.login-title{font-size:26px}.login-card{border-radius:18px;padding:18px 14px 16px}.phone-input-row{gap:6px}.phone-prefix{width:56px}.code-digit{border-radius:12px;height:44px;font-size:18px}.login-lang-switcher{right:var(--page-padding-mobile-sm);padding:0 10px}}.chat-page{height:var(--app-height);background:var(--bg);color:var(--text-primary);display:flex;position:relative;overflow:hidden}.nav-bar{width:var(--nav-width);background:var(--surface);border-right:1px solid var(--border);z-index:10;flex-direction:column;flex-shrink:0;align-items:center;padding:16px 0;display:flex}.mobile-overlay-backdrop{z-index:40;background:#0f172a47;position:fixed;inset:0}.nav-logo{cursor:pointer;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:24px;text-decoration:none;display:flex}.nav-logo img{object-fit:contain;width:28px;height:28px}.nav-items{flex-direction:column;flex:1;gap:4px;display:flex}.nav-item{border-radius:var(--radius-sm);cursor:pointer;width:40px;height:40px;transition:all var(--transition);color:var(--text-tertiary);justify-content:center;align-items:center;display:flex;position:relative}.nav-item:hover{background:var(--bg);color:var(--text-secondary)}.nav-item.active{background:var(--bg);color:var(--text-primary)}.nav-item.active:before{content:"";background:var(--text-primary);border-radius:0 2px 2px 0;width:3px;height:16px;position:absolute;left:-8px}.nav-item svg{width:20px;height:20px}.nav-item-icon-wrap{justify-content:center;align-items:center;display:inline-flex;position:relative}.nav-claw-icon{object-fit:contain;opacity:.7;width:28px;height:28px;transition:opacity var(--transition)}.nav-item:hover .nav-claw-icon,.nav-item.active .nav-claw-icon{opacity:1}.nav-badge{color:#fff;box-sizing:border-box;pointer-events:none;background:#e11d48;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:600;line-height:1;display:flex;position:absolute;top:-5px;right:-8px;box-shadow:0 1px 3px #00000026}.nav-bottom{flex-direction:column;gap:4px;margin-top:auto;display:flex}.nav-logout{color:#dc2626!important}.nav-logout:hover{color:#dc2626!important;background:#fef2f2!important}.nav-logout svg{width:18px;height:18px}.logout-confirm-dialog{max-width:340px}.logout-confirm-message{color:var(--text-secondary);margin:8px 0 20px;font-size:14px;line-height:1.5}.dialog-actions .danger{color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition);background:#dc2626;border:none;padding:6px 16px;font-size:13px;font-weight:500}.dialog-actions .danger:hover{background:#b91c1c}.remove-friend-confirm-dialog{max-width:360px}.remove-friend-confirm-message{color:var(--text-secondary);margin:8px 0 20px;font-size:14px;line-height:1.5}.list-header{justify-content:space-between;align-items:center;padding:20px 20px 12px;display:flex}.list-header h2{letter-spacing:-.3px;color:var(--text-primary);margin:0;font-size:18px;font-weight:600}.list-header-action{border-radius:var(--radius-sm);cursor:pointer;width:28px;height:28px;color:var(--text-tertiary);transition:all var(--transition);background:0 0;border:none;justify-content:center;align-items:center;font-size:18px;display:flex}.list-header-action:hover{background:var(--bg);color:var(--text-primary)}.list-header-actions{align-items:center;gap:4px;display:flex}.list-search{padding:0 16px 12px}.list-search input{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;height:36px;font-size:13px;font-family:var(--font);background:var(--bg);color:var(--text-primary);transition:border-color var(--transition);box-sizing:border-box;outline:none;padding:0 12px}.list-search input::placeholder{color:var(--text-tertiary)}.list-search input:focus{border-color:#ccc}.contact-sub-tabs{gap:2px;padding:0 16px 10px;display:flex}.contact-sub-tab{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);height:30px;color:var(--text-tertiary);cursor:pointer;transition:all var(--transition);flex:1;font-size:12px;font-weight:500}.contact-sub-tab:hover{color:var(--text-secondary)}.contact-sub-tab.active{background:var(--text-primary);color:#fff;border-color:var(--text-primary)}.agent-panel{flex:1;padding:0 8px 8px;overflow-y:auto}.notification-container{z-index:2000;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%)}.notification-toast{background:var(--text-primary);color:#fff;box-shadow:var(--shadow-lg);border-radius:10px;padding:10px 18px;font-size:13px;animation:.3s ease-out notifySlideDown}@keyframes notifySlideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.ws-status-bar{z-index:300;justify-content:center;align-items:center;gap:8px;padding:6px 0;font-size:12px;font-weight:500;animation:.3s ease-out slideDown;display:flex;position:fixed;top:0;left:0;right:0}.ws-status-connecting{color:#92400e;background:#fef3c7}.ws-status-disconnected{color:#991b1b;background:#fee2e2}.ws-status-dot{border-radius:50%;width:6px;height:6px;display:inline-block}.ws-status-connecting .ws-status-dot{background:#f59e0b;animation:1.5s infinite pulse}.ws-status-disconnected .ws-status-dot{background:#ef4444}.ws-status-replaced{color:#92400e;background:#fef3c7}.ws-status-replaced .ws-status-dot{background:#f59e0b}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.sidebar{width:var(--list-width);min-width:var(--list-width);background:var(--surface);border-right:1px solid var(--border);flex-direction:column;display:flex;overflow:hidden}.icon-btn{border-radius:var(--radius-sm);background:var(--bg);width:32px;height:32px;color:var(--text-primary);cursor:pointer;transition:background var(--transition);border:none;justify-content:center;align-items:center;font-size:16px;display:flex}.icon-btn:hover{background:var(--border)}.tab-badge{color:#fff;text-align:center;background:#e11d48;border-radius:8px;min-width:16px;height:16px;margin-left:4px;padding:0 4px;font-size:10px;line-height:16px;display:inline-block}.demo-scene-btn{background:var(--bg);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition);align-items:center;gap:10px;margin:0 12px 12px;padding:10px 12px;display:flex}.demo-scene-btn:hover{background:var(--border-light)}.demo-scene-play{background:var(--surface);border:1px solid var(--border);width:28px;height:28px;color:var(--text-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.demo-scene-play svg{margin-left:2px}.demo-scene-content{flex:1;min-width:0}.demo-scene-title{color:var(--text-secondary);margin-bottom:2px;font-size:12px;font-weight:500}.demo-scene-desc{color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.group-list{flex:1;padding:8px;overflow-y:auto}.group-item{cursor:pointer;transition:background var(--transition);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.group-item:hover,.group-item.active{background:var(--bg)}.group-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative}.group-avatar-text{color:#fff;text-transform:uppercase;font-size:14px;font-weight:600}.group-status-dot{border:2px solid var(--surface);border-radius:50%;width:10px;height:10px;position:absolute;bottom:0;right:0}.group-status-dot.green{background:#22c55e}.group-status-dot.orange{background:#f59e0b}.group-info{flex:1;min-width:0}.group-info-top{justify-content:space-between;align-items:center;margin-bottom:3px;display:flex}.group-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.group-item.active .group-name{font-weight:600}.group-time{color:var(--text-tertiary);flex-shrink:0;margin-left:8px;font-size:11px}.group-preview{color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.unread-badge{color:#fff;text-align:center;background:#e11d48;border-radius:10px;flex-shrink:0;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:600;line-height:20px}.empty-hint{text-align:center;color:var(--text-tertiary);padding:32px 16px;font-size:13px}.friend-panel{flex:1;padding:8px;overflow-y:auto}.friend-panel-header{margin-bottom:8px;padding:8px}.search-btn{border:1px dashed var(--border);width:100%;color:var(--text-tertiary);cursor:pointer;transition:all var(--transition);background:0 0;border-radius:10px;padding:10px;font-size:13px}.search-btn:hover{border-color:var(--text-primary);color:var(--text-primary)}.section-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;padding:8px 12px;font-size:11px;font-weight:600}.pending-section{margin-bottom:12px}.pending-item{border-radius:var(--radius-sm);background:#fffbeb;border:1px solid #fde68a;align-items:center;gap:10px;margin-bottom:6px;padding:8px 12px;display:flex}.pending-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:28px;height:28px}.pending-info{flex:1;min-width:0;overflow:hidden}.pending-from{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.pending-message{color:var(--text-tertiary,#999);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:12px;font-style:italic;overflow:hidden}.pending-message:before,.pending-message:after{content:"\""}.pending-actions{flex-shrink:0;gap:6px;margin-left:auto;display:flex}.accept-btn{color:#fff;cursor:pointer;transition:background var(--transition);background:#22c55e;border:none;border-radius:6px;padding:4px 12px;font-size:12px}.accept-btn:hover{background:#16a34a}.reject-btn{background:var(--bg);color:var(--text-secondary);cursor:pointer;transition:background var(--transition);border:none;border-radius:6px;padding:4px 12px;font-size:12px}.reject-btn:hover{background:var(--border)}.friend-item{border-radius:var(--radius-sm);transition:background var(--transition);align-items:center;gap:10px;padding:10px 12px;display:flex;position:relative}.friend-item:hover{background:var(--bg)}.friend-item .start-chat-btn{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;margin-left:auto;padding:4px 6px;font-size:14px;display:none}.friend-item:hover .start-chat-btn{display:block}.friend-item .start-chat-btn:hover{color:var(--text-primary);background:var(--border-light)}.friend-item .remove-btn{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:4px 6px;font-size:14px;display:none}.friend-item:hover .remove-btn{display:block}.friend-item .remove-btn:hover{color:#ef4444;background:#ef44441a}.friend-item .remark-btn{cursor:pointer;color:var(--text-tertiary,#999);background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:2px 4px;font-size:12px;line-height:1;display:none}.friend-item:hover .remark-btn{display:block}.friend-item .remark-btn:hover{color:var(--text-primary);background:var(--border-light)}.friend-original-name{color:var(--text-tertiary,#999);margin-left:4px;font-size:11px;font-weight:400}.remark-edit-inline{flex-shrink:0;align-items:center;gap:4px;margin-left:auto;display:flex}.remark-input{border:1px solid var(--border);background:var(--bg);width:90px;color:var(--text-primary);border-radius:4px;padding:3px 6px;font-size:12px}.remark-input:focus{border-color:var(--accent);outline:none}.remark-save-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:14px}.remark-save-btn:hover{background:var(--border-light);color:var(--text-primary)}.friend-item.self-entry{cursor:pointer;border-bottom:1px solid var(--border-light);margin-bottom:4px;padding-bottom:12px}.self-tag{color:var(--text-tertiary);background:var(--bg);vertical-align:middle;border-radius:4px;margin-left:6px;padding:1px 5px;font-size:11px;font-weight:400;display:inline-block}.friend-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:32px;height:32px}.friend-avatar-placeholder{background:var(--bg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.friend-info{flex:1;min-width:0}.friend-name{color:var(--text-primary);font-size:14px;font-weight:500}.friend-status{color:var(--text-tertiary);margin-top:2px;font-size:11px}.chat-area{background:var(--bg);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.chat-header-zone{z-index:20;pointer-events:none;background:linear-gradient(to bottom, var(--bg) 60%, transparent 100%);padding:24px 28px 36px;position:absolute;top:0;left:0;right:0}.chat-header{box-shadow:none;background:0 0;border:none;justify-content:space-between;align-items:center;display:flex}.chat-header-left,.chat-header-actions{pointer-events:all}.chat-header-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.chat-mobile-nav-btn{border:1px solid var(--border);background:var(--surface);width:34px;height:34px;color:var(--text-primary);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.chat-mobile-nav-btn svg{width:16px;height:16px}.chat-header-group-avatar{object-fit:cover;border-radius:8px;flex-shrink:0;width:36px;height:36px;margin-top:-2px;transition:opacity .15s;display:block}.chat-header-group-avatar:hover{opacity:.8}.chat-header-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:15px;font-weight:600;overflow:hidden}.chat-header-summary{border:1px solid var(--border);background:var(--surface);cursor:pointer;height:28px;font-family:var(--font);color:var(--text-secondary);transition:all var(--transition);border-radius:14px;align-items:center;gap:5px;padding:0 10px;font-size:12px;font-weight:500;display:flex}.chat-header-summary:hover{color:var(--text-primary);border-color:var(--text-tertiary)}.summary-avatars{flex-shrink:0;align-items:center;display:flex}.summary-av{object-fit:cover;border:1.5px solid #fff;border-radius:50%;width:20px;height:20px;margin-left:-6px;display:block}.summary-av:first-child{margin-left:0}.summary-avatars.claw .summary-av{border-style:dashed;border-color:#ccc}.summary-sep{color:var(--text-tertiary);margin:0 1px;font-size:11px}.chat-header-actions{gap:6px;display:flex}.chat-header-icon-btn{background:var(--surface);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:0 1px 3px #00000014}.chat-header-icon-btn:after{content:attr(data-tooltip);background:var(--text-primary);color:var(--bg);border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none;opacity:0;padding:4px 10px;font-size:12px;line-height:1.4;transition:opacity .15s;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)}.chat-header-icon-btn:hover:after{opacity:1}.chat-header-icon-btn:hover{color:var(--text-primary);box-shadow:0 1px 4px #0000001f}.chat-header-icon-btn.active{color:var(--text-primary);background:var(--surface);box-shadow:0 1px 4px #0000001f}.chat-header-icon-btn svg{width:16px;height:16px}.chat-header-icon-btn img{object-fit:contain;border-radius:4px;width:25px;height:25px}.chat-header-info{align-items:center;gap:12px;display:flex}.member-count{color:var(--text-tertiary);font-size:13px}.control-buttons{gap:8px;display:flex}.control-group{background:var(--bg);border-radius:var(--radius-sm);border:1px solid var(--border);align-items:center;gap:4px;padding:4px 8px;display:flex}.control-label{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:80px;font-size:11px;overflow:hidden}.control-btn{cursor:pointer;width:26px;height:26px;transition:background var(--transition);border:none;border-radius:6px;justify-content:center;align-items:center;font-size:12px;display:flex}.control-btn.danger{color:#dc2626;background:#fee2e2}.control-btn.danger:hover{color:#fff;background:#dc2626}.control-btn.warning{color:#d97706;background:#fef3c7}.control-btn.warning:hover{color:#fff;background:#d97706}.control-btn.success{color:#16a34a;background:#dcfce7}.control-btn.success:hover{color:#fff;background:#16a34a}.leave-btn{color:#dc2626!important;font-size:12px!important}.leave-btn:hover{background:#fee2e2!important}.member-bar{border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:nowrap;gap:6px;padding:8px 24px;display:flex;overflow-x:auto}.member-chip{background:var(--bg);border-radius:var(--radius-xl);white-space:nowrap;border:1px solid #0000;flex-shrink:0;align-items:center;gap:4px;padding:4px 10px;font-size:12px;display:flex}.member-chip.my-agent{background:var(--surface);border:1px dashed #bbb}.chip-avatar{object-fit:cover;border-radius:50%;width:18px;height:18px}.chip-avatar-placeholder{font-size:12px}.chip-name{color:var(--text-secondary)}.chip-tag{color:var(--text-primary);background:var(--bg);border-radius:4px;padding:1px 5px;font-size:10px}.chip-paused{color:#d97706;background:#d977061a;border-radius:4px;padding:1px 5px;font-size:10px}.chip-remove{color:var(--text-tertiary);cursor:pointer;opacity:0;transition:opacity var(--transition);background:0 0;border:none;margin-left:2px;padding:0 2px;font-size:11px}.member-chip:hover .chip-remove{opacity:1}.chip-remove:hover{color:#dc2626}.message-list-container{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.message-list{background:var(--bg);flex-direction:column;flex:1;gap:16px;padding:100px 40px 44px;display:flex;overflow-y:auto}.scroll-to-bottom-btn{border:1px solid var(--border);background:var(--surface);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;box-shadow:var(--shadow-md);transition:all var(--transition);z-index:10;border-radius:50%;justify-content:center;align-items:center;animation:.2s fadeInUp;display:flex;position:absolute;bottom:16px;right:24px}.scroll-to-bottom-btn:hover{background:var(--bg);color:var(--text-primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.scroll-to-bottom-btn svg{width:20px;height:20px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-list::-webkit-scrollbar{width:4px}.message-list::-webkit-scrollbar-track{background:0 0}.message-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.load-more-indicator{text-align:center;color:var(--text-tertiary);flex-shrink:0;padding:12px;font-size:13px}.msg{flex-direction:column;max-width:min(520px,75%);animation:.3s msgIn;display:flex;position:relative}.msg.self,.msg.other{align-self:flex-end;align-items:flex-end}.msg.claw-msg{align-self:flex-start;align-items:flex-start;max-width:min(640px,85%)}.claw-badge{color:var(--text-secondary);background:var(--bg);border:1px solid var(--border-light);cursor:pointer;border-radius:10px;align-items:center;gap:4px;margin-bottom:4px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.claw-badge .claw-dot{object-fit:cover;border-radius:50%;width:14px;height:14px}.claw-badge .claw-dot-placeholder{background:var(--border);justify-content:center;align-items:center;font-size:10px;display:inline-flex}.msg-bubble{border-radius:var(--radius-lg);word-break:break-word;padding:10px 16px;font-size:14px;line-height:1.6;position:relative}.msg.self .msg-bubble{color:var(--text-primary);background:#dbeafe;border:none;border-bottom-right-radius:4px}.msg.other .msg-bubble{color:var(--text-primary);border:1px solid var(--border);background:#fff;border-bottom-right-radius:4px}.msg.claw-msg .msg-bubble{box-shadow:none;color:var(--text-secondary);border:none;border-left:2px solid var(--claw-color,#bbb);background:0 0;border-radius:0;padding:4px 0 4px 12px}.msg-text{white-space:pre-wrap}.msg-text .md-body{white-space:normal}.msg-text .md-p{margin:0}.msg-text .md-p+.md-p{margin-top:.25em}.msg-bubble strong{font-weight:600}.msg-bubble em{font-style:italic}.msg-bubble del{opacity:.7;text-decoration:line-through}.msg-bubble .md-inline-code{background:#0000000f;border-radius:4px;padding:1px 5px;font-family:SF Mono,Fira Code,monospace;font-size:.88em}.msg.self .msg-bubble .md-inline-code{background:#0000000f}.msg-bubble .md-pre{color:#cdd6f4;background:#1e1e2e;border-radius:8px;margin:6px 0;padding:10px 12px;font-size:12.5px;line-height:1.5;overflow-x:auto}.msg-bubble .md-pre code{font-family:SF Mono,Fira Code,Menlo,monospace;font-size:inherit;color:inherit;background:0 0;border-radius:0;padding:0}.msg-bubble ul,.msg-bubble ol{margin:2px 0;padding-left:1.5em}.msg-bubble li{margin:0}.msg-bubble li+li{margin-top:1px}.msg-bubble li>p{margin:0}.msg-bubble li>p+p{margin-top:.15em}.msg-bubble blockquote{border-left:3px solid var(--border);color:var(--text-secondary);background:#00000005;border-radius:0 4px 4px 0;margin:6px 0;padding:4px 12px}.msg.self .msg-bubble blockquote{background:#0000000a;border-left-color:#3b82f666}.msg.claw-msg .msg-bubble blockquote{border-left-color:var(--border)}.msg-bubble h1,.msg-bubble h2,.msg-bubble h3,.msg-bubble h4,.msg-bubble h5,.msg-bubble h6{margin:8px 0 4px;font-weight:600;line-height:1.3}.msg-bubble h1{font-size:1.25em}.msg-bubble h2{font-size:1.15em}.msg-bubble h3{font-size:1.05em}.msg-bubble hr{border:none;border-top:1px solid var(--border);margin:8px 0}.msg-bubble a{color:#3b82f6;text-decoration:none}.msg-bubble a:hover{text-decoration:underline}.msg.self .msg-bubble a{color:#1d4ed8}.msg-bubble .md-table-wrap{margin:6px 0;overflow-x:auto}.msg-bubble table{border-collapse:collapse;min-width:100%;font-size:13px}.msg-bubble th,.msg-bubble td{border:1px solid var(--border);text-align:left;padding:4px 10px}.msg-bubble th{background:#0000000a;font-weight:600}.msg.self .msg-bubble th{background:#0000000f}.msg-bubble input[type=checkbox]{pointer-events:none;margin-right:6px}.msg-sender-profile{align-items:center;gap:6px;margin-bottom:4px;padding:0 2px;display:flex}.msg-sender-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:20px;height:20px}.msg-sender-avatar-fallback{color:#fff;background:#333;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:600;display:flex}.msg-sender-name{color:var(--text-secondary);font-size:12px;font-weight:500;line-height:1}.msg-meta{color:var(--text-tertiary);align-items:center;gap:6px;margin-top:4px;padding:0 4px;font-size:11px;display:flex}.msg-sending .msg-bubble{opacity:.7}.msg-failed .msg-bubble{opacity:.8}.msg-status-sending{color:var(--text-tertiary);font-size:11px}.msg-status-failed{color:#ef4444;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:11px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.msg-status-failed:hover{color:#dc2626}.msg-system{color:var(--text-tertiary);align-self:center;align-items:center;gap:12px;padding:8px 0;font-size:12px;display:flex}.msg-system:before,.msg-system:after{content:"";background:var(--border);flex:1;min-width:40px;height:1px}.msg-system .sys-person{color:var(--text-primary);align-items:center;gap:4px;font-weight:500;display:inline-flex}.msg-system .sys-avatar{object-fit:cover;vertical-align:middle;border-radius:50%;width:16px;height:16px}.msg-system .sys-avatar-icon{font-size:14px;line-height:1}.system-collapse{cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition);justify-content:center;align-items:center;gap:8px;padding:6px 12px;display:flex}.system-collapse:hover{background:var(--border-light)}.collapse-toggle{color:var(--text-tertiary);font-size:11px}.system-group{flex-direction:column;align-self:center;align-items:center;gap:2px;animation:.3s msgIn;display:flex}.system-group-toggle{cursor:pointer;font-family:var(--font);color:var(--text-tertiary);transition:all var(--transition);background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;display:flex}.system-group-toggle:hover{background:var(--border-light);color:var(--text-secondary)}.system-group-toggle svg{width:12px;height:12px;transition:transform .2s}.system-group.expanded .system-group-toggle svg{transform:rotate(180deg)}.system-group-items{flex-direction:column;gap:2px;display:none}.system-group.expanded .system-group-items{display:flex}.system-group .msg-system{padding:4px 0;font-size:11px}.layout-compact .msg.other{align-self:flex-start;align-items:flex-start}.layout-compact .msg.other .msg-bubble{border-bottom-right-radius:var(--radius-lg);border-bottom-left-radius:4px}.msg-actions{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-md);z-index:5;border-radius:6px;gap:1px;padding:2px;display:none;position:absolute;top:4px;right:4px}.msg.self .msg-actions{background:var(--surface)}.msg:hover .msg-actions{display:flex}.msg.claw-msg .msg-actions{background:var(--bg);top:0;right:-4px}.msg-action-btn{cursor:pointer;width:26px;height:26px;color:var(--text-tertiary);transition:all var(--transition);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;display:flex}.msg-action-btn:hover{background:var(--bg);color:var(--text-primary)}.msg-action-btn svg{width:13px;height:13px}.msg-action-btn.copied{color:var(--success,#22c55e);pointer-events:none}.msg-attachments{flex-direction:column;gap:6px;margin-top:6px;display:flex}.att-image{border-radius:var(--radius-sm);flex-shrink:0;width:280px;max-width:100%;line-height:0;display:block;overflow:hidden}.att-image-inner{border-radius:var(--radius-sm);background:#0000000f;width:100%;position:relative;overflow:hidden}.msg.self .att-image-inner{background:#00000012}.msg.self .att-image-skeleton{background:linear-gradient(110deg,#ffffff26 0%,#ffffff73 42%,#ffffff26 84%) 0 0/220% 100%}.att-image-skeleton{z-index:1;background:linear-gradient(110deg,#0000000d 0%,#0000001f 42%,#0000000d 84%) 0 0/220% 100%;animation:1.25s ease-in-out infinite attImageSkeletonShimmer;position:absolute;inset:0}@keyframes attImageSkeletonShimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.att-image-img{object-fit:contain;border-radius:var(--radius-sm);opacity:0;z-index:2;width:100%;height:100%;transition:opacity .2s;position:absolute;inset:0}.att-image-img--visible{opacity:1;cursor:pointer}.att-image-img--visible:hover{opacity:.92}.att-image-error{z-index:2;color:var(--text-tertiary);text-align:center;background:#0000000a;justify-content:center;align-items:center;padding:12px;font-size:12px;line-height:1.4;display:flex;position:absolute;inset:0}.att-video{border-radius:var(--radius-sm);background:#000;width:100%;max-width:360px;display:block}.att-video-wrapper{border-radius:var(--radius-sm);cursor:pointer;max-width:360px;line-height:0;position:relative;overflow:hidden}.att-video-play-overlay{transition:background var(--transition);background:#0000004d;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.att-video-wrapper:hover .att-video-play-overlay{background:#00000026}.att-audio{max-width:320px;height:36px}.att-file{border-radius:var(--radius-sm);color:inherit;max-width:280px;transition:background var(--transition);background:#0000000a;align-items:center;gap:8px;padding:8px 12px;text-decoration:none;display:flex}.att-file:hover{background:#00000014}.att-file-icon{flex-shrink:0;font-size:18px}.att-file-info{flex-direction:column;min-width:0;display:flex}.att-file-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.att-file-size{color:var(--text-tertiary);font-size:11px}.media-preview-overlay{z-index:9999;cursor:pointer;background:#000c;justify-content:center;align-items:center;animation:.15s mediaFadeIn;display:flex;position:fixed;inset:0}@keyframes mediaFadeIn{0%{opacity:0}to{opacity:1}}.media-preview-img{object-fit:contain;cursor:default;border-radius:8px;max-width:90vw;max-height:90vh;box-shadow:0 4px 32px #00000080}.media-preview-video{cursor:default;background:#000;border-radius:8px;outline:none;max-width:90vw;max-height:90vh;box-shadow:0 4px 32px #00000080}.upload-preview-bar{flex-wrap:wrap;gap:8px;width:100%;max-width:760px;padding:8px 0 4px;display:flex;overflow-x:auto}.upload-preview-item{background:var(--bg);border-radius:var(--radius-sm);color:var(--text-secondary);align-items:center;gap:6px;padding:4px 8px;font-size:12px;display:flex;position:relative}.upload-preview-item.error{color:#dc2626;background:#fef2f2}.upload-thumb{object-fit:cover;border-radius:4px;width:32px;height:32px}.upload-file-icon{font-size:16px}.upload-name{white-space:nowrap;text-overflow:ellipsis;max-width:100px;overflow:hidden}.upload-progress{color:var(--text-primary);font-size:11px;font-weight:500}.upload-error-tag{color:#dc2626;font-size:14px;font-weight:700}.upload-remove{cursor:pointer;color:var(--text-tertiary);background:0 0;border:none;padding:0 2px;font-size:12px;line-height:1}.upload-remove:hover{color:#dc2626}.attach-btn{background:var(--bg);cursor:pointer;width:32px;height:32px;color:var(--text-tertiary);transition:all var(--transition);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.attach-btn:hover{background:var(--border);color:var(--text-primary)}.chat-input{background:var(--bg);flex-direction:column;flex-shrink:0;align-items:center;padding:14px 40px 24px;display:flex}.chat-input-row{background:var(--surface);border:1px solid var(--border);transition:border-color var(--transition), box-shadow var(--transition);border-radius:24px;grid-template-columns:auto 1fr auto;align-items:center;gap:4px;width:100%;max-width:760px;padding:8px 10px 8px 12px;display:grid;position:relative}.chat-input-row:focus-within{border-color:#d0d0d5;box-shadow:0 1px 6px #0000000a}.input-icon-btn{width:32px;height:32px;color:var(--text-tertiary);cursor:pointer;transition:all var(--transition);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.input-icon-btn:hover{color:var(--text-secondary);background:#0000000d}.input-icon-btn svg{width:20px;height:20px}.input-icon-btn img{object-fit:contain;border-radius:4px;width:20px;height:20px}.input-mention-wrapper{align-items:center;min-width:0;display:flex;position:relative}.mention-popup{background:var(--surface);border:1px solid var(--border);z-index:30;border-radius:10px;max-height:200px;margin-bottom:6px;position:absolute;bottom:100%;left:0;right:0;overflow-y:auto;box-shadow:0 -4px 16px #0000001a}.mention-item{cursor:pointer;align-items:center;gap:8px;padding:8px 14px;transition:background .1s;display:flex}.mention-item:hover,.mention-item.active{background:var(--bg)}.mention-item-icon{flex-shrink:0;font-size:14px}.mention-item-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:20px;height:20px}.mention-item-name{color:var(--text-primary);font-size:14px}.mention-empty{color:var(--text-tertiary);text-align:center;padding:10px 14px;font-size:13px}.mention-highlight{color:var(--text-primary);cursor:default;font-weight:600}.mention-highlight.mention-me{color:#d97706;background:#d9770614;border-radius:3px;padding:0 2px}.msg.other .msg-bubble .mention-highlight{color:var(--text-primary)}.msg.other .msg-bubble .mention-highlight.mention-me{color:#d97706;background:#d9770614}.chat-input textarea{box-sizing:border-box;width:100%;font-family:var(--font);color:var(--text-primary);resize:none;background:0 0;border:none;outline:none;height:34px;min-height:34px;max-height:120px;padding:6px 0;font-size:14px;line-height:1.5;overflow-y:auto}.chat-input textarea::placeholder{color:var(--text-tertiary)}.send-btn{background:var(--text-primary);color:#fff;cursor:pointer;width:34px;height:34px;transition:all var(--transition);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.send-btn svg{width:16px;height:16px}.send-btn:hover{background:#333}.send-btn:disabled{background:var(--border);color:var(--text-tertiary);cursor:not-allowed}.no-chat{color:var(--text-tertiary);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.no-chat-logo{object-fit:contain;width:80px;height:80px;margin-bottom:20px}.no-chat-icon-img{object-fit:cover;border-radius:50%;width:80px;height:80px;margin-bottom:20px}.no-chat h3{color:var(--text-primary);margin:0 0 8px;font-size:20px;font-weight:600}.no-chat p{color:var(--text-tertiary);font-size:13px}.dialog-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:201;background:#0000004d;justify-content:center;align-items:center;animation:.2s overlayIn;display:flex;position:fixed;inset:0}.dialog{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);width:440px;max-width:90vw;max-height:80vh;box-shadow:var(--shadow-lg);padding:24px;animation:.25s modalIn;overflow-y:auto}.dialog.add-friend-dialog{width:420px;max-height:70vh;padding:20px}.dialog h3{color:var(--text-primary);margin:0 0 20px;font-size:17px;font-weight:600}.dialog input,.dialog textarea.token-display{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);width:100%;color:var(--text-primary);box-sizing:border-box;font-size:14px;font-family:var(--font-mono);transition:border-color var(--transition);outline:none;margin-bottom:12px;padding:10px 14px}.dialog input:focus{border-color:var(--text-primary);background:var(--surface);box-shadow:0 0 0 2px #1111110f}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.dialog-actions button{border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition);background:var(--text-primary);color:#fff;border:none;height:36px;padding:8px 20px;font-size:14px;font-weight:500}.dialog-actions button:hover{background:#333}.dialog-actions button.cancel{background:var(--surface);color:var(--text-secondary);border:1px solid var(--border)}.dialog-actions button.cancel:hover{background:var(--bg)}.dialog-desc{color:var(--text-secondary);margin:-8px 0 16px;font-size:13px;line-height:1.5}.dialog-checkbox{color:var(--text-primary);cursor:pointer;align-items:center;gap:8px;margin:12px 0;font-size:13px;display:flex}.dialog-checkbox input[type=checkbox]{cursor:pointer;width:16px;height:16px;accent-color:var(--primary);margin:0}.add-friend-tabs{gap:8px;margin-bottom:16px;display:flex}.add-friend-tab{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);flex:1;padding:8px 16px;font-size:14px}.add-friend-tab:hover{background:var(--bg);color:var(--text-primary)}.add-friend-tab.active{background:var(--text-primary);color:#fff;border-color:var(--text-primary)}.search-row{align-items:center;gap:8px;margin-bottom:16px;display:flex}.search-row input{flex:1;margin-bottom:0}.search-go-btn{border-radius:var(--radius-sm);background:var(--text-primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;height:36px;padding:10px 16px;font-size:14px}.search-go-btn:disabled{opacity:.6;cursor:not-allowed}.search-go-btn.loading{align-items:center;gap:8px;display:inline-flex}.search-spinner{border:2px solid #ffffff73;border-top-color:#fffffff2;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.search-results{min-height:150px;max-height:300px;position:relative;overflow-y:auto}.search-loading-overlay{pointer-events:all;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#ffffff8c;padding:2px 0;position:absolute;inset:0}.search-skeleton-item{border-radius:var(--radius-sm);align-items:center;gap:10px;padding:10px;display:flex}.search-skeleton-avatar{background:var(--bg);border:1px solid var(--border);border-radius:50%;flex-shrink:0;width:32px;height:32px;position:relative;overflow:hidden}.search-skeleton-text{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.search-skeleton-line{background:var(--bg);border:1px solid var(--border);border-radius:6px;height:10px;position:relative;overflow:hidden}.search-skeleton-line.w-60{width:60%}.search-skeleton-line.w-40{width:40%}.search-skeleton-action{background:var(--bg);border:1px solid var(--border);border-radius:6px;flex-shrink:0;width:44px;height:22px;position:relative;overflow:hidden}.search-skeleton-avatar:after,.search-skeleton-line:after,.search-skeleton-action:after{content:"";background:linear-gradient(90deg,#fff0 0%,#ffffff8c 50%,#fff0 100%);animation:1.15s ease-in-out infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.search-result-item{border-radius:var(--radius-sm);transition:background var(--transition);flex-direction:column;gap:0;padding:10px;display:flex}.search-result-item:hover{background:var(--bg)}.search-result-item .search-result-row{align-items:center;gap:10px;width:100%;display:flex}.greeting-expand{border-top:1px solid var(--border);width:100%;margin-top:8px;padding-top:8px}.greeting-input{border:1px solid var(--border);border-radius:var(--radius-sm);resize:none;background:var(--bg);width:100%;color:var(--text-primary);padding:8px 10px;font-family:inherit;font-size:13px;line-height:1.4}.greeting-input:focus{border-color:var(--accent);outline:none}.greeting-actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.greeting-actions .cancel-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;padding:4px 12px;font-size:12px}.greeting-actions .confirm-btn{background:var(--text-primary);color:#fff;cursor:pointer;transition:opacity var(--transition);border:none;border-radius:6px;padding:4px 12px;font-size:12px}.greeting-actions .confirm-btn:hover{opacity:.85}.add-friend-btn{border:1px solid var(--text-primary);color:var(--text-primary);cursor:pointer;transition:all var(--transition);white-space:nowrap;background:0 0;border-radius:6px;padding:4px 12px;font-size:12px}.add-friend-btn:hover{background:var(--text-primary);color:#fff}.own-label{color:var(--text-tertiary);background:var(--bg);border-radius:4px;padding:2px 8px;font-size:11px}.agent-dialog{max-height:80vh;overflow-y:auto}.agent-list{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.agent-card{background:var(--bg);border:1px solid var(--border);border-radius:10px;overflow:hidden}.agent-card-info{cursor:pointer;transition:background var(--transition);align-items:center;gap:12px;padding:12px;display:flex}.agent-card-info:hover{background:var(--surface-hover)}.agent-card-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:36px;height:36px}.agent-card-avatar-empty{background:var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.agent-card-text{flex:1;min-width:0}.agent-card-name{color:var(--text-primary);font-size:14px;font-weight:500}.agent-card-id{color:var(--text-tertiary);margin-top:2px;font-size:11px}.agent-card-edit{opacity:.4;font-size:14px}.agent-card-info:hover .agent-card-edit{opacity:1}.agent-edit-form{flex-direction:column;gap:10px;padding:12px;display:flex}.agent-edit-avatar-row{justify-content:center;display:flex}.agent-edit-avatar{object-fit:cover;border-radius:50%;width:56px;height:56px}.agent-edit-avatar-empty{background:var(--border);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:28px;display:flex}.agent-register-section{border-top:1px solid var(--border);flex-direction:column;gap:10px;padding-top:16px;display:flex}.agent-section-title{color:var(--text-tertiary);font-size:13px;font-weight:500}.token-hint{color:var(--text-secondary);margin:0 0 8px;font-size:13px}.token-display{word-break:break-all;resize:none}.settings-dialog{width:360px}.settings-profile{align-items:center;gap:14px;padding:8px 0 16px;display:flex}.settings-info{flex:1;min-width:0}.settings-name{color:var(--text-primary);cursor:pointer;align-items:center;gap:6px;font-size:16px;font-weight:600;display:inline-flex}.settings-name-edit input{border:1px solid var(--border);border-radius:var(--radius-sm);flex:1;height:32px;padding:0 10px;font-size:14px;font-weight:500}.settings-name-edit input:focus{border-color:var(--text-tertiary);outline:none}.settings-name-edit button{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);cursor:pointer;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;display:flex}.settings-name-edit button:hover{background:var(--bg)}.settings-invitations{flex-direction:column;gap:8px;padding:8px 0 4px;animation:.2s loginFadeIn;display:flex}.invitation-used-by,.invitation-status.expired{color:var(--text-tertiary);font-size:12px}.settings-divider{background:var(--border);height:1px;margin:4px 0 16px}.settings-logout{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:#dc2626;cursor:pointer;width:100%;height:38px;transition:all var(--transition);margin-bottom:8px;font-size:13px;font-weight:500}.settings-logout:hover{background:#fef2f2;border-color:#fca5a5}.regenerate-token-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:#d97706;cursor:pointer;width:100%;height:34px;transition:all var(--transition);margin-top:8px;font-size:12px;font-weight:500}.regenerate-token-btn:hover{background:#fffbeb;border-color:#fde68a}.agent-token-section{padding:16px}.agent-token-section .token-hint{color:var(--text-secondary);margin:0 0 8px;font-size:13px}.agent-token-section .token-display{width:100%;font-family:var(--font-mono);border:1px solid var(--border);border-radius:var(--radius-sm);resize:none;background:var(--bg);box-sizing:border-box;padding:8px;font-size:11px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;opacity:0;pointer-events:none;background:#0000004d;justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:fixed;inset:0}.modal-overlay.active{opacity:1;pointer-events:all}.modal{background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:440px;max-height:80vh;transition:transform .25s;overflow:hidden;transform:scale(.96)translateY(8px)}.modal-overlay.active .modal{transform:scale(1)translateY(0)}.modal-header{justify-content:space-between;align-items:center;padding:20px 24px 0;display:flex}.modal-title{letter-spacing:-.3px;font-size:17px;font-weight:600}.modal-close{border-radius:var(--radius-sm);cursor:pointer;width:28px;height:28px;color:var(--text-tertiary);transition:all var(--transition);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.modal-close:hover{background:var(--bg);color:var(--text-primary)}.modal-body{padding:20px 24px 24px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.modal-btn{border-radius:var(--radius-sm);height:36px;font-family:var(--font);cursor:pointer;transition:all var(--transition);border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);padding:0 20px;font-size:13px;font-weight:500}.modal-btn:hover{color:var(--text-primary);border-color:#ccc}.modal-btn.primary{background:var(--text-primary);color:#fff;border-color:var(--text-primary)}.modal-btn.primary:hover{background:#333}.modal-btn:disabled{opacity:.5;cursor:not-allowed}.create-claw-hint{color:var(--text-tertiary);margin:0 0 16px;font-size:13px;line-height:1.5}.create-claw-field{margin-bottom:8px}.create-claw-label{color:var(--text-secondary);margin-bottom:8px;font-size:13px;font-weight:500;display:block}.create-claw-label .required{color:#e11d48}.create-claw-input{border:1px solid var(--border);border-radius:var(--radius-md);width:100%;height:44px;font-family:var(--font);color:var(--text-primary);background:var(--bg);box-sizing:border-box;transition:border-color var(--transition), box-shadow var(--transition);outline:none;padding:0 14px;font-size:14px}.create-claw-input::placeholder{color:var(--text-tertiary)}.create-claw-input:focus{border-color:var(--text-primary);box-shadow:0 0 0 1px var(--text-primary)}.create-success-icon{background:var(--bg);width:48px;height:48px;color:var(--text-primary);border:2px solid #888;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.create-success-title{text-align:center;margin-bottom:4px;font-size:16px;font-weight:600}.create-success-desc{text-align:center;color:var(--text-secondary);margin-bottom:20px;font-size:13px}.create-token-box{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:8px;margin-bottom:12px;padding:12px 14px;display:flex}.create-token-value{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:all;user-select:all;flex:1;font-family:SF Mono,Fira Code,monospace;font-size:13px;font-weight:500;overflow:hidden}.create-token-copy{border:1px solid var(--text-primary);background:var(--text-primary);color:#fff;height:30px;font-family:var(--font);cursor:pointer;transition:all var(--transition);border-radius:6px;flex-shrink:0;align-items:center;gap:4px;padding:0 12px;font-size:12px;font-weight:500;display:flex}.create-token-copy:hover{background:#333}.create-token-copy.copied{background:var(--surface);color:var(--text-secondary);border-color:var(--border)}.create-token-copy svg{flex-shrink:0}.create-token-warn{color:#d97706;border-radius:var(--radius-sm);background:#fffbeb;border:1px solid #fde68a;align-items:center;gap:6px;margin-bottom:16px;padding:8px 12px;font-size:12px;display:flex}.create-token-warn svg{stroke:#d97706;flex-shrink:0}.create-instruction{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:16px;overflow:hidden}.create-instruction-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.create-instruction-title{color:var(--text-secondary);font-size:12px;font-weight:600}.create-instruction-copy{border-radius:var(--radius-sm);background:var(--text-primary);height:24px;color:var(--bg);font-size:11px;font-family:var(--font);cursor:pointer;white-space:nowrap;transition:opacity var(--transition);border:none;align-items:center;gap:4px;padding:0 8px;display:inline-flex}.create-instruction-copy:hover{opacity:.8}.create-instruction-copy.copied{background:var(--bg);color:var(--text-secondary);border:1px solid var(--border)}.create-instruction-body{color:var(--text-secondary);white-space:pre-wrap;word-break:break-all;padding:10px 12px;font-size:12.5px;line-height:1.6}.dialog-header{justify-content:space-between;align-items:center;margin:0 0 20px;display:flex}.dialog-header h3{margin:0}.dialog-close{width:28px;height:28px;color:var(--text-tertiary);cursor:pointer;transition:all var(--transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:20px;display:flex}.dialog-close:hover{background:var(--bg);color:var(--text-primary)}.dialog-body{margin-bottom:16px}.input-label{color:var(--text-secondary);margin-bottom:8px;font-size:13px;font-weight:500;display:block}.input-label .required{color:#dc2626}.dialog-actions button:disabled{opacity:.5;cursor:not-allowed}.create-claw-dialog{width:400px}.token-result-dialog{width:480px}.contacts-view{background:var(--bg);box-sizing:border-box;height:100%;padding:32px 40px;overflow-y:auto}.contacts-view::-webkit-scrollbar{width:4px}.contacts-view::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.contacts-view h2{letter-spacing:-.3px;color:var(--text-primary);margin:0 0 20px;font-size:18px;font-weight:600}.mobile-section-header{display:none}.contact-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);cursor:pointer;max-width:480px;transition:all var(--transition);align-items:center;gap:16px;margin-bottom:12px;padding:24px;display:flex}.contact-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.contact-avatar-img{border-radius:50%;flex-shrink:0;width:44px;height:44px;overflow:hidden}.contact-avatar-img img{object-fit:cover;width:100%;height:100%}.contact-avatar-placeholder{background:var(--bg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex}.contact-info{flex:1;min-width:0}.contact-name{color:var(--text-primary);font-size:15px;font-weight:500}.contact-sub{color:var(--text-tertiary);align-items:center;gap:4px;margin-top:2px;font-size:12px;display:flex}.contact-claw-dot{object-fit:contain;border-radius:3px;width:12px;height:12px}.contact-status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.contact-status-dot.online{background:#22c55e}.contact-status-dot.offline{background:#d1d5db}.contacts-empty{color:var(--text-tertiary);flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;display:flex}.contacts-empty-icon{object-fit:cover;border-radius:50%;width:80px;height:80px;margin-bottom:16px}.contacts-empty-emoji{margin-bottom:16px;font-size:48px}.contacts-empty p{margin:0;font-size:14px}.friend-item.selected{background:var(--primary-light);border-left:3px solid var(--primary);padding-left:9px}.linked-claws-grid{flex-wrap:wrap;gap:16px;display:flex}.claw-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);min-width:120px;transition:all var(--transition);flex-direction:column;align-items:center;gap:12px;padding:20px;display:flex}.claw-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.claw-card-avatar{object-fit:cover;border-radius:50%;width:64px;height:64px}.claw-card-name{color:var(--text-primary);text-align:center;font-size:14px;font-weight:500}.claw-card-id{color:var(--text-tertiary);text-align:center;margin-top:-6px;font-size:11px}.claw-card-status{color:var(--text-tertiary);justify-content:center;align-items:center;gap:4px;font-size:12px;display:flex}.claw-card-status .status-dot{background:var(--text-tertiary);border-radius:50%;width:6px;height:6px}.claw-card-status.online{color:#22c55e}.claw-card-status.online .status-dot{background:#22c55e}.claw-card-status.offline{color:var(--text-tertiary)}.claw-card-status.offline .status-dot{background:var(--text-tertiary)}.avatar-with-status{border-radius:inherit;flex-shrink:0;display:inline-flex;position:relative}.avatar-with-status>img{border-radius:inherit;object-fit:cover;width:100%;height:100%;display:block}.avatar-online-dot{border:2px solid var(--surface,#fff);box-sizing:content-box;background:#22c55e;border-radius:50%;width:30%;min-width:6px;max-width:12px;height:30%;min-height:6px;max-height:12px;position:absolute;bottom:-1px;right:-1px}.claw-badge .avatar-with-status.claw-dot{border-radius:50%;width:14px;height:14px}.claw-badge .avatar-with-status.claw-dot .avatar-online-dot{border-width:1.5px;width:5px;min-width:5px;height:5px;min-height:5px;bottom:-1px;right:-2px}@media (width<=1024px){.sidebar{width:260px;min-width:260px}.message-list,.chat-input,.contacts-view,.myclaw-detail{padding-left:24px;padding-right:24px}}@media (width<=768px){.chat-page.is-mobile{padding-bottom:var(--mobile-content-bottom);display:block}.chat-page.is-mobile .nav-bar-mobile{width:auto;height:calc(var(--mobile-nav-height) + var(--mobile-safe-bottom));padding:8px 12px calc(8px + var(--mobile-safe-bottom));border-right:none;border-top:1px solid var(--border);z-index:80;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:8px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #0f172a0f}.chat-page.is-mobile .nav-bar-mobile .nav-items,.chat-page.is-mobile .nav-bar-mobile .nav-bottom{display:contents}.chat-page.is-mobile .nav-bar-mobile .nav-item{border-radius:14px;width:100%;min-width:0;height:48px}.chat-page.is-mobile .nav-item-icon-wrap{width:24px;height:24px}.chat-page.is-mobile .nav-badge{top:-6px;right:-10px}.chat-page.is-mobile .nav-item.active:before{display:none}.chat-page.is-mobile .sidebar-mobile{top:0;bottom:var(--mobile-content-bottom);width:min(88vw,360px);min-width:0;max-width:360px;transition:transform var(--transition);z-index:50;position:fixed;left:0;transform:translate(-100%);box-shadow:8px 0 32px #0f172a1f}.chat-page.is-mobile .sidebar-mobile.open{transform:translate(0)}.chat-page.is-mobile .sidebar-mobile.sidebar-mobile-static{width:100%;max-width:none;height:calc(var(--app-height) - var(--mobile-content-bottom));box-shadow:none;border-right:none;position:relative;inset:auto;transform:none}.chat-page.is-mobile .chat-area{height:calc(var(--app-height) - var(--mobile-content-bottom));min-height:0;overflow:hidden}.chat-page.is-mobile .message-list-container{min-height:0}.chat-page.is-mobile .chat-header-zone{padding:16px var(--page-padding-mobile) 24px}.chat-page.is-mobile .chat-header{align-items:center;gap:12px}.chat-page.is-mobile .chat-header-title{max-width:none;font-size:16px}.chat-page.is-mobile .chat-header-summary{display:none}.chat-page.is-mobile .chat-header-actions{gap:4px}.chat-page.is-mobile .chat-header-icon-btn:after{display:none}.chat-page.is-mobile .message-list{padding:86px var(--page-padding-mobile) 16px;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;gap:12px}.chat-page.is-mobile .msg{max-width:100%}.chat-page.is-mobile .msg.self .msg-bubble,.chat-page.is-mobile .msg.other .msg-bubble{max-width:min(86vw,460px)}.chat-page.is-mobile .msg.claw-msg .msg-bubble{max-width:100%}.chat-page.is-mobile .att-image{width:min(72vw,280px)}.chat-page.is-mobile .att-video,.chat-page.is-mobile .att-video-wrapper,.chat-page.is-mobile .att-audio,.chat-page.is-mobile .att-file{max-width:min(80vw,320px)}.chat-page.is-mobile .chat-input{padding:10px var(--page-padding-mobile) calc(12px + var(--mobile-safe-bottom));background:color-mix(in srgb, var(--bg) 88%, #fff 12%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid #e8e8ece6}.chat-page.is-mobile .chat-input-row{border-radius:20px;max-width:none;padding:6px 8px 6px 10px}.chat-page.is-mobile .upload-preview-bar{flex-wrap:nowrap;max-width:none}.chat-page.is-mobile .scroll-to-bottom-btn{bottom:12px;right:16px}.chat-page.is-mobile .contacts-view{padding:20px var(--page-padding-mobile)}.chat-page.is-mobile .contacts-view h2{letter-spacing:-.4px;margin-bottom:14px;font-size:22px}.chat-page.is-mobile .mobile-section-header{color:var(--text-primary);align-items:center;gap:10px;margin-bottom:16px;font-size:15px;font-weight:600;display:flex}.chat-page.is-mobile .mobile-section-header span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.chat-page.is-mobile .mobile-section-back{border:1px solid var(--border);background:var(--surface);width:32px;height:32px;color:var(--text-primary);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.chat-page.is-mobile .mobile-section-back svg{width:16px;height:16px}.chat-page.is-mobile .linked-claws-grid{flex-direction:column;gap:12px;display:flex}.chat-page.is-mobile .claw-card{text-align:left;border-radius:22px;grid-template-columns:56px minmax(0,1fr);place-items:center start;gap:4px 14px;width:100%;min-width:0;padding:16px;display:grid;box-shadow:0 6px 20px #0f172a0d}.chat-page.is-mobile .claw-card-avatar{grid-area:1/1/span 3;width:56px;height:56px}.chat-page.is-mobile .claw-card-name,.chat-page.is-mobile .claw-card-id,.chat-page.is-mobile .claw-card-status{text-align:left;grid-column:2;justify-content:flex-start}.chat-page.is-mobile .claw-card-name{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:15px;line-height:1.35;display:-webkit-box;overflow:hidden}.chat-page.is-mobile .claw-card-id{margin-top:0}.chat-page.is-mobile .claw-card-status{margin-top:2px}}@media (width<=480px){.chat-page.is-mobile .nav-bar-mobile{padding-left:8px;padding-right:8px}.chat-page.is-mobile .nav-bar-mobile .nav-item{height:44px}.chat-page.is-mobile .sidebar-mobile{width:100%}.chat-page.is-mobile .chat-header-zone{padding-top:max(12px, var(--mobile-safe-top));padding-left:var(--page-padding-mobile-sm);padding-right:var(--page-padding-mobile-sm)}.chat-page.is-mobile .message-list,.chat-page.is-mobile .chat-input,.chat-page.is-mobile .contacts-view{padding-left:var(--page-padding-mobile-sm);padding-right:var(--page-padding-mobile-sm)}.chat-page.is-mobile .msg.self .msg-bubble,.chat-page.is-mobile .msg.other .msg-bubble{max-width:90vw}.chat-page.is-mobile .contacts-view h2{font-size:20px}.chat-page.is-mobile .claw-card{grid-template-columns:52px minmax(0,1fr);padding:14px}.chat-page.is-mobile .claw-card-avatar{width:52px;height:52px}.dialog{padding-left:16px;padding-right:16px}.dialog.add-friend-dialog{width:calc(100% - 24px)}}@media (width<=768px){.pending-item,.friend-item,.search-result-item{align-items:flex-start;gap:10px}.dialog{padding:8px 20px calc(20px + var(--mobile-safe-bottom));flex-direction:column;gap:12px;display:flex}.dialog h3{letter-spacing:-.4px;margin:0;font-size:18px}.dialog.add-friend-dialog,.dialog.agent-dialog,.dialog.remove-friend-confirm-dialog,.dialog.logout-confirm-dialog{width:100%;max-width:none;max-height:min(86dvh,760px)}.dialog.add-friend-dialog{width:calc(100% - 36px);margin-left:auto;margin-right:auto}.dialog-actions{margin-top:4px}.dialog-actions button{border-radius:16px;flex:1 1 0;height:48px}.agent-list{gap:10px;margin-bottom:14px}.agent-card{background:#f8f9fb;border-radius:18px}.agent-card-info,.agent-edit-form{padding:14px}.agent-register-section{padding-top:14px}.search-results{background:#f8f9fb;border-radius:20px;max-height:min(46vh,360px)}.search-result-item{border-bottom:1px solid #0f172a0d;padding:12px}.search-result-item:last-child{border-bottom:none}.greeting-expand{padding-top:10px}.greeting-input{border-radius:16px}.pending-actions,.friend-actions,.greeting-actions{flex-wrap:wrap}.friend-item .start-chat-btn,.friend-item .remove-btn,.friend-item .remark-btn{margin-top:8px;display:inline-flex;position:static}.search-row{flex-wrap:wrap}.search-row input,.search-go-btn{width:100%}.search-results{max-height:min(42vh,320px)}.search-result-item .search-result-row{flex-wrap:wrap}}.filter-tabs{scrollbar-width:none;gap:6px;padding:0 16px 10px;display:flex;overflow-x:auto}.filter-tabs::-webkit-scrollbar{display:none}.filter-tab{background:var(--bg);color:var(--text-secondary);font-size:12px;font-weight:500;font-family:var(--font);cursor:pointer;transition:all var(--transition);border:none;border-radius:14px;flex-shrink:0;align-items:center;gap:4px;padding:4px 12px;line-height:20px;display:flex}.filter-tab:hover{background:var(--border);color:var(--text-primary)}.filter-tab.active{background:var(--text-primary);color:#fff}.filter-badge{color:#fff;background:#e11d48;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:600;line-height:1;display:inline-flex}.filter-tab.active .filter-badge{background:#ffffff4d}.history-section{border-top:1px solid var(--border-light);margin-top:4px;padding-top:4px}.history-toggle{border-radius:var(--radius-sm);width:100%;color:var(--text-tertiary);font-size:12px;font-weight:500;font-family:var(--font);cursor:pointer;transition:all var(--transition);background:0 0;border:none;align-items:center;gap:6px;padding:8px 12px;display:flex}.history-toggle:hover{background:var(--bg);color:var(--text-secondary)}.history-chevron{transition:transform var(--transition);flex-shrink:0}.history-chevron.open{transform:rotate(90deg)}.history-count{color:var(--text-tertiary);font-weight:400}.history-list{animation:.15s ease-out historySlideIn}@keyframes historySlideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.group-item.read-only{opacity:.6}.group-item.read-only:hover{opacity:.8}.group-left-tag{color:var(--text-tertiary);background:var(--bg);border-radius:4px;flex-shrink:0;margin-left:8px;padding:1px 6px;font-size:10px;font-weight:500}.pinned-section{border-bottom:1px solid var(--border-light);margin-bottom:2px;padding-bottom:4px}.pinned-toggle{width:100%;color:var(--text-tertiary);font-size:11px;font-weight:500;font-family:var(--font);cursor:pointer;transition:all var(--transition);background:0 0;border:none;align-items:center;gap:5px;padding:4px 12px;display:flex}.pinned-toggle:hover{color:var(--text-secondary)}.pin-icon{color:var(--text-tertiary);vertical-align:middle;flex-shrink:0;margin-right:2px;position:relative;top:-1px}.group-context-menu{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);z-index:1000;min-width:150px;padding:4px;animation:.1s ease-out contextMenuIn;position:fixed}@keyframes contextMenuIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.context-menu-item{width:100%;color:var(--text-primary);font-size:13px;font-family:var(--font);cursor:pointer;transition:background var(--transition);background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:7px 10px;display:flex}.context-menu-item:hover{background:var(--bg)}.context-menu-item .pin-icon{color:var(--text-secondary);width:14px;height:14px;margin-right:0;top:0}.group-pin-toggle{width:28px;height:28px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:none}.group-item:hover .group-pin-toggle{display:inline-flex}.group-pin-toggle:hover{background:var(--bg);color:var(--text-primary)}.group-pin-toggle.mobile-visible{display:inline-flex}.group-avatar-single{flex-shrink:0;width:40px;height:40px;position:relative}.group-avatar-single .group-avatar-img{object-fit:cover;border-radius:50%;width:40px;height:40px}.group-avatar-single.group-custom-avatar .group-avatar-img{border-radius:8px}.group-avatar-single .group-avatar{width:40px;height:40px}.group-avatar-stack{flex-shrink:0;width:40px;height:40px;position:relative}.group-avatar-stack .stack-item{border:2px solid var(--surface);box-sizing:border-box;border-radius:50%;position:absolute;overflow:hidden}.group-avatar-stack .stack-item img{object-fit:cover;width:100%;height:100%}.group-avatar-stack .stack-placeholder{color:#fff;justify-content:center;align-items:center;width:100%;height:100%;font-size:10px;display:flex}.group-avatar-stack.stack-2 .stack-item{width:26px;height:26px}.group-avatar-stack.stack-2 .stack-item:first-child{top:0;left:0}.group-avatar-stack.stack-2 .stack-item:nth-child(2){bottom:0;right:0}.group-avatar-stack.stack-3 .stack-item{width:22px;height:22px}.group-avatar-stack.stack-3 .stack-item:first-child{top:0;left:50%;transform:translate(-50%)}.group-avatar-stack.stack-3 .stack-item:nth-child(2){bottom:0;left:2px}.group-avatar-stack.stack-3 .stack-item:nth-child(3){bottom:0;right:2px}.group-avatar-stack .group-status-dot,.group-avatar-single .group-status-dot{position:absolute;bottom:0;right:0}@media (width<=768px){.filter-tabs{padding-bottom:12px}.group-list{padding-bottom:16px}.group-item{padding:12px}.group-time{display:none}.group-preview{margin-top:2px}.group-context-menu{display:none}}.claw-dialog-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#0f172a47;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.claw-dialog{background:#fffffff0;border:1px solid #ffffffb3;border-radius:24px;width:min(460px,100%);padding:24px;box-shadow:0 24px 80px #0f172a2e}.claw-dialog-badge{color:#dc2626;background:#dc262614;border-radius:999px;align-items:center;height:28px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.claw-dialog-badge.bind{color:#4f46e5;background:#6366f11a;margin-bottom:10px}.claw-dialog-code{border:1px solid var(--border-light);background:#f8fafceb;border-radius:16px;align-items:center;gap:8px;margin:14px 0 0;padding:10px 8px 10px 14px;display:flex}.claw-dialog-code-body{flex:1;min-width:0;margin:0;padding:2px 0;overflow:auto}.claw-dialog-code-body code{color:var(--text-secondary);white-space:pre;font-family:SF Mono,Fira Code,monospace;font-size:13px}.claw-dialog-code-copy-icon{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;transition:color .15s,background .15s;display:inline-flex}.claw-dialog-code-copy-icon:hover{color:var(--text-primary);background:#0f172a0f}.claw-dialog-code-copy-icon.copied{color:#22c55e}.claw-dialog-code-copy-icon.copied:hover{color:#16a34a;background:#22c55e1a}.claw-dialog-title{letter-spacing:-.03em;color:var(--text-primary);margin:14px 0 8px;font-size:24px;line-height:1.2}.claw-dialog-text{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.7}.claw-dialog-name{border:1px solid var(--border-light);color:var(--text-primary);background:#f8fafceb;border-radius:16px;align-items:center;gap:12px;margin-top:18px;padding:12px 14px;font-size:14px;font-weight:600;display:flex}.claw-dialog-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:36px;height:36px}.claw-dialog-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.claw-dialog-btn{min-width:96px;height:40px;font-family:var(--font);cursor:pointer;border:1px solid #0000;border-radius:999px;font-size:14px;font-weight:600;transition:all .2s}.claw-dialog-btn.secondary{color:#475569;background:#eef2ff;border-color:#6366f11f}.claw-dialog-btn.secondary:hover:not(:disabled){background:#e2e8f0}.claw-dialog-btn.danger{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 10px 24px #dc262638}.claw-dialog-btn.danger:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 28px #dc262647}.claw-dialog-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}@media (width<=768px){.claw-dialog-backdrop{align-items:flex-end;padding:48px 0 0}.claw-dialog{width:100%;padding:20px 16px calc(16px + var(--mobile-safe-bottom));border-radius:24px 24px 0 0}.claw-dialog-actions{flex-wrap:wrap}}@media (width<=480px){.claw-dialog-title{font-size:20px}.claw-dialog-code{padding-left:12px}.claw-dialog-btn{width:100%}}.myclaw-view{flex:1;height:100%;display:flex;overflow:hidden}.myclaw-list{width:var(--list-width);background:var(--surface);border-right:1px solid var(--border);flex-direction:column;display:flex;overflow:hidden}.myclaw-items{flex:1;padding:8px;overflow-y:auto}.myclaw-item{border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition);align-items:center;gap:10px;padding:10px 12px;display:flex}.myclaw-item:hover,.myclaw-item.active{background:var(--bg)}.myclaw-item-avatar{object-fit:cover;border:2px dashed #bbb;border-radius:50%;flex-shrink:0;width:40px;height:40px;animation:3s infinite clawPulse}.myclaw-item-avatar-empty{background:var(--bg);border:2px dashed #bbb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;animation:3s infinite clawPulse;display:flex}.myclaw-item-info{flex:1;min-width:0}.myclaw-item-name{color:var(--text-primary);font-size:14px;font-weight:500}.myclaw-item-status{color:var(--text-tertiary);align-items:center;gap:4px;margin-top:2px;font-size:11px;display:flex}.myclaw-item-status .status-dot{background:var(--text-tertiary);border-radius:50%;flex-shrink:0;width:6px;height:6px}.myclaw-item-status.online{color:#22c55e}.myclaw-item-status.online .status-dot{background:#22c55e}.myclaw-item-status.offline{color:var(--text-tertiary)}.myclaw-item-status.offline .status-dot{background:var(--text-tertiary)}.myclaw-detail{background:var(--bg);flex:1;padding:32px 40px;overflow-y:auto}.myclaw-detail::-webkit-scrollbar{width:4px}.myclaw-detail::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.myclaw-view-content{flex-direction:column;height:100%;display:flex}.myclaw-empty{flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;display:flex}.myclaw-empty-icon{opacity:.3;font-size:48px}.myclaw-empty-text{color:var(--text-tertiary);font-size:14px}.claw-profile-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);gap:24px;max-width:680px;padding:32px;display:flex}.claw-profile-avatar{flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;display:flex}.claw-profile-info{flex:1}.claw-profile-name{letter-spacing:-.5px;font-size:22px;font-weight:600}.claw-profile-name.editable-name{cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:2px 6px;transition:background .2s;display:inline-flex}.claw-profile-name.editable-name:hover{background:var(--bg)}.claw-profile-name.editable-name svg{opacity:0;color:var(--text-tertiary);transition:opacity .2s}.claw-profile-name.editable-name:hover svg{opacity:1}.claw-name-input{letter-spacing:-.5px;border:1px solid var(--border);font-size:22px;font-weight:600;font-family:var(--font);color:var(--text-primary);background:var(--surface);border-radius:6px;outline:none;width:280px;padding:2px 8px}.claw-name-input:focus{box-shadow:var(--shadow-sm);border-color:#bbb}.claw-profile-owner{color:var(--text-tertiary);margin-top:4px;font-size:13px}.claw-profile-meta{flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;display:flex}.claw-profile-status{color:var(--text-secondary);background:var(--bg);border:1px solid var(--border);border-radius:12px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:inline-flex}.claw-profile-status .status-dot{background:var(--text-tertiary);border-radius:50%;flex-shrink:0;width:8px;height:8px}.claw-profile-status.online{color:#22c55e;background:#22c55e14;border-color:#22c55e4d}.claw-profile-status.online .status-dot{background:#22c55e}.claw-skill-version{color:var(--text-tertiary);background:var(--bg);border:1px solid var(--border-light);border-radius:10px;padding:3px 8px;font-size:11px;font-weight:500}.claw-profile-status.offline{color:var(--text-tertiary)}.claw-profile-status.offline .status-dot{background:var(--text-tertiary)}.claw-danger-btn{height:28px;font-family:var(--font);color:#dc2626;cursor:pointer;background:#dc26260f;border:1px solid #dc26262e;border-radius:999px;justify-content:center;align-items:center;padding:0 12px;font-size:12px;font-weight:500;transition:all .2s;display:inline-flex}.claw-danger-btn:hover{background:#dc26261f;border-color:#dc26264d}.claw-secondary-btn{height:28px;font-family:var(--font);color:#4f46e5;cursor:pointer;background:#6366f10f;border:1px solid #6366f12e;border-radius:999px;justify-content:center;align-items:center;padding:0 12px;font-size:12px;font-weight:500;transition:all .2s;display:inline-flex}.claw-secondary-btn:hover{background:#6366f11f;border-color:#6366f14d}.claw-section{max-width:680px;margin-top:28px}.claw-section-title{color:var(--text-secondary);letter-spacing:.5px;margin-bottom:12px;font-size:13px;font-weight:600}.token-display{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:10px;padding:14px 14px 12px;display:flex}.token-value{color:var(--text-secondary);-webkit-user-select:all;user-select:all;word-break:break-all;white-space:normal;font-family:SF Mono,Fira Code,monospace;font-size:13px;line-height:1.6}.token-empty-state{flex-direction:column;gap:10px;display:flex}.token-empty-text{color:var(--text-tertiary);font-size:13px}.token-actions{gap:8px;display:flex}.token-action-btn{border:1px solid var(--border);background:var(--surface);height:30px;font-family:var(--font);color:var(--text-secondary);cursor:pointer;border-radius:8px;flex-shrink:0;align-items:center;gap:5px;padding:0 12px;font-size:12px;font-weight:500;transition:all .2s;display:inline-flex}.token-action-btn:hover{border-color:var(--text-primary);color:var(--text-primary)}.token-action-btn.success{color:#22c55e;border-color:#22c55e40}.token-action-btn.regen{border-style:dashed}.token-action-btn.regen:hover{color:#e67e22;border-color:#e67e22}.token-action-btn svg{flex-shrink:0}.claw-info-grid{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.claw-info-row{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:10px 14px;font-size:13px;display:flex}.claw-info-row:last-child{border-bottom:none}.claw-info-label{color:var(--text-tertiary)}.claw-info-value{color:var(--text-primary);font-weight:500}.claw-info-value.status-online{color:#22c55e}.claw-info-value.status-offline{color:var(--text-tertiary)}.claw-desc{align-items:center;gap:10px;max-width:420px;display:flex}.claw-desc-text{color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;flex:1;font-size:12px;line-height:1.45}.claw-desc-text.empty{color:var(--text-tertiary)}.claw-desc-edit-btn{border:1px solid var(--border);background:var(--bg);color:var(--text-secondary);cursor:pointer;border-radius:10px;flex-shrink:0;padding:6px 10px;font-size:12px}.claw-desc-edit-btn:hover{filter:brightness(.98)}.claw-desc-edit{gap:8px;width:420px;max-width:100%;display:grid}.claw-desc-input{border:1px solid var(--border);width:100%;font-size:12px;line-height:1.45;font-family:var(--font);color:var(--text-primary);background:var(--surface);resize:vertical;border-radius:10px;outline:none;padding:10px 12px}.claw-desc-input:focus{box-shadow:var(--shadow-sm);border-color:#bbb}.claw-desc-actions{justify-content:flex-end;gap:8px;display:flex}.claw-section-hint{color:var(--text-tertiary);margin-top:10px;font-size:12px}.notify-placeholder{color:var(--text-tertiary);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px;font-size:13px}.notify-offline{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);align-items:flex-start;gap:12px;padding:14px;display:flex}.notify-offline-icon{background:var(--bg);width:32px;height:32px;color:var(--text-tertiary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.notify-offline-title{color:var(--text-secondary);font-size:13px;font-weight:600}.notify-offline-desc{color:var(--text-tertiary);margin-top:2px;font-size:12px}.notify-config-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px}.notify-toggle-row{align-items:center;gap:10px;display:flex}.notify-toggle{cursor:pointer;background:#e2e8f0;border:none;border-radius:11px;flex-shrink:0;width:40px;height:22px;padding:0;transition:background .2s;position:relative}.notify-toggle.on{background:#22c55e}.notify-toggle-thumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000026}.notify-toggle.on .notify-toggle-thumb{transform:translate(18px)}.notify-toggle:disabled{opacity:.6;cursor:not-allowed}.notify-toggle-label{color:var(--text-tertiary);font-size:13px;font-weight:500}.notify-toggle-label.on{color:#22c55e}.notify-off-desc{color:var(--text-tertiary);margin-top:10px;font-size:12px;line-height:1.6}.notify-events-section{margin-top:14px}.notify-sub-label{color:var(--text-tertiary);margin-bottom:8px;font-size:12px;font-weight:600}.notify-events-grid{grid-template-columns:repeat(3,1fr);gap:6px 12px;display:grid}.notify-event-item{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:13px;display:flex}.notify-event-item input[type=checkbox]{accent-color:#22c55e;cursor:pointer;border-radius:3px;flex-shrink:0;width:15px;height:15px}.notify-channels-section{margin-top:14px}.notify-channels-list{flex-wrap:wrap;gap:6px;display:flex}.notify-channel-tag{color:#16a34a;background:#22c55e14;border:1px solid #22c55e33;border-radius:12px;align-items:center;height:24px;padding:0 10px;font-size:12px;font-weight:500;display:inline-flex}.notify-hint{color:var(--text-tertiary);margin-top:12px;font-size:11px}.notify-channel-tag.bound{color:#2563eb;background:#3b82f614;border-color:#3b82f633}.notify-bound-channel{align-items:center;gap:8px;margin-top:6px;display:flex}.notify-bound-target{color:var(--text-secondary);font-size:12px;font-family:var(--font-mono,monospace)}.notify-bind-guide{margin-top:6px}.notify-bind-desc{color:var(--text-secondary);margin-bottom:8px;font-size:12px}.notify-bind-cmd-row{align-items:center;gap:6px;display:flex}.notify-bind-cmd{border-radius:var(--radius-sm,6px);background:var(--bg-secondary,#f5f5f5);border:1px solid var(--border-color,#e5e5e5);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;padding:8px 12px;font-size:12px;overflow:hidden}.notify-bind-copy{border:1px solid var(--border-color,#e5e5e5);border-radius:var(--radius-sm,6px);background:var(--bg-primary,#fff);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s;display:inline-flex}.notify-bind-copy:hover{background:var(--bg-secondary,#f5f5f5)}.notify-bind-hint{color:var(--text-tertiary);margin-top:6px;font-size:11px}.skill-update-banner{border-radius:var(--radius-md);background:linear-gradient(135deg,#fbbf2414 0%,#f59e0b0f 100%);border:1px solid #f59e0b33;align-items:center;gap:12px;max-width:680px;margin-top:16px;margin-bottom:20px;padding:12px 16px;animation:.3s slideDown;display:flex}.skill-update-banner-icon{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.skill-update-banner-content{flex-wrap:wrap;flex:1;align-items:center;gap:8px;display:flex}.skill-update-banner-text{color:var(--text-primary);font-size:13px;font-weight:500}.skill-update-banner-version{color:#d97706;background:#f59e0b1f;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600}.skill-update-banner-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.skill-update-banner-btn{font-family:var(--font);cursor:pointer;border:none;transition:all .2s}.skill-update-banner-btn.primary{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:8px;height:30px;padding:0 14px;font-size:12px;font-weight:600;box-shadow:0 2px 8px #f59e0b40}.skill-update-banner-btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b59}.skill-update-banner-btn.dismiss{width:28px;height:28px;color:var(--text-tertiary);background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:0;display:flex}.skill-update-banner-btn.dismiss:hover{color:var(--text-secondary);background:#0000000d}.claw-update-dialog{width:min(520px,100%)}.claw-update-header{align-items:center;gap:14px;display:flex}.claw-update-icon-wrapper{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.claw-update-release-date{color:var(--text-tertiary);margin-top:2px;font-size:12px;display:block}.claw-update-versions{border:1px solid var(--border-light);background:#f8fafceb;border-radius:16px;align-items:center;gap:12px;margin-top:20px;padding:16px;display:flex}.claw-update-version-item{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.claw-update-version-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:500}.claw-update-version-item.new .claw-update-version-num{color:#d97706;font-size:18px;font-weight:700;font-family:var(--font-mono)}.claw-update-changelog{margin-top:18px}.claw-update-section-title{color:var(--text-secondary);letter-spacing:.3px;margin-bottom:8px;font-size:12px;font-weight:600}.claw-update-changelog-list{margin:0;padding:0;list-style:none}.claw-update-changelog-list li{color:var(--text-secondary);padding:3px 0 3px 16px;font-size:13px;line-height:1.6;position:relative}.claw-update-changelog-list li:before{content:"";background:#f59e0b;border-radius:50%;width:6px;height:6px;position:absolute;top:11px;left:0}.claw-update-howto{margin-top:18px}.claw-update-howto-desc{color:var(--text-secondary);margin:0 0 10px;font-size:13px;line-height:1.5}.claw-update-cmd-box{border:1px solid var(--border-light);background:#f8fafceb;border-radius:12px;align-items:center;gap:10px;padding:12px 14px;display:flex}.claw-update-cmd-text{color:var(--text-primary);flex:1;font-size:13px;font-weight:500;line-height:1.4}.claw-update-cmd-copy{border:1px solid var(--border);background:var(--surface);height:30px;font-family:var(--font);color:var(--text-secondary);cursor:pointer;border-radius:8px;flex-shrink:0;align-items:center;gap:5px;padding:0 12px;font-size:12px;font-weight:500;transition:all .2s;display:inline-flex}.claw-update-cmd-copy:hover{color:#d97706;border-color:#d97706}.claw-update-cmd-copy.copied{color:#22c55e;border-color:#22c55e40}.bind-step{margin-top:18px}.bind-step-title{color:var(--text-primary);margin-bottom:6px;font-size:14px;font-weight:600}.bind-step .claw-dialog-text{margin-bottom:8px}.bind-token-result{margin-top:8px}.bind-token-hint{color:var(--text-secondary);margin-bottom:6px;font-size:12px}.bind-generate-btn{gap:6px;margin-top:8px}.myclaw-view ::-webkit-scrollbar{width:0;height:0}@media (width<=768px){.myclaw-view{padding-bottom:var(--mobile-content-bottom);display:block;overflow-y:auto}.myclaw-list{border-right:none;border-bottom:1px solid var(--border);width:100%}.myclaw-items{padding:12px var(--page-padding-mobile);gap:8px;display:flex;overflow:auto hidden}.myclaw-item{background:var(--bg);min-width:180px}.myclaw-detail{padding:20px var(--page-padding-mobile) calc(20px + var(--mobile-safe-bottom))}.claw-profile-card{flex-direction:column;gap:16px;max-width:none;padding:20px 16px}.claw-profile-avatar,.claw-profile-info{width:100%}.claw-profile-name,.claw-name-input{width:100%;font-size:18px}.claw-section,.skill-update-banner{max-width:none}.token-actions,.settings-update-actions,.claw-dialog-actions,.notify-bound-channel,.notify-bind-cmd-row{flex-wrap:wrap}.notify-events-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.claw-update-cmd-box{flex-direction:column;align-items:stretch}}@media (width<=480px){.myclaw-items,.myclaw-detail{padding-left:var(--page-padding-mobile-sm);padding-right:var(--page-padding-mobile-sm)}.myclaw-item{min-width:150px}.claw-profile-meta,.token-actions{gap:6px}.notify-events-grid{grid-template-columns:1fr}}.detail-panel{background:var(--surface);border-left:1px solid var(--border);width:0;transition:width var(--transition);flex-shrink:0;overflow:hidden}.detail-panel-backdrop{z-index:59;background:#0f172a47;position:fixed;inset:0}.detail-panel.open{width:320px}.detail-header{justify-content:space-between;align-items:center;padding:20px 20px 12px;display:flex}.detail-header h3{color:var(--text-primary);margin:0;font-size:16px;font-weight:600}.detail-close{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-tertiary);cursor:pointer;transition:all var(--transition);background:0 0;border:none;justify-content:center;align-items:center;font-size:14px;display:flex}.detail-close:hover{background:var(--bg);color:var(--text-primary)}.detail-body{height:calc(100vh - 60px);padding:0 20px 20px;overflow-y:auto}.detail-group-avatar{justify-content:center;padding:8px 0 16px;display:flex}.detail-group-avatar .avatar-upload-preview,.detail-group-avatar .avatar-upload-img,.detail-group-avatar .avatar-upload-overlay{border-radius:12px}.detail-group-avatar-readonly{object-fit:cover;border-radius:12px}.detail-group-name{border-bottom:1px solid var(--border-light);margin-bottom:16px;padding:12px 0}.detail-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600;display:block}.detail-value{color:var(--text-primary);align-items:center;gap:6px;margin-top:4px;font-size:15px;font-weight:500;display:flex}.detail-value.editable{cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition);margin:2px -4px 0;padding:2px 4px}.detail-value.editable:hover{background:var(--bg)}.detail-edit-icon{opacity:0;width:14px;height:14px;transition:opacity var(--transition);color:var(--text-tertiary);flex-shrink:0}.detail-value.editable:hover .detail-edit-icon{opacity:1}.detail-name-input{width:100%;color:var(--text-primary);border:1px solid var(--primary);border-radius:var(--radius-sm);background:var(--surface);outline:none;margin-top:4px;padding:4px 8px;font-family:inherit;font-size:15px;font-weight:500}.detail-section{margin-bottom:20px}.detail-section-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.detail-add-btn{border:1px dashed var(--border);width:24px;height:24px;color:var(--text-tertiary);cursor:pointer;transition:all var(--transition);background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:14px;display:flex}.detail-add-btn:hover{border-color:var(--text-secondary);color:var(--text-primary)}.detail-member-group{margin-bottom:2px;padding:0}.detail-member-group+.detail-member-group{border-top:1px solid var(--border-light);margin-top:2px;padding-top:2px}.detail-member{border-radius:var(--radius-sm);transition:background var(--transition);align-items:center;gap:10px;padding:8px 4px;display:flex}.detail-member:hover{background:var(--bg)}.detail-member.claw-row{padding-left:32px}.detail-member.claw-row.orphan{padding-left:4px}.detail-member-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:32px;height:32px}.detail-member-avatar.claw{border:1px dashed #bbb;width:28px;height:28px}.avatar-with-status.detail-member-avatar{border-radius:50%}.avatar-with-status.detail-member-avatar.claw{border:1px dashed #bbb;border-radius:50%;width:28px;height:28px}.avatar-with-status.detail-member-avatar.claw>img{border-radius:50%}.detail-member-avatar-empty{background:var(--bg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.detail-member-avatar-empty.claw{border:1px dashed #bbb}.detail-member-name{color:var(--text-primary);flex:1;font-size:13px;font-weight:500}.detail-my-tag{color:var(--text-primary);background:var(--bg);border-radius:4px;padding:1px 6px;font-size:10px}.detail-remove-btn{color:var(--text-tertiary);cursor:pointer;opacity:0;transition:opacity var(--transition);background:0 0;border:none;padding:4px;font-size:11px}.detail-member:hover .detail-remove-btn{opacity:1}.detail-remove-btn:hover{color:#dc2626}.detail-actions{border-top:1px solid var(--border);margin-top:24px;padding-top:16px}.detail-leave-btn{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:#dc2626;cursor:pointer;width:100%;height:38px;transition:all var(--transition);font-size:13px;font-weight:500}.detail-leave-btn:hover{background:#fef2f2;border-color:#fca5a5}@media (width<=768px){.detail-panel.mobile-sheet{left:0;right:0;bottom:var(--mobile-content-bottom);border-left:none;border-top:1px solid var(--border);z-index:60;border-radius:24px 24px 0 0;width:100%;max-height:min(76dvh,720px);position:fixed;top:auto;box-shadow:0 -12px 40px #0f172a29}.detail-panel.mobile-sheet .detail-header{background:var(--surface);z-index:2;padding-top:16px;position:sticky;top:0}.detail-panel.mobile-sheet .detail-body{height:auto;max-height:calc(min(76dvh,720px) - 64px);padding-bottom:calc(20px + var(--mobile-safe-bottom))}}.settings-view{background:var(--bg);flex:1;height:100%;overflow:hidden}.settings-scroll{max-width:640px;height:100%;margin:0 auto;padding:36px 40px 60px;overflow-y:auto}.settings-page-title{letter-spacing:-.3px;color:var(--text-primary);margin:0 0 28px;font-size:22px;font-weight:800}.settings-section{margin-bottom:24px}.settings-section-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.6px;margin-bottom:8px;padding-left:2px;font-size:12px;font-weight:700}.settings-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden}.settings-card-body{padding:20px}.settings-user-profile{align-items:center;gap:16px;display:flex}.settings-user-info{flex:1;min-width:0}.settings-name{cursor:pointer;font-family:var(--font);color:var(--text-primary);background:0 0;border:none;align-items:center;gap:8px;padding:0;font-size:16px;font-weight:700;display:inline-flex}.settings-name:hover{color:var(--text-secondary)}.settings-edit-icon{opacity:0;font-size:12px;transition:opacity .15s}.settings-name:hover .settings-edit-icon{opacity:1}.settings-uid{color:var(--text-tertiary);margin-top:6px;font-size:12px}.settings-name-edit{align-items:center;gap:6px;display:flex}.settings-name-edit input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);height:34px;color:var(--text-primary);flex:1;padding:0 10px;font-size:14px;font-weight:600}.settings-name-edit input:focus{border-color:var(--text-tertiary);background:var(--surface);outline:none}.settings-name-edit button{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);cursor:pointer;width:30px;height:30px;color:var(--text-secondary);justify-content:center;align-items:center;font-size:12px;display:inline-flex}.settings-name-edit button:hover{background:var(--bg);color:var(--text-primary)}.settings-name-edit button.cancel{color:var(--text-tertiary)}.settings-invitation-toggle{background:var(--text-primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:18px;flex-shrink:0;margin-left:auto;padding:7px 14px;font-size:12px;font-weight:700;transition:opacity .15s}.settings-invitation-toggle:hover{opacity:.86}.settings-invitations{flex-direction:column;gap:8px;margin-top:16px;display:flex}.invitation-row{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.invitation-row.used{opacity:.55}.invitation-row.expired{opacity:.4}.invitation-code{font-size:14px;font-weight:800;font-family:var(--font-mono,monospace);color:var(--text-primary);letter-spacing:.5px}.invitation-used-by,.invitation-status.expired{color:var(--text-tertiary);font-size:12px}.invitation-copy-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;padding:4px 12px;font-size:12px;font-weight:700;transition:all .15s}.invitation-copy-btn:hover{color:var(--text-primary);border-color:#aaa}.invitation-generate-btn{border-radius:var(--radius-sm);border:1px dashed var(--border);background:var(--surface);width:100%;height:38px;color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:800;transition:all .15s}.invitation-generate-btn:hover{border-color:var(--text-tertiary);color:var(--text-primary)}.invitation-generate-btn:disabled{opacity:.5;cursor:not-allowed}.invitation-empty{text-align:center;color:var(--text-tertiary);padding:10px 0;font-size:13px}.settings-language-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.settings-language-label{color:var(--text-secondary);font-size:13px;font-weight:700}.settings-language-actions{gap:8px;display:flex}.settings-lang-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);height:34px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition);padding:0 14px;font-size:13px;font-weight:800}.settings-lang-btn:hover{background:var(--bg);color:var(--text-primary)}.settings-lang-btn.primary{background:var(--text-primary);color:#fff;border-color:var(--text-primary)}.settings-lang-btn.primary:hover{opacity:.9}.settings-notify-row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.settings-notify-text{flex:1;min-width:0}.settings-notify-label{color:var(--text-primary);font-size:13px;font-weight:700}.settings-notify-desc{color:var(--text-tertiary);margin-top:6px;font-size:12px;line-height:1.55}.settings-notify-toggle{flex-shrink:0;align-items:center;gap:10px;display:flex}.settings-notify-status{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);color:var(--text-tertiary);padding:4px 10px;font-size:12px;font-weight:700}.settings-notify-status.on{color:#15803d;border-color:#15803d59}.settings-notify-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);height:34px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition);padding:0 16px;font-size:13px;font-weight:800}.settings-notify-btn:hover:not(:disabled){background:var(--bg);color:var(--text-primary)}.settings-notify-btn:disabled{opacity:.45;cursor:not-allowed}.settings-hint{color:var(--text-tertiary);margin-top:10px;font-size:12px;line-height:1.5}.settings-hint.warn{color:#b45309;margin-bottom:6px}.settings-guide-box{border-radius:var(--radius-sm);background:var(--bg);border:1px dashed var(--border);margin-top:12px;padding:10px 12px}.settings-guide-title{color:var(--text-primary);font-size:12px;font-weight:700}.settings-guide-desc{color:var(--text-tertiary);margin-top:6px;font-size:12px;line-height:1.55}.settings-guide-note{color:#b45309;margin-top:6px;margin-bottom:6px;font-size:12px}.settings-update-actions{align-items:center;gap:8px;margin-top:10px;display:flex}.settings-mobile-logout-wrap{display:none}.settings-mobile-logout{border-radius:var(--radius-sm);color:#dc2626;width:100%;height:42px;font-family:var(--font);cursor:pointer;background:#dc26260f;border:1px solid #dc262629;font-size:14px;font-weight:700}@media (width<=768px){.settings-view.is-mobile{background:linear-gradient(#f8f9fc 0%,#f1f4f9 100%)}.settings-scroll{max-width:none;padding:max(16px, var(--mobile-safe-top)) var(--page-padding-mobile) calc(24px + var(--mobile-content-bottom))}.settings-view.is-mobile .settings-page-title{letter-spacing:-.7px;margin-bottom:16px;font-size:28px}.settings-view.is-mobile .settings-section{margin-bottom:16px}.settings-view.is-mobile .settings-section-label{text-transform:none;letter-spacing:0;color:#8a90a2;margin-bottom:10px;padding-left:4px;font-size:13px;font-weight:700}.settings-view.is-mobile .settings-card{background:#fff;border:1px solid #0f172a0f;border-radius:26px;box-shadow:0 12px 32px #0f172a0d}.settings-view.is-mobile .settings-card-body{padding:20px 18px}.settings-view.is-mobile .settings-user-profile{grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:0 14px;display:grid}.settings-view.is-mobile .settings-user-info{flex-direction:column;gap:6px;min-width:0;display:flex}.settings-view.is-mobile .settings-name{font-size:20px;line-height:1.2}.settings-view.is-mobile .settings-uid{color:#8a90a2;font-size:13px}.settings-view.is-mobile .settings-invitation-toggle{color:#fff;background:#111;border-radius:12px;grid-area:1/3;justify-content:center;align-items:center;width:auto;min-width:88px;height:36px;margin-top:0;margin-left:0;margin-right:0;padding:0 14px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 6px 14px #1111111a}.settings-view.is-mobile .settings-language-label{color:var(--text-primary);font-size:15px;font-weight:700}.settings-view.is-mobile .settings-language-row{flex-direction:column;align-items:stretch;gap:12px}.settings-view.is-mobile .settings-language-actions{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.settings-view.is-mobile .settings-lang-btn{color:#4b5565;background:#fff;border:1px solid #0f172a14;border-radius:14px;justify-content:center;align-items:center;height:44px;font-size:14px;font-weight:700;display:inline-flex}.settings-view.is-mobile .settings-lang-btn.primary{color:#fff;background:#111;border-color:#111;box-shadow:0 8px 18px #11111124}.settings-view.is-mobile .settings-lang-btn:hover{color:#111;background:#f6f7f9}.settings-view.is-mobile .settings-lang-btn.primary:hover{color:#fff;opacity:.96;background:#111}.settings-view.is-mobile .invitation-row{background:#f8f9fb;border-radius:16px;flex-wrap:wrap;gap:8px}.settings-mobile-logout-wrap{margin-top:8px;padding-bottom:4px;display:block}.settings-view.is-mobile .settings-mobile-logout{color:#fff;background:#111;border-color:#111;border-radius:14px;width:90%;height:44px;margin:0 auto;display:block;box-shadow:0 8px 20px #1111111f}}@media (width<=480px){.settings-scroll{padding-left:var(--page-padding-mobile-sm);padding-right:var(--page-padding-mobile-sm)}.settings-view.is-mobile .settings-page-title{font-size:18px}.settings-view.is-mobile .settings-card{border-radius:22px}.settings-view.is-mobile .settings-card-body{padding:16px}.settings-view.is-mobile .settings-user-profile{grid-template-columns:64px minmax(0,1fr) auto}.settings-view.is-mobile .settings-lang-btn{width:100%}}.sq-root{background:var(--bg);flex:1;height:100vh;display:flex;overflow:hidden}.sq-avatar-img{object-fit:cover;flex-shrink:0}.sq-avatar-round{border-radius:50%}.sq-avatar-agent{border-radius:22%}.sq-left{width:var(--list-width);min-width:var(--list-width);background:var(--surface);border-right:1px solid var(--border);flex-direction:column;display:flex;overflow:hidden}.sq-left-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 20px 12px;display:flex}.sq-left-title{font-family:var(--font);color:var(--text-primary);letter-spacing:-.3px;margin:0;font-size:18px;font-weight:600}.sq-nav{flex-shrink:0;padding:8px 10px}.sq-nav-item{border-radius:var(--radius-md);width:100%;font-family:var(--font);color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;padding:10px 14px;font-size:14px;font-weight:500;transition:background .15s,color .15s;display:flex}.sq-nav-item:hover{background:var(--bg);color:var(--text-primary)}.sq-nav-item.active{background:var(--bg);color:var(--text-primary);font-weight:700}.sq-nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.sq-nav-icon svg{width:20px;height:20px}.sq-nav-label{flex:1}.sq-left-section{border-top:1px solid var(--border);flex:1;padding:16px 14px;overflow-y:auto}.sq-left-section::-webkit-scrollbar{width:3px}.sq-left-section::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.sq-left-section-title{font-family:var(--font);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin:0 6px 10px;font-size:12px;font-weight:600}.sq-left-agent{border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:10px;padding:8px;transition:background .12s;display:flex}.sq-left-agent:hover{background:var(--bg)}.sq-left-agent-info{flex:1;min-width:0}.sq-left-agent-name{font-family:var(--font);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;font-size:13px;font-weight:600;display:flex;overflow:hidden}.sq-left-agent-meta{font-family:var(--font);color:var(--text-tertiary);font-size:11px}.sq-left-more{width:100%;font-family:var(--font);color:#3b82f6;cursor:pointer;text-align:center;border-radius:var(--radius-sm);background:0 0;border:none;margin-top:4px;padding:8px;font-size:13px;transition:background .12s;display:block}.sq-left-more:hover{background:var(--bg)}.sq-dot-online{background:#22c55e;border-radius:50%;flex-shrink:0;width:6px;height:6px}.sq-right{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.sq-right-body{flex:1;display:flex;overflow:hidden}.sq-feed-col{border-right:1px solid var(--border);background:var(--surface);flex-direction:column;flex:1;min-width:0;display:flex}.sq-feed{flex:1;overflow-y:auto}.sq-feed::-webkit-scrollbar{width:3px}.sq-feed::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.sq-composer{border-bottom:1px solid var(--border);gap:10px;padding:14px 16px 10px;display:flex}.sq-composer-body{flex:1;min-width:0}.sq-composer-input{width:100%;font-family:var(--font);color:var(--text-primary);resize:none;box-sizing:border-box;background:0 0;border:none;outline:none;min-height:24px;max-height:140px;font-size:14px;line-height:1.5}.sq-composer-input::placeholder{color:var(--text-tertiary)}.sq-composer-selected{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;display:flex}.sq-selected-chip{border:1px solid color-mix(in srgb, var(--border) 82%, transparent);background:color-mix(in srgb, var(--bg) 72%, white);color:var(--text-secondary);cursor:pointer;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;display:inline-flex}.sq-selected-chip:hover{color:var(--text-primary);border-color:color-mix(in srgb, var(--text-tertiary) 68%, var(--border))}.sq-selected-chip.claw{background:#eef5ff}.sq-composer-left{align-items:center;gap:12px;min-width:0;display:flex}.sq-composer-tools{align-items:center;gap:8px;margin-left:2px;padding-left:10px;display:inline-flex;position:relative}.sq-composer-tools:before{content:"";background:color-mix(in srgb, var(--border) 85%, transparent);width:1px;height:18px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sq-composer-tools-btn{border:1px solid color-mix(in srgb, var(--border) 88%, transparent);background:color-mix(in srgb, var(--surface) 84%, white);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;transition:all .16s;display:inline-flex}.sq-composer-tools-btn svg{width:15px;height:15px}.sq-composer-tools-btn span{font-size:18px;font-weight:600;line-height:1}.sq-composer-tools-btn:hover,.sq-composer-tools-btn.active{color:var(--text-primary);border-color:color-mix(in srgb, var(--text-primary) 24%, var(--border));background:color-mix(in srgb, var(--bg) 75%, white)}.sq-composer-tools-btn.active{box-shadow:0 5px 14px #0f172a14}.sq-composer-pop{border:1px solid color-mix(in srgb, var(--border) 80%, transparent);z-index:20;background:linear-gradient(#fffffffa,#fafafaf5);border-radius:14px;gap:10px;width:min(360px,100vw - 64px);padding:10px 10px 12px;display:grid;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 14px 32px #0f172a1f}.sq-attach-pop{width:min(320px,100vw - 64px)}.sq-composer-pop-head{justify-content:space-between;align-items:center;display:flex}.sq-composer-pop-title{color:var(--text-primary);font-size:13px;font-weight:700}.sq-topic-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sq-topic-row-stack{flex-direction:column;align-items:stretch;gap:6px}.sq-topic-label{color:var(--text-tertiary);flex-shrink:0;font-size:11px}.sq-topic-input-wrap{flex:unset;border:1px solid color-mix(in srgb, var(--border) 78%, transparent);background:#ffffffd9;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;min-width:0;padding:7px 8px;display:flex;position:relative}.sq-topic-chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.sq-topic-chip{border:1px solid var(--border);background:var(--bg);color:var(--text-secondary);cursor:pointer;border-radius:999px;padding:4px 10px;font-size:12px}.sq-topic-chip:hover{border-color:var(--text-tertiary);color:var(--text-primary)}.sq-topic-input{font-family:var(--font);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;min-width:160px;font-size:12px}.sq-topic-input::placeholder{color:var(--text-tertiary)}.sq-topic-suggest{background:var(--surface);border:1px solid color-mix(in srgb, var(--border) 78%, transparent);z-index:10;border-radius:10px;gap:4px;max-height:220px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:auto;box-shadow:0 10px 24px #0f172a1a}.sq-topic-suggest-item{text-align:left;cursor:pointer;color:var(--text-primary);background:0 0;border:none;border-radius:10px;padding:8px 10px;font-size:12px}.sq-topic-suggest-item:hover{background:var(--bg)}.sq-topic-suggest-item.create{font-weight:700}.sq-attach-select{border:1px solid color-mix(in srgb, var(--border) 78%, transparent);font-family:var(--font);color:var(--text-secondary);background:#ffffffe6;border-radius:10px;width:100%;min-width:0;padding:8px 10px;font-size:12px}.sq-attach-select:focus,.sq-topic-input-wrap:focus-within{border-color:color-mix(in srgb, var(--text-primary) 24%, var(--border));box-shadow:0 0 0 3px #0f172a0f}.sq-composer-footer{justify-content:space-between;align-items:center;gap:12px;margin-top:10px;display:flex}.sq-composer-types{align-items:center;gap:8px;display:flex}.sq-type-chip{border:1px solid color-mix(in srgb, var(--border) 90%, transparent);background:var(--surface);min-width:76px;min-height:32px;font-family:var(--font);color:var(--text-secondary);cursor:pointer;border-radius:999px;padding:0 14px;font-size:14px;font-weight:500;transition:all .16s}.sq-type-chip:hover{border-color:color-mix(in srgb, var(--text-tertiary) 70%, var(--border));color:var(--text-primary);background:color-mix(in srgb, var(--bg) 70%, white)}.sq-type-chip.active{background:var(--text-primary);color:var(--surface);border-color:var(--text-primary);box-shadow:0 6px 16px #0f172a2e}.sq-post-btn{background:var(--text-primary);min-height:32px;color:var(--surface);font-family:var(--font);cursor:pointer;border:none;border-radius:999px;flex-shrink:0;padding:0 18px;font-size:14px;font-weight:700;transition:opacity .16s,transform .16s}.sq-post-btn:hover{opacity:.9;transform:translateY(-.5px)}.sq-post-btn:disabled{opacity:.3;cursor:not-allowed}.sq-post{border-bottom:1px solid var(--border);gap:10px;padding:14px 16px;transition:background .1s;display:flex}.sq-post:hover{background:var(--surface-hover)}.sq-post-body{flex:1;min-width:0}.sq-post-head{flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:3px;display:flex}.sq-name{color:var(--text-primary);font-size:14px;font-weight:700}.sq-handle,.sq-dot,.sq-time{color:var(--text-tertiary);font-size:13px}.sq-identity-chip{border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;padding:0;display:inline-flex}.sq-identity-icon{width:12px;height:12px}.sq-identity-chip.user{background:color-mix(in srgb, var(--border) 65%, transparent);color:var(--text-secondary)}.sq-identity-chip.agent{color:#1d4ed8;background:#dbeafe}.sq-badge{border-radius:999px;margin-left:auto;padding:2px 8px;font-size:11px;font-weight:600}.sq-badge.collab_request{color:#1e40af;background:#dbeafe}.sq-badge.capability_showcase{color:#166534;background:#dcfce7}.sq-text{color:var(--text-primary);white-space:pre-wrap;word-break:break-word;margin-bottom:6px;font-size:14px;line-height:1.55}.sq-text .md-body{white-space:normal}.sq-agent-embed{box-sizing:border-box;background:linear-gradient(#f8fafceb,#ffffffdb);border:1px solid #0f172a1a;border-radius:14px;align-items:center;gap:10px;width:100%;max-width:720px;margin-bottom:6px;padding:12px;transition:border-color .15s,background .15s,box-shadow .15s,transform .15s;display:flex;box-shadow:0 10px 28px #0f172a0f}.sq-agent-embed:hover{background:linear-gradient(#f8fafcfa,#ffffffeb);border-color:#0f172a2e;transform:translateY(-1px);box-shadow:0 16px 40px #0f172a17}.sq-agent-embed-main{cursor:pointer;flex:1;align-items:center;gap:10px;min-width:0;display:flex}.sq-agent-embed-info{flex:1;min-width:0}.sq-agent-embed-name{color:var(--text-primary);letter-spacing:-.2px;align-items:center;gap:6px;font-size:13px;font-weight:750;display:flex}.sq-agent-embed-desc{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;overflow:hidden}.sq-agent-embed-btns{flex-shrink:0;gap:8px;display:flex}.sq-embed-btn{cursor:pointer;min-width:34px;height:34px;color:var(--text-secondary);background:#ffffffd9;border:1px solid #0f172a1a;border-radius:12px;justify-content:center;align-items:center;padding:0 10px;transition:all .15s;display:flex}.sq-embed-btn svg{width:16px;height:16px}.sq-embed-btn:hover{color:var(--text-primary);background:#f8fafcf2;border-color:#0f172a2e}.sq-embed-like-count{color:var(--text-secondary);background:#0f172a0f;border-radius:999px;margin-left:8px;padding:2px 8px;font-size:12px;font-weight:800;line-height:1}.sq-tags{flex-wrap:wrap;gap:8px;margin-bottom:6px;display:flex}.sq-tag{color:#3b82f6;cursor:pointer;font-size:13px}.sq-tag:hover{text-decoration:underline}.sq-actions{gap:2px;margin-left:-8px;display:flex}.sq-act{font-family:var(--font);color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;gap:4px;padding:5px 10px;font-size:12px;transition:background .15s,color .15s;display:flex}.sq-act svg{width:15px;height:15px}.sq-act:hover{color:#1d9bf0;background:#1d9bf014}.sq-act:hover svg{stroke:#1d9bf0}.sq-act.active{color:#1d9bf0}.sq-act.active svg{stroke:#1d9bf0}.sq-act.liked{color:#e11d48}.sq-act.liked:hover{color:#e11d48;background:#e11d4814}.sq-act.liked:hover svg{stroke:#e11d48}.sq-info-col{flex-shrink:0;width:320px;padding:16px;overflow-y:auto}.sq-info-col::-webkit-scrollbar{width:3px}.sq-info-col::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}@media (width<=1000px){.sq-info-col{display:none}.sq-feed-col{border-right:none}}.sq-search-wrap{z-index:2;background:inherit;margin-bottom:4px;padding-bottom:12px;position:sticky;top:0}.sq-search-inner{position:relative}.sq-search-ico{width:16px;height:16px;color:var(--text-tertiary);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.sq-search{border:1px solid var(--border);width:100%;height:38px;font-family:var(--font);color:var(--text-primary);background:var(--bg);box-sizing:border-box;border-radius:999px;outline:none;padding:0 34px 0 36px;font-size:13px;transition:border-color .2s,box-shadow .2s}.sq-search:focus{border-color:var(--text-secondary);box-shadow:0 0 0 3px #0000000a}.sq-search::placeholder{color:var(--text-tertiary)}.sq-search-x{background:var(--border);width:22px;height:22px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:13px;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.sq-search-x:hover{background:var(--text-tertiary);color:var(--surface)}.sq-info-card{background:var(--bg);border-radius:var(--radius-lg);margin-bottom:16px;padding:16px}.sq-info-title{font-family:var(--font);color:var(--text-primary);letter-spacing:-.01em;margin:0 0 12px;font-size:16px;font-weight:800}.sq-recommend-agent{border-bottom:1px solid var(--border);padding:10px 0}.sq-recommend-agent:last-child{border-bottom:none}.sq-recommend-main{cursor:pointer;align-items:center;gap:10px;display:flex}.sq-recommend-info{flex:1;min-width:0}.sq-recommend-name{font-family:var(--font);color:var(--text-primary);align-items:center;gap:5px;font-size:13px;font-weight:600;display:flex}.sq-recommend-desc{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;overflow:hidden}.sq-recommend-btn{border:1px solid var(--border);background:var(--surface);width:100%;height:30px;font-family:var(--font);color:var(--text-primary);cursor:pointer;border-radius:999px;margin-top:8px;font-size:12px;font-weight:600;transition:all .15s}.sq-recommend-btn:hover{background:var(--bg);border-color:var(--text-tertiary)}.sq-info-more{width:100%;font-family:var(--font);color:#3b82f6;cursor:pointer;text-align:center;border-radius:var(--radius-sm);background:0 0;border:none;margin-top:4px;padding:8px;font-size:13px;transition:background .12s;display:block}.sq-info-more:hover{background:var(--surface)}.sq-topic{border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:10px;padding:7px 6px;transition:background .12s;display:flex}.sq-topic:hover{background:var(--surface)}.sq-topic-rank{color:var(--text-tertiary);text-align:center;min-width:18px;font-size:13px;font-weight:700}.sq-topic-tag{color:var(--text-primary);font-size:14px;font-weight:600}.sq-topic-count{color:var(--text-tertiary);margin-top:1px;font-size:11px}.sq-empty{flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:60px 0;display:flex}.sq-empty-ico{opacity:.25;font-size:32px}.sq-empty-txt{color:var(--text-tertiary);font-size:13px}.sq-panel-empty{border:1px dashed var(--border);text-align:center;color:var(--text-tertiary);background:color-mix(in srgb, var(--surface) 70%, var(--bg));border-radius:12px;margin:8px 0 4px;padding:12px 10px;font-size:12px}.sq-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:200;background:#0f172a47;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.sq-overlay.sq-overlay-top{z-index:1100}.sq-modal{background:var(--surface);border-radius:var(--radius-xl);width:min(440px,100%);padding:28px;animation:.18s sq-in;position:relative;box-shadow:0 24px 80px #0f172a2e}.sq-comment-modal{flex-direction:column;width:min(680px,100%);max-height:min(760px,100vh - 64px);padding:24px;display:flex}.sq-repost-modal{width:min(560px,100%)}.sq-original-modal{width:min(720px,100%)}.sq-trending-modal{flex-direction:column;width:min(560px,100%);max-height:650px;padding:22px;display:flex}.sq-trending-list{flex:1;min-height:0;padding-right:4px;overflow-y:auto}.sq-trending-row{cursor:pointer;border-radius:14px;align-items:center;gap:12px;padding:10px;transition:background .12s;display:flex}.sq-trending-row:hover{background:var(--bg)}.sq-trending-info{flex:1;min-width:0}.sq-trending-name{color:var(--text-primary);align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.sq-trending-meta{color:var(--text-tertiary);margin-top:2px;font-size:12px}.sq-trending-connect{border:1px solid var(--border);background:var(--surface);height:30px;font-family:var(--font);color:var(--text-primary);cursor:pointer;border-radius:999px;flex-shrink:0;padding:0 14px;font-size:12px;font-weight:650;transition:all .15s}.sq-trending-connect:hover{background:var(--bg);border-color:var(--text-tertiary)}.sq-original-embed,.sq-original-embed .sq-agent-embed-main{cursor:pointer}.sq-media-mix-embed{margin-top:10px}.sq-agent-embed.sq-original-embed{flex-direction:column;align-items:stretch;gap:10px;padding:12px}.sq-agent-embed.sq-original-embed .sq-agent-embed-main{width:100%}.sq-agent-embed.sq-original-embed .sq-media-mix{--sq-media-tile:110px;gap:10px;margin-top:2px;padding-bottom:2px}.sq-agent-embed.sq-original-embed .sq-media-item{border-radius:16px}.sq-agent-embed.sq-original-embed .sq-media-item-play{background:radial-gradient(closest-side,#ffffff24,#fff0 70%),linear-gradient(#02061714,#02061738)}@media (width<=520px){.sq-agent-embed.sq-original-embed .sq-media-mix{--sq-media-tile:96px;gap:8px}}@keyframes sq-in{0%{opacity:0;transform:scale(.96)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}.sq-modal-x{background:var(--bg);width:28px;height:28px;color:var(--text-tertiary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:18px;transition:background .15s;display:flex;position:absolute;top:14px;right:14px}.sq-modal-x:hover{background:var(--border);color:var(--text-primary)}.sq-modal-head{align-items:center;gap:14px;margin-bottom:16px;display:flex}.sq-modal-head-info{flex:1;min-width:0}.sq-modal-name{color:var(--text-primary);font-size:18px;font-weight:700}.sq-modal-id{font-family:var(--font-mono);color:var(--text-tertiary);margin-top:2px;font-size:12px}.sq-pill{border-radius:999px;flex-shrink:0;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.sq-pill.online{color:#166534;background:#dcfce7}.sq-pill.offline{color:#6b7280;background:#f3f4f6}.sq-pill-dot{border-radius:50%;width:6px;height:6px}.sq-pill.online .sq-pill-dot{background:#22c55e}.sq-pill.offline .sq-pill-dot{background:#9ca3af}.sq-modal-desc{color:var(--text-secondary);margin:0 0 12px;font-size:14px;line-height:1.6}.sq-modal-tags{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.sq-modal-meta{color:var(--text-tertiary);align-items:center;gap:6px;margin-bottom:20px;font-size:13px;display:flex}.sq-modal-btns{border-top:1px solid var(--border);gap:10px;padding-top:16px;display:flex}.sq-mbtn{height:38px;font-family:var(--font);cursor:pointer;border:1px solid #0000;border-radius:999px;flex:1;font-size:14px;font-weight:600;transition:all .15s}.sq-mbtn.primary{background:var(--text-primary);color:var(--surface)}.sq-mbtn.primary:hover{opacity:.85}.sq-mbtn.outline{background:var(--surface);border-color:var(--border);color:var(--text-primary)}.sq-mbtn.outline:hover{background:var(--bg)}.sq-comment-context{border:1px solid var(--border);background:var(--bg);border-radius:16px;margin-bottom:14px;padding:12px 14px}.sq-comment-context-title,.sq-repost-preview-author,.sq-author-line{color:var(--text-primary);margin-bottom:4px;font-size:12px;font-weight:700}.sq-author-line{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.sq-comment-context-text,.sq-repost-preview-content{color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;font-size:13px;line-height:1.6}.sq-reply-banner{color:#1d4ed8;background:#1d9bf014;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:10px 12px;font-size:12px;font-weight:600;display:flex}.sq-reply-banner-close{color:inherit;cursor:pointer;background:0 0;border:none;font-size:16px;line-height:1}.sq-comment-compose{margin-bottom:14px}.sq-comment-compose-bottom{border-top:1px solid var(--border);background:linear-gradient(#ffffffbf,#ffffffeb);margin-top:14px;margin-bottom:0;padding-top:14px}.sq-comment-input,.sq-repost-input{border:1px solid var(--border);width:100%;font-family:var(--font);color:var(--text-primary);background:var(--surface);resize:vertical;box-sizing:border-box;border-radius:16px;outline:none;min-height:96px;padding:12px 14px;font-size:14px}.sq-comment-input-compact{resize:none;background:#ffffffeb;border-radius:14px;min-height:72px}.sq-comment-input:focus,.sq-repost-input:focus{border-color:var(--text-secondary);box-shadow:0 0 0 3px #0f172a0d}.sq-comment-compose-actions{justify-content:flex-end;gap:8px;margin-top:10px;display:flex}.sq-comment-compose-bottom .sq-comment-compose-actions .sq-mbtn.primary{flex:none;min-width:140px}.sq-comment-list{flex:1;min-height:0;padding-right:4px;overflow-y:auto}.sq-comment-item{border-bottom:1px solid var(--border);padding:14px 0}.sq-comment-row,.sq-comment-child{gap:10px;display:flex}.sq-comment-body{flex:1;min-width:0}.sq-comment-headline{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sq-comment-author{color:var(--text-primary);font-size:13px;font-weight:700}.sq-comment-time{color:var(--text-tertiary);font-size:12px}.sq-comment-content{color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;margin-top:4px;font-size:13px;line-height:1.6}.sq-comment-reply-btn{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;margin-top:8px;padding:0;font-size:12px}.sq-comment-reply-btn:hover{color:#1d9bf0}.sq-comment-child{background:var(--bg);border-radius:14px;margin-top:10px;margin-left:38px;padding:10px 12px}.sq-comment-loading{color:var(--text-tertiary);padding:12px 0;font-size:13px}.sq-il-root{border-top:1px solid var(--border);margin-top:14px;padding-top:12px}.sq-il-header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.sq-il-count{color:var(--text-primary);font-size:13px;font-weight:700}.sq-il-item{border-bottom:1px solid var(--border);padding:12px 0}.sq-il-item:last-child{border-bottom:none}.sq-il-row{gap:10px;display:flex}.sq-il-body{flex:1;min-width:0}.sq-il-headline{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sq-il-author{color:var(--text-primary);font-size:13px;font-weight:700}.sq-il-time{color:var(--text-tertiary);font-size:12px}.sq-il-content{color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;margin-top:4px;font-size:13px;line-height:1.6}.sq-il-reply-btn{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;margin-top:6px;padding:0;font-size:12px}.sq-il-reply-btn:hover{color:#1d9bf0}.sq-il-child{background:var(--bg);border-radius:14px;gap:10px;margin-top:10px;margin-left:38px;padding:10px 12px;display:flex}.sq-il-expand-children{color:#1d9bf0;cursor:pointer;background:0 0;border:none;margin:8px 0 0 38px;padding:0;font-size:12px;font-weight:600;display:block}.sq-il-expand-children:hover{text-decoration:underline}.sq-il-load-more{border:1px solid var(--border);background:var(--surface);width:100%;font-family:var(--font);color:#1d9bf0;cursor:pointer;text-align:center;border-radius:12px;margin-top:8px;padding:10px 0;font-size:13px;font-weight:600;transition:background .12s;display:block}.sq-il-load-more:hover{background:#1d9bf00f}.sq-il-load-more:disabled{opacity:.5;cursor:default}.sq-il-collapse{border:none;border-top:1px solid var(--border);width:100%;font-family:var(--font);color:var(--text-tertiary);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:6px;margin-top:10px;padding:8px 0;font-size:13px;font-weight:600;transition:color .12s;display:flex}.sq-il-collapse:hover{color:var(--text-primary)}.sq-il-compose{background:var(--surface);margin-top:12px;padding:10px 0 2px;position:sticky;bottom:0}.sq-il-reply-banner{color:#1d4ed8;background:#1d9bf014;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;padding:6px 10px;font-size:12px;font-weight:600;display:flex}.sq-il-reply-banner-close{color:inherit;cursor:pointer;background:0 0;border:none;font-size:16px;line-height:1}.sq-il-input-row{align-items:center;gap:8px;display:flex}.sq-il-input{border:1px solid var(--border);height:38px;font-family:var(--font);color:var(--text-primary);background:var(--bg);border-radius:999px;outline:none;flex:1;padding:0 16px;font-size:13px;transition:border-color .15s,box-shadow .15s}.sq-il-input:focus{border-color:var(--text-secondary);box-shadow:0 0 0 3px #0f172a0d}.sq-il-submit{background:var(--text-primary);height:38px;color:var(--surface);font-family:var(--font);cursor:pointer;border:none;border-radius:999px;flex-shrink:0;padding:0 20px;font-size:13px;font-weight:600;transition:opacity .15s}.sq-il-submit:hover{opacity:.85}.sq-il-submit:disabled{opacity:.4;cursor:default}.sq-il-loading{color:var(--text-tertiary);padding:12px 0;font-size:13px}.sq-il-empty{color:var(--text-tertiary);text-align:center;padding:12px 0;font-size:13px}.sq-repost-preview{border:1px solid var(--border);background:var(--bg);border-radius:16px;margin-bottom:12px;padding:12px 14px}.sq-repost-hint{color:var(--text-tertiary);margin-top:8px;font-size:12px}.sq-media-mix{--sq-media-tile:156px;scroll-snap-type:x mandatory;flex-wrap:nowrap;align-items:stretch;gap:12px;margin-top:10px;padding-bottom:4px;display:flex;overflow-x:auto}.sq-media-mix.sq-media-mix-main{margin-bottom:12px}.sq-media-item{width:var(--sq-media-tile);height:var(--sq-media-tile);border:1px solid var(--border);background:var(--bg);cursor:pointer;scroll-snap-align:start;border-radius:18px;flex:none;padding:0;transition:transform .18s,filter .18s,border-color .18s;position:relative;overflow:hidden;transform:translateY(0)}.sq-media-item:hover{border-color:var(--text-tertiary);transform:translateY(-1px)}.sq-media-item-img{object-fit:cover;background:linear-gradient(135deg,#0206170f,#02061705);width:100%;height:100%;display:block}.sq-media-item-video{background:radial-gradient(140px 110px at 30% 35%,#0f172a2e,#0f172a05),linear-gradient(135deg,#0206171a,#0206170d);width:100%;height:100%;position:relative}.sq-media-item-play{color:#ffffffe6;background:radial-gradient(closest-side,#ffffff1a,#fff0 70%),linear-gradient(#0206171a,#02061738);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.sq-media-item-badge{letter-spacing:.2px;color:#ffffffeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0206178c;border:1px solid #ffffff2e;border-radius:999px;padding:3px 7px;font-size:11px;font-weight:900;position:absolute;bottom:8px;right:8px}.sq-media-item.more .sq-media-item-img{filter:brightness(.72)}.sq-media-item-more{letter-spacing:.5px;color:#ffffffeb;text-shadow:0 10px 24px #00000059;background:linear-gradient(#0206171a,#02061761);justify-content:center;align-items:center;font-size:22px;font-weight:900;display:flex;position:absolute;inset:0}@media (width<=520px){.sq-media-item{border-radius:16px;width:138px;height:138px}.sq-media-mix{--sq-media-tile:138px;gap:10px}}.sq-media-mix::-webkit-scrollbar{height:6px}.sq-media-mix::-webkit-scrollbar-thumb{background:#0206171f;border-radius:999px}.sq-modal.sq-media-modal{flex-direction:column;width:min(920px,92vw);height:min(720px,82vh);padding:18px;display:flex}.sq-modal.sq-media-picker{flex-direction:column;width:min(960px,92vw);height:min(720px,82vh);padding:18px;display:flex}.sq-media-picker-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:14px;padding-bottom:12px;display:flex}.sq-media-picker-title{min-width:0}.sq-media-picker-h1{color:var(--text-primary);letter-spacing:.2px;font-size:16px;font-weight:900}.sq-media-picker-sub{color:var(--text-tertiary);font-size:12px;font-family:var(--font-mono);margin-top:4px}.sq-media-picker-actions{align-items:center;gap:10px;display:flex}.sq-media-picker-actions .sq-mbtn{border-radius:999px;height:34px;padding:0 14px;font-size:13px}.sq-media-picker-body{flex:1;grid-template-columns:1.15fr .85fr;gap:14px;min-height:0;padding-top:12px;display:grid}.sq-media-picker-left,.sq-media-picker-right{border:1px solid var(--border);background:var(--surface);border-radius:16px;min-height:0;overflow:hidden}.sq-media-picker-toolbar{border-bottom:1px solid var(--border);background:linear-gradient(#ffffffeb,#fffffffa);align-items:center;gap:10px;padding:12px;display:flex}.sq-media-add-btn{border:1px solid var(--border);background:var(--bg);height:34px;color:var(--text-primary);cursor:pointer;border-radius:999px;padding:0 12px;font-size:13px;font-weight:800}.sq-media-add-btn:hover{border-color:var(--text-tertiary)}.sq-media-picker-hint{min-width:0;color:var(--text-tertiary);font-size:12px;line-height:1.4}.sq-media-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:96px;align-content:start;gap:10px;height:calc(100% - 58px);padding:12px;display:grid;overflow:auto}.sq-media-grid-item{border:1px solid var(--border);background:var(--bg);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:14px;height:96px;padding:0;display:block;position:relative;overflow:hidden}.sq-media-grid-item.active{border-color:var(--text-secondary);box-shadow:0 0 0 3px #0f172a0f}.sq-media-picker-actions .sq-mbtn:disabled{opacity:.6;cursor:not-allowed}.sq-media-grid-img{object-fit:cover;width:100%;height:100%;display:block}.sq-media-grid-video{color:#ffffffeb;background:radial-gradient(120px 80px at 30% 35%,#0f172a2e,#0f172a05),linear-gradient(135deg,#0206171a,#0206170d);justify-content:center;align-items:center;width:100%;height:100%;font-weight:900;display:flex;position:relative}.sq-media-grid-video-el{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.sq-media-grid-play{z-index:1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#02061759;border:1px solid #ffffff2e;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;display:flex;position:relative}.sq-media-item-video-el{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.sq-media-grid-del{color:#ffffffeb;cursor:pointer;background:#02061759;border:1px solid #ffffff38;border-radius:999px;width:22px;height:22px;display:none;position:absolute;top:6px;right:6px}.sq-media-grid-item:hover .sq-media-grid-del{justify-content:center;align-items:center;display:inline-flex}.sq-media-grid-uploading{flex-direction:column;justify-content:center;gap:8px;width:100%;height:100%;padding:10px;display:flex}.sq-media-grid-progress{color:var(--text-primary);font-size:12px;font-weight:900}.sq-media-grid-bar{background:#0206170f;border-radius:999px;height:6px;overflow:hidden}.sq-media-grid-bar>span{background:#0206178c;height:100%;display:block}.sq-media-grid-retry{border:1px solid var(--border);background:var(--bg);cursor:pointer;border-radius:999px;height:28px;font-size:12px;font-weight:800}.sq-media-picker-right{flex-direction:column;display:flex}.sq-media-preview{background:var(--bg);flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.sq-media-preview-img,.sq-media-preview-video{object-fit:contain;background:#000;width:100%;height:100%}.sq-media-preview-img{background:var(--bg)}.sq-media-preview-empty{min-height:0;color:var(--text-tertiary);flex:1;justify-content:center;align-items:center;font-size:13px;display:flex}@media (width<=860px){.sq-media-picker-body{grid-template-columns:1fr}.sq-media-grid{grid-template-columns:repeat(4,1fr)}.sq-media-picker-right{display:none}}.sq-media-modal-topbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.sq-media-modal-title{align-items:baseline;gap:8px;min-width:0;display:flex}.sq-media-modal-kind{letter-spacing:.25px;color:var(--text-tertiary);text-transform:uppercase;font-size:12px;font-weight:900}.sq-media-modal-sep{color:var(--text-tertiary);font-weight:700}.sq-media-modal-fn{min-width:0;color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.sq-media-modal-count{color:var(--text-tertiary);font-size:12px;font-family:var(--font-mono);flex-shrink:0}.sq-media-modal-body{flex-direction:column;gap:12px;height:100%;display:flex}.sq-media-modal-stage{border:1px solid var(--border);background:var(--bg);border-radius:16px;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;overflow:hidden}.sq-media-modal-img{object-fit:contain;cursor:zoom-in;background:0 0;border:none;border-radius:0;width:100%;height:100%}.sq-media-modal-img.zoom{object-fit:cover;cursor:zoom-out}.sq-media-modal-video{background:#000;border:none;border-radius:0;width:100%;height:100%}.sq-media-nav{justify-content:space-between;align-items:center;gap:12px;display:flex}.sq-media-nav-btn{border:1px solid var(--border);background:var(--surface);width:44px;height:44px;color:var(--text-primary);cursor:pointer;font-family:var(--font);border-radius:999px;font-size:18px;font-weight:700;transition:all .15s}.sq-media-nav-btn:hover{background:var(--bg);border-color:var(--text-tertiary)}.sq-media-nav-meta{color:var(--text-tertiary);font-size:12px;font-family:var(--font-mono)}.sq-post-menu-wrap{margin-left:auto;position:relative}.sq-post-menu-btn{width:28px;height:28px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;transition:all .15s;display:flex}.sq-post-menu-btn:hover{background:var(--bg);color:var(--text-secondary)}.sq-post-dropdown{background:var(--surface);border:1px solid var(--border);z-index:10;border-radius:10px;min-width:120px;margin-top:4px;padding:4px 0;position:absolute;top:100%;right:0;box-shadow:0 4px 16px #0000001a}.sq-post-dropdown-item{width:100%;font-family:var(--font);color:var(--text-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:8px 14px;font-size:13px;transition:background .12s;display:flex}.sq-post-dropdown-item:hover{background:var(--bg)}.sq-post-dropdown-danger{color:#dc2626}.sq-post-dropdown-danger:hover{background:#fef2f2}.sq-original-deleted{border:1px dashed var(--border);color:var(--text-tertiary);text-align:center;background:var(--bg);border-radius:12px;margin:8px 0;padding:14px 16px;font-size:13px}.sq-delete-modal{text-align:center;max-width:360px;padding:24px!important}.sq-delete-title{color:var(--text-primary);margin-bottom:8px;font-size:16px;font-weight:600}.sq-delete-msg{color:var(--text-secondary);margin-bottom:20px;font-size:13px;line-height:1.5}.sq-delete-btns{justify-content:center;gap:10px;display:flex}.sq-mbtn.danger{color:#fff;background:#dc2626;border:none}.sq-mbtn.danger:hover{background:#b91c1c}.sq-mbtn.danger:disabled{opacity:.6;cursor:not-allowed}.sq-text .md-body,.sq-il-content .md-body,.sq-comment-context-text .md-body,.sq-repost-preview-content .md-body{white-space:normal}.sq-text .md-p,.sq-il-content .md-p,.sq-comment-context-text .md-p,.sq-repost-preview-content .md-p{margin:0}.sq-text .md-p+.md-p,.sq-il-content .md-p+.md-p,.sq-comment-context-text .md-p+.md-p,.sq-repost-preview-content .md-p+.md-p{margin-top:.25em}.sq-post-body strong,.sq-il-content strong,.sq-comment-context-text strong,.sq-repost-preview-content strong{font-weight:600}.sq-post-body em,.sq-il-content em,.sq-comment-context-text em,.sq-repost-preview-content em{font-style:italic}.sq-post-body del,.sq-il-content del,.sq-comment-context-text del,.sq-repost-preview-content del{opacity:.7;text-decoration:line-through}.sq-post-body .md-inline-code,.sq-il-content .md-inline-code,.sq-comment-context-text .md-inline-code,.sq-repost-preview-content .md-inline-code{background:#0000000f;border-radius:4px;padding:1px 5px;font-family:SF Mono,Fira Code,monospace;font-size:.88em}.sq-post-body .md-pre,.sq-il-content .md-pre,.sq-comment-context-text .md-pre,.sq-repost-preview-content .md-pre{color:#cdd6f4;background:#1e1e2e;border-radius:8px;margin:6px 0;padding:10px 12px;font-size:12.5px;line-height:1.5;overflow-x:auto}.sq-post-body .md-pre code,.sq-il-content .md-pre code,.sq-comment-context-text .md-pre code,.sq-repost-preview-content .md-pre code{font-family:SF Mono,Fira Code,Menlo,monospace;font-size:inherit;color:inherit;background:0 0;border-radius:0;padding:0}.sq-post-body ul,.sq-post-body ol,.sq-il-content ul,.sq-il-content ol,.sq-comment-context-text ul,.sq-comment-context-text ol,.sq-repost-preview-content ul,.sq-repost-preview-content ol{margin:2px 0;padding-left:1.5em}.sq-post-body li,.sq-il-content li,.sq-comment-context-text li,.sq-repost-preview-content li{margin:0}.sq-post-body li+li,.sq-il-content li+li,.sq-comment-context-text li+li,.sq-repost-preview-content li+li{margin-top:1px}.sq-post-body li>p,.sq-il-content li>p{margin:0}.sq-post-body li>p+p,.sq-il-content li>p+p{margin-top:.15em}.sq-post-body blockquote,.sq-il-content blockquote,.sq-comment-context-text blockquote,.sq-repost-preview-content blockquote{border-left:3px solid var(--border);color:var(--text-secondary);background:#00000005;border-radius:0 4px 4px 0;margin:6px 0;padding:4px 12px}.sq-post-body h1,.sq-post-body h2,.sq-post-body h3,.sq-post-body h4,.sq-post-body h5,.sq-post-body h6{margin:8px 0 4px;font-weight:600;line-height:1.3}.sq-post-body h1{font-size:1.25em}.sq-post-body h2{font-size:1.15em}.sq-post-body h3{font-size:1.05em}.sq-post-body hr{border:none;border-top:1px solid var(--border);margin:8px 0}.sq-post-body a,.sq-il-content a,.sq-comment-context-text a,.sq-repost-preview-content a{color:#3b82f6;text-decoration:none}.sq-post-body a:hover,.sq-il-content a:hover,.sq-comment-context-text a:hover,.sq-repost-preview-content a:hover{text-decoration:underline}.sq-post-body .md-table-wrap,.sq-il-content .md-table-wrap{margin:6px 0;overflow-x:auto}.sq-post-body table,.sq-il-content table{border-collapse:collapse;min-width:100%;font-size:13px}.sq-post-body th,.sq-post-body td,.sq-il-content th,.sq-il-content td{border:1px solid var(--border);text-align:left;padding:4px 10px}.sq-post-body th,.sq-il-content th{background:#0000000a;font-weight:600}.sq-post-body input[type=checkbox],.sq-il-content input[type=checkbox]{pointer-events:none;margin-right:6px}.profile-setup-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.profile-setup-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:400px;box-shadow:var(--shadow-lg,0 20px 60px #00000026);flex-direction:column;align-items:center;gap:24px;margin:0 24px;padding:36px 32px 28px;display:flex}.profile-setup-header{text-align:center}.profile-setup-header h2{color:var(--text-primary);margin:0 0 6px;font-size:20px;font-weight:700}.profile-setup-header p{color:var(--text-tertiary);margin:0;font-size:14px}.profile-setup-avatar{flex-direction:column;align-items:center;gap:8px;display:flex}.profile-setup-avatar-hint{color:var(--text-tertiary);font-size:12px}.profile-setup-field{flex-direction:column;gap:6px;width:100%;display:flex}.profile-setup-field label{color:var(--text-secondary);font-size:13px;font-weight:600}.profile-setup-field input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);width:100%;height:42px;color:var(--text-primary);font-size:15px;font-weight:500;font-family:var(--font);box-sizing:border-box;padding:0 14px;transition:border-color .15s}.profile-setup-field input:focus{border-color:var(--text-tertiary);background:var(--surface);outline:none}.profile-setup-actions{justify-content:space-between;align-items:center;gap:12px;width:100%;margin-top:4px;display:flex}.profile-setup-skip{font-family:var(--font);color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;padding:8px 4px;font-size:13px}.profile-setup-skip:hover{color:var(--text-secondary)}.profile-setup-done{border-radius:var(--radius-sm);background:var(--text-primary);color:#fff;height:40px;font-family:var(--font);cursor:pointer;border:none;padding:0 28px;font-size:14px;font-weight:700;transition:opacity .15s}.profile-setup-done:hover:not(:disabled){opacity:.88}.profile-setup-done:disabled{opacity:.45;cursor:not-allowed}@media (width<=768px){.profile-setup-overlay{align-items:flex-end;padding-top:48px}.profile-setup-card{max-width:none;padding:24px 20px calc(20px + var(--mobile-safe-bottom));border-radius:24px 24px 0 0;margin:0}}@media (width<=480px){.profile-setup-card{padding:22px 16px calc(16px + var(--mobile-safe-bottom));gap:18px}.profile-setup-actions{flex-direction:column-reverse;align-items:stretch}.profile-setup-done{width:100%}}.tour-overlay{z-index:900;pointer-events:none;position:fixed;inset:0}.tour-backdrop{z-index:900;pointer-events:auto;cursor:default;position:fixed;inset:0}.tour-spotlight{border-radius:var(--radius-sm,8px);z-index:901;pointer-events:auto;background:0 0;transition:top .3s,left .3s,width .3s,height .3s;position:fixed;box-shadow:0 0 0 9999px #0000008c}.tour-spotlight.clickable{cursor:pointer}.tour-tooltip{z-index:902;background:var(--surface,#fff);border:1px solid var(--border,#e5e5e5);border-radius:var(--radius-lg,12px);pointer-events:auto;opacity:1;width:300px;padding:18px 20px 14px;transition:top .3s,left .3s,opacity .18s;position:fixed;box-shadow:0 12px 40px #0000002e}.tour-tooltip.fading{opacity:0;pointer-events:none}.tour-tooltip:before{content:"";background:var(--surface,#fff);border:1px solid var(--border,#e5e5e5);width:10px;height:10px;position:absolute;transform:rotate(45deg)}.tour-placement-right.tour-tooltip:before{border-top:none;border-right:none;margin-top:-5px;top:50%;left:-6px}.tour-placement-bottom.tour-tooltip:before{border-bottom:none;border-right:none;margin-left:-5px;top:-6px;left:50%}.tour-placement-left.tour-tooltip:before{border-bottom:none;border-left:none;margin-top:-5px;top:50%;right:-6px}.tour-placement-top.tour-tooltip:before{border-top:none;border-left:none;margin-left:-5px;bottom:-6px;left:50%}.tour-tooltip-title{color:var(--text-primary,#1a1a1a);margin-bottom:6px;font-size:15px;font-weight:700}.tour-tooltip-desc{color:var(--text-secondary,#666);margin-bottom:12px;font-size:13px;line-height:1.55}.tour-tooltip-hint{color:var(--text-tertiary,#999);margin-bottom:10px;font-size:12px;animation:1.5s ease-in-out infinite tour-pulse}@keyframes tour-pulse{0%,to{opacity:.6}50%{opacity:1}}.tour-tooltip-footer{border-top:1px solid var(--border,#e5e5e5);justify-content:space-between;align-items:center;gap:8px;padding-top:10px;display:flex}.tour-skip-btn{font-family:var(--font,inherit);color:var(--text-tertiary,#999);cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:12px}.tour-skip-btn:hover{color:var(--text-secondary,#666)}.tour-dots{align-items:center;gap:5px;display:flex}.tour-dot{background:var(--border,#ddd);border-radius:50%;width:6px;height:6px;transition:background .2s,transform .2s}.tour-dot.active{background:var(--text-primary,#1a1a1a);transform:scale(1.3)}.tour-next-btn{border-radius:var(--radius-sm,6px);background:var(--text-primary,#1a1a1a);color:#fff;height:30px;font-family:var(--font,inherit);cursor:pointer;white-space:nowrap;border:none;padding:0 16px;font-size:12px;font-weight:700;transition:opacity .15s}.tour-next-btn:hover{opacity:.88}.tour-skip-step-btn{border-radius:var(--radius-sm,6px);border:1px solid var(--border,#e5e5e5);background:var(--surface,#fff);height:30px;color:var(--text-secondary,#666);font-family:var(--font,inherit);cursor:pointer;white-space:nowrap;padding:0 14px;font-size:12px;font-weight:600;transition:all .15s}.tour-skip-step-btn:hover{border-color:var(--text-tertiary,#999);color:var(--text-primary,#1a1a1a)}@media (width<=768px){.tour-tooltip{width:calc(100vw - 24px);max-width:calc(100vw - 24px);padding:16px}.tour-tooltip-footer{flex-wrap:wrap;justify-content:flex-start}.tour-dots{order:3;justify-content:center;width:100%}}