.s-chat-page{max-width:860px;padding-top:1.25rem;padding-bottom:2rem}.s-chat-card{position:relative;display:flex;flex-direction:column;height:calc(100dvh - 190px);min-height:480px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}@media(max-width:991px){.s-chat-page{padding:0;max-width:100%}.s-chat-card{height:calc(100dvh - 126px);min-height:0;border-radius:0;border-left:0;border-right:0}}.s-chat-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1.1rem;border-bottom:1px solid var(--border-color);background:var(--gradient-card)}.s-chat-header-main{display:flex;align-items:center;gap:.75rem;min-width:0}.s-chat-title{display:flex;align-items:center;gap:.5rem;font-size:1.05rem;font-weight:700;margin:0;color:var(--text-primary)}.s-chat-title svg{color:var(--accent)}.s-chat-online{display:inline-flex;align-items:center;gap:.4rem;padding:.2rem .65rem;border-radius:var(--radius-pill);background:var(--success-bg);color:var(--success);font-size:.8rem;font-weight:600}.s-chat-online-dot{width:7px;height:7px;border-radius:50%;background:var(--success);animation:s-chat-pulse 2s ease-in-out infinite}@keyframes s-chat-pulse{0%,100%{opacity:1}50%{opacity:.4}}.s-chat-settings-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border-color);border-radius:50%;background:var(--bg-card);color:var(--text-secondary);transition:var(--transition)}.s-chat-settings-btn:hover{color:var(--accent);border-color:var(--accent-light)}.s-chat-settings-menu{min-width:320px;padding:.5rem;border-radius:var(--radius);border:1px solid var(--border-color);background:var(--bg-card);box-shadow:var(--shadow-lg)}.s-chat-setting{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.55rem .6rem;border-radius:var(--radius-sm)}.s-chat-setting:hover{background:var(--bg-card-hover)}.s-chat-setting strong{display:block;font-size:.87rem;color:var(--text-primary)}.s-chat-setting small{display:block;font-size:.74rem;color:var(--text-muted);max-width:210px}.s-chat-setting-push{border-top:1px solid var(--border-color);margin-top:.25rem;padding-top:.75rem}.s-chat-switch{position:relative;flex:0 0 auto;width:40px;height:24px;margin:0;cursor:pointer}.s-chat-switch input{position:absolute;opacity:0;width:0;height:0}.s-chat-switch span{position:absolute;inset:0;border-radius:24px;background:var(--bg-elevated);border:1px solid var(--border-light);transition:var(--transition)}.s-chat-switch span::after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:var(--transition)}.s-chat-switch input:checked+span{background:var(--accent);border-color:var(--accent)}.s-chat-switch input:checked+span::after{transform:translateX(16px)}.s-chat-messages{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:.75rem 1rem 1rem;scroll-behavior:auto}.s-chat-loading{display:flex;justify-content:center;padding:1rem}.s-chat-spinner{width:22px;height:22px;border:2.5px solid var(--accent-soft);border-top-color:var(--accent);border-radius:50%;animation:s-chat-spin .7s linear infinite}@keyframes s-chat-spin{to{transform:rotate(360deg)}}.s-chat-day{display:flex;align-items:center;gap:.75rem;margin:1rem 0 .5rem;color:var(--text-muted);font-size:.74rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.s-chat-day::before,.s-chat-day::after{content:"";flex:1;height:1px;background:var(--border-color)}.s-chat-msg{position:relative;display:flex;gap:.65rem;padding:.35rem .5rem;border-radius:var(--radius-sm);transition:background .15s ease}.s-chat-msg:hover{background:var(--bg-card-hover)}.s-chat-msg.s-chat-msg-compact{margin-top:-2px}.s-chat-msg.s-chat-mentions-me{background:var(--accent-soft)}.s-chat-msg.s-chat-highlight{animation:s-chat-flash 2s ease}@keyframes s-chat-flash{0%,60%{background:var(--accent-soft)}100%{background:transparent}}.s-chat-avatar{flex:0 0 36px;width:36px;height:36px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;color:#fff;background:var(--gradient-primary);user-select:none}.s-chat-avatar img{width:100%;height:100%;object-fit:cover}.s-chat-avatar-spacer{flex:0 0 36px}.s-chat-body{flex:1;min-width:0}.s-chat-meta{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap;margin-bottom:.1rem}.s-chat-author{font-weight:700;font-size:.88rem;color:var(--text-primary);text-decoration:none}a.s-chat-author:hover{color:var(--accent)}.s-chat-level{font-size:.68rem;font-weight:600;color:var(--accent);background:var(--accent-soft);border-radius:var(--radius-pill);padding:.08rem .5rem}.s-chat-time{font-size:.72rem;color:var(--text-muted)}.s-chat-text{font-size:.92rem;color:var(--text-secondary);line-height:1.45;word-wrap:break-word;overflow-wrap:anywhere;white-space:pre-wrap}.s-chat-text a{color:var(--accent);text-decoration:none}.s-chat-text a:hover{text-decoration:underline}.s-chat-text .s-chat-mention{font-weight:600;background:var(--accent-soft);border-radius:5px;padding:0 .25rem}.s-chat-text .s-chat-bartag{display:inline-flex;align-items:center;gap:.2rem;font-weight:600;background:var(--success-bg);color:var(--success);border-radius:5px;padding:0 .3rem}.s-chat-text-deleted{font-style:italic;color:var(--text-muted);font-size:.85rem}.s-chat-quote{display:flex;gap:.4rem;align-items:baseline;font-size:.78rem;color:var(--text-muted);border-left:2px solid var(--accent-light);padding:.1rem .5rem;margin-bottom:.15rem;background:var(--bg-elevated);border-radius:0 8px 8px 0;max-width:100%;overflow:hidden;cursor:pointer}.s-chat-quote strong{color:var(--accent);font-weight:600;white-space:nowrap}.s-chat-quote span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s-chat-actions{position:absolute;top:-14px;right:.5rem;display:none;gap:.15rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);padding:.15rem;z-index:3}.s-chat-msg:hover .s-chat-actions,.s-chat-msg:focus-within .s-chat-actions{display:inline-flex}.s-chat-action{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:0;background:transparent;color:var(--text-muted);transition:var(--transition)}.s-chat-action:hover{color:var(--accent);background:var(--accent-soft)}.s-chat-action.s-chat-action-del:hover{color:var(--danger);background:rgba(220,38,38,.08)}.s-chat-like-pill{display:inline-flex;align-items:center;gap:.3rem;margin-top:.2rem;padding:.1rem .55rem;font-size:.75rem;font-weight:600;border-radius:var(--radius-pill);border:1px solid var(--border-color);background:var(--bg-elevated);color:var(--text-muted);cursor:pointer;transition:var(--transition);user-select:none}.s-chat-like-pill:hover{border-color:var(--accent-light);color:var(--accent)}.s-chat-like-pill.liked{background:var(--accent-soft);border-color:var(--accent-light);color:var(--accent)}.s-chat-like-pill[hidden]{display:none}.s-chat-typing{display:flex;align-items:center;gap:.5rem;padding:.25rem 1.25rem;font-size:.76rem;color:var(--text-muted);min-height:26px}.s-chat-typing-dots{display:inline-flex;gap:3px}.s-chat-typing-dots i{width:5px;height:5px;border-radius:50%;background:var(--accent);animation:s-chat-bounce 1.2s ease-in-out infinite}.s-chat-typing-dots i:nth-child(2){animation-delay:.15s}.s-chat-typing-dots i:nth-child(3){animation-delay:.3s}@keyframes s-chat-bounce{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}.s-chat-composer{border-top:1px solid var(--border-color);padding:.65rem .9rem .55rem;background:var(--bg-card)}.s-chat-reply-bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.35rem .65rem;margin-bottom:.45rem;border-radius:var(--radius-sm);background:var(--accent-soft);font-size:.78rem;color:var(--text-secondary)}.s-chat-reply-bar-text{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s-chat-reply-bar strong{color:var(--accent);margin-right:.35rem}.s-chat-reply-cancel{border:0;background:transparent;color:var(--text-muted);font-size:1.1rem;line-height:1;padding:0 .2rem}.s-chat-reply-cancel:hover{color:var(--danger)}.s-chat-error{display:flex;align-items:center;gap:.4rem;margin-bottom:.45rem;padding:.4rem .65rem;border-radius:var(--radius-sm);background:rgba(220,38,38,.1);border:1px solid rgba(220,38,38,.25);color:var(--danger);font-size:.8rem;font-weight:600;animation:s-chat-widget-in .18s ease}.s-chat-error[hidden]{display:none}.s-chat-input-row{display:flex;gap:.55rem;align-items:flex-end}.s-chat-input-wrap{position:relative;flex:1}.s-chat-input{width:100%;resize:none;max-height:132px;border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-input);color:var(--text-primary);padding:.6rem .9rem;font-size:.92rem;line-height:1.4;outline:0;transition:border-color .2s ease}.s-chat-input:focus{border-color:var(--accent-light)}.s-chat-send{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:0;border-radius:50%;background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-sm);transition:var(--transition)}.s-chat-send:hover{transform:translateY(-1px);box-shadow:var(--shadow-glow)}.s-chat-send:disabled{opacity:.5;transform:none}.s-chat-hint{display:flex;justify-content:space-between;gap:.75rem;margin-top:.3rem;font-size:.7rem;color:var(--text-muted)}.s-chat-count.warn{color:var(--danger);font-weight:600}.s-chat-autocomplete{position:absolute;bottom:calc(100% + 6px);left:0;min-width:260px;max-width:100%;max-height:260px;overflow-y:auto;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:30;padding:.3rem}.s-chat-ac-item{display:flex;align-items:center;gap:.55rem;width:100%;text-align:left;border:0;background:transparent;padding:.45rem .6rem;border-radius:var(--radius-sm);font-size:.86rem;color:var(--text-primary);cursor:pointer}.s-chat-ac-item:hover,.s-chat-ac-item.active{background:var(--accent-soft)}.s-chat-ac-item .s-chat-avatar{flex:0 0 26px;width:26px;height:26px;font-size:.7rem}.s-chat-ac-sub{display:block;font-size:.72rem;color:var(--text-muted)}.s-chat-jump{position:absolute;left:50%;transform:translateX(-50%);bottom:120px;display:inline-flex;align-items:center;gap:.4rem;border:0;border-radius:var(--radius-pill);background:var(--accent);color:#fff;font-size:.78rem;font-weight:600;padding:.4rem .9rem;box-shadow:var(--shadow-lg);z-index:5;transition:var(--transition)}.s-chat-jump:hover{background:var(--accent-hover)}.s-chat-login-cta,.s-chat-disabled-note{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.75rem;padding:1rem;border-top:1px solid var(--border-color);font-size:.88rem;color:var(--text-secondary);background:var(--gradient-card)}.s-chat-empty{text-align:center;color:var(--text-muted);font-size:.88rem;padding:2.5rem 1rem}.s-chat-load-older{display:block;margin:0 auto .5rem;border:1px solid var(--border-color);background:var(--bg-elevated);color:var(--text-secondary);font-size:.76rem;font-weight:600;border-radius:var(--radius-pill);padding:.3rem .9rem;transition:var(--transition)}.s-chat-load-older:hover{border-color:var(--accent-light);color:var(--accent)}