:is(body:has(.chatroom-page),html:has(.chatroom-page)){overflow:hidden!important}:root{--chat-bg:#f0f2f5;--chat-sidebar:#fff;--chat-header-bg:#fff;--chat-header-border:#e5e7eb;--chat-msg-own:#dcf8c6;--chat-msg-other:#fff;--chat-msg-mentioned:#fff3cd;--chat-msg-pinned:#fff9e6;--chat-input-bg:#fff;--chat-input-border:#e5e7eb;--chat-input-focus:#128c7e;--chat-text-primary:#111b21;--chat-text-secondary:#667781;--chat-text-muted:#8696a0;--chat-accent:#128c7e;--chat-accent-hover:#0d7a6e;--chat-accent-light:#e7f7f5;--chat-danger:#dc3545;--chat-danger-light:#fff5f5;--chat-warning:#f59e0b;--chat-warning-light:#fffbeb;--chat-pin-bg:#fef3c7;--chat-pin-border:#fbbf24;--chat-bubble-radius:8px;--chat-card-shadow:0 1px 3px #00000014;--chat-card-shadow-hover:0 4px 12px #0000001a;--chat-transition:.2s ease}.chatroom-page{background-color:var(--chat-bg);overscroll-behavior:none;touch-action:none;flex-direction:column;height:100vh;display:flex;position:fixed;inset:0;overflow:hidden}.chatroom-container-desktop{flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.chatroom-container-desktop>div[style*="flex: 1"]{flex-direction:column;flex:1;display:flex;overflow:hidden}@media (min-width:1024px){.chatroom-page{max-width:1400px;margin:0 auto;left:0;right:0;box-shadow:0 0 40px #0000001a}}.chatroom-header{background:var(--chat-header-bg);border-bottom:1px solid var(--chat-header-border);z-index:30;flex-shrink:0;justify-content:space-between;align-items:center;min-height:52px;padding:10px 16px;display:flex;box-shadow:0 1px 2px #0000000a}.chatroom-header-left{align-items:center;gap:12px;display:flex}.chatroom-header-title{color:var(--chat-text-primary);letter-spacing:-.01em;font-size:1.125rem!important;font-weight:600!important}.chatroom-header-subtitle{color:var(--chat-text-secondary);font-size:.8125rem!important;font-weight:400!important}.chatroom-header-right{align-items:center;gap:4px;display:flex}.chatroom-header-btn{width:32px;height:32px;color:var(--chat-text-secondary);cursor:pointer;transition:background var(--chat-transition),color var(--chat-transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;font-size:.875rem!important}.chatroom-header-btn:hover{color:var(--chat-text-primary);background:#f0f2f5}.chatroom-header-btn.active{background:var(--chat-accent-light);color:var(--chat-accent)}.chatroom-pinned-bar{background:var(--chat-pin-bg);border-bottom:1px solid var(--chat-pin-border);cursor:pointer;transition:background var(--chat-transition);z-index:20;flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 16px;display:flex}.chatroom-pinned-bar:hover{background:#fde68a}.chatroom-pinned-label{color:#92400e;align-items:center;gap:8px;display:flex;font-size:.8125rem!important;font-weight:500!important}.chatroom-pinned-expand{color:#92400e;cursor:pointer;width:32px;height:32px;transition:background var(--chat-transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.chatroom-pinned-expand:hover{background:#92400e1a}.chatroom-pinned-content{background:var(--chat-pin-bg);flex-shrink:0;max-height:0;transition:max-height .3s ease-in-out;overflow:hidden}.chatroom-pinned-content.expanded{max-height:400px;overflow-y:auto}.chatroom-pinned-msg{border-bottom:1px solid #fbbf244d;flex-direction:column;gap:4px;padding:10px 16px;display:flex}.chatroom-pinned-msg:last-child{border-bottom:none}.chatroom-pinned-msg-header{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chatroom-pinned-msg-nickname{color:var(--chat-text-primary);font-size:.75rem!important;font-weight:600!important}.chatroom-pinned-msg-username{color:var(--chat-text-muted);font-size:.75rem!important}.chatroom-pinned-msg-time{color:var(--chat-text-muted);font-size:.6875rem!important}.chatroom-pinned-msg-text{color:var(--chat-text-primary);line-height:1.4;font-size:.8125rem!important}.chatroom-pinned-msg-by{color:#b45309;align-items:center;gap:4px;display:flex;font-size:.6875rem!important}.chatroom-pinned-more-btn{text-align:center;color:#92400e;cursor:pointer;width:100%;transition:background var(--chat-transition);background:#fbbf2426;border:none;padding:8px 16px;display:block;font-size:.8125rem!important;font-weight:500!important}.chatroom-pinned-more-btn:hover{background:#fbbf2440}.chatroom-messages{background:var(--chat-bg);scroll-behavior:smooth;-webkit-overflow-scrolling:touch;touch-action:pan-y;flex:1;height:100%;min-height:0;padding:8px 0 24px;overflow:hidden auto}.chatroom-messages::-webkit-scrollbar{width:6px}.chatroom-messages::-webkit-scrollbar-track{background:0 0}.chatroom-messages::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}.chatroom-messages::-webkit-scrollbar-thumb:hover{background:#00000040}.chatroom-msg-row{align-items:flex-end;gap:6px;padding:2px 16px;display:flex;position:relative}.chatroom-msg-row.own{flex-direction:row-reverse}.chatroom-msg-avatar{border-radius:50%;flex-shrink:0;width:32px;height:32px;margin-bottom:18px}.chatroom-msg-avatar .AvatarRoot{width:32px!important;height:32px!important}.chatroom-msg-avatar .AvatarFallback{color:#6b7280;background:#e5e7eb;font-size:.6875rem!important;font-weight:600!important}.chatroom-msg-content{flex-direction:column;max-width:60%;display:flex}@media (max-width:640px){.chatroom-msg-content{max-width:80%}}.chatroom-msg-row.own .chatroom-msg-content{align-items:flex-end}.chatroom-msg-row:not(.own) .chatroom-msg-content{align-items:flex-start}.chatroom-msg-actions{opacity:0;transition:opacity var(--chat-transition);gap:2px;margin-bottom:4px;display:flex}.chatroom-msg-row:hover .chatroom-msg-actions,.chatroom-msg-actions.visible{opacity:1}.chatroom-msg-action-btn{cursor:pointer;width:28px;height:28px;color:var(--chat-text-secondary);box-shadow:var(--chat-card-shadow);transition:all var(--chat-transition);background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;font-size:.75rem!important}.chatroom-msg-action-btn:hover{box-shadow:var(--chat-card-shadow-hover);transform:scale(1.1)}.chatroom-msg-action-btn.edit:hover{color:var(--chat-accent);background:var(--chat-accent-light)}.chatroom-msg-action-btn.delete:hover{color:var(--chat-danger);background:var(--chat-danger-light)}.chatroom-msg-action-btn.pin:hover,.chatroom-msg-action-btn.pin.pinned{color:var(--chat-warning);background:var(--chat-warning-light)}.chatroom-msg-action-btn.ban:hover{color:var(--chat-danger);background:var(--chat-danger-light)}.chatroom-msg-action-btn.unban:hover{color:#16a34a;background:#f0fdf4}.chatroom-msg-sender{align-items:center;gap:6px;margin-bottom:2px;padding:0 4px;display:flex}.chatroom-msg-nickname{color:var(--chat-text-primary);font-size:.75rem!important;font-weight:600!important}.chatroom-msg-nickname .admin-star{margin-left:3px;display:inline-block;font-size:.6875rem!important}.chatroom-msg-nickname .admin-star.blue{color:#2563eb}.chatroom-msg-nickname .admin-star.red{color:#dc2626}.chatroom-msg-username{color:var(--chat-text-muted);font-size:.6875rem!important}.chatroom-msg-banned-tag{color:var(--chat-danger);align-items:center;gap:2px;display:flex;font-size:.6875rem!important;font-weight:600!important}.chatroom-msg-bubble{border-radius:var(--chat-bubble-radius);word-wrap:break-word;overflow-wrap:break-word;padding:8px 12px;line-height:1.45;position:relative;box-shadow:0 1px 1px #0000000a}.chatroom-msg-row:not(.own) .chatroom-msg-bubble{background:var(--chat-msg-other);color:var(--chat-text-primary);border-top-left-radius:2px}.chatroom-msg-row.own .chatroom-msg-bubble{background:var(--chat-msg-own);color:var(--chat-text-primary);border-top-right-radius:2px}.chatroom-msg-bubble.mentioned{border-left:3px solid var(--chat-warning);background:var(--chat-msg-mentioned)!important}.chatroom-msg-bubble.pinned-msg{border-left:3px solid var(--chat-pin-border)}.chatroom-msg-bubble.banned-msg{border-left:3px solid var(--chat-danger);opacity:.75}.chatroom-reply-quote{border-left:3px solid var(--chat-accent);background:#0000000a;border-radius:0 4px 4px 0;margin-bottom:6px;padding:4px 8px}.chatroom-reply-quote-sender{color:var(--chat-accent);margin-bottom:2px;font-size:.6875rem!important;font-weight:600!important}.chatroom-reply-quote-text{color:var(--chat-text-secondary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-style:italic;display:-webkit-box;overflow:hidden;font-size:.75rem!important}.chatroom-reply-quote.vocab{border-left-color:#6366f1}.chatroom-reply-quote.vocab .chatroom-reply-quote-sender{color:#6366f1}.chatroom-like-row{align-items:center;gap:4px;margin-top:4px;display:flex}.chatroom-like-btn{cursor:pointer;transition:transform var(--chat-transition);background:0 0;border:none;align-items:center;padding:2px;display:flex}.chatroom-like-btn:hover{transform:scale(1.2)}.chatroom-like-btn.liked{color:#ef4444}.chatroom-like-btn:not(.liked){color:#9ca3af}.chatroom-like-btn:not(.liked):hover{color:#ef4444}.chatroom-like-count{color:var(--chat-text-muted);font-size:.6875rem!important;font-weight:500!important}.chatroom-msg-text{color:var(--chat-text-primary);line-height:1.5;font-size:.875rem!important}.chatroom-msg-reply-link{color:var(--chat-accent);cursor:pointer;transition:color var(--chat-transition);background:0 0;border:none;margin-top:2px;padding:2px 0;font-size:.6875rem!important;font-weight:500!important}.chatroom-msg-reply-link:hover{color:var(--chat-accent-hover);text-decoration:underline}.chatroom-msg-meta{align-items:center;gap:4px;margin-top:2px;padding:0 4px;display:flex}.chatroom-msg-time{color:var(--chat-text-muted);font-size:.6875rem!important}.chatroom-msg-pin-info{color:var(--chat-warning);align-items:center;gap:2px;display:flex;font-size:.625rem!important}.chatroom-msg-banned-notice{color:var(--chat-danger);text-align:center;margin-top:4px;font-size:.6875rem!important;font-weight:500!important}.chatroom-vocab-card{text-align:center;box-shadow:var(--chat-card-shadow);background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%);border-radius:12px;max-width:320px;padding:20px}.chatroom-vocab-word{color:var(--chat-text-primary);margin-bottom:8px;font-size:1.375rem!important;font-weight:700!important}.chatroom-vocab-label{color:var(--chat-text-secondary);margin-bottom:4px;font-size:.875rem!important;font-weight:600!important}.chatroom-vocab-meaning{color:var(--chat-text-primary);margin-bottom:12px;font-size:.875rem!important}.chatroom-vocab-example{color:var(--chat-accent);font-style:italic;font-size:.8125rem!important}.chatroom-vocab-meta{color:var(--chat-text-muted);margin-top:12px;font-size:.6875rem!important}.chatroom-vocab-shared-by{color:var(--chat-accent);margin-top:6px;font-size:.6875rem!important}.chatroom-vocab-reply-btn{background:var(--chat-accent);color:#fff;cursor:pointer;transition:background var(--chat-transition);border:none;border-radius:4px;margin-top:12px;padding:6px 16px;font-size:.8125rem!important;font-weight:500!important}.chatroom-vocab-reply-btn:hover{background:var(--chat-accent-hover)}.chatroom-empty{height:100%;color:var(--chat-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px;display:flex}.chatroom-empty-icon{opacity:.4;font-size:3rem!important}.chatroom-empty-text{font-size:.9375rem!important;font-weight:400!important}.chatroom-input-wrapper{background:var(--chat-bg);z-index:30;padding:6px 12px 12px;padding-bottom:max(12px,env(safe-area-inset-bottom,0px));border-top:1px solid var(--chat-header-border);flex-shrink:0;position:relative}@media (max-width:767px){.chatroom-input-wrapper{background:var(--chat-bg);border-top:1px solid var(--chat-header-border);padding:4px 8px 8px;padding-bottom:max(8px,env(safe-area-inset-bottom,0px));position:fixed;bottom:0;left:0;right:0}.chatroom-messages{padding-bottom:140px}}.chatroom-input-form{background:var(--chat-input-bg);box-shadow:var(--chat-card-shadow);border-radius:8px;max-width:800px;margin:0 auto;overflow:hidden}@media (min-width:1024px){.chatroom-input-form{max-width:700px}}.chatroom-reply-preview{background:var(--chat-accent-light);border-bottom:1px solid #d1fae5;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.chatroom-reply-preview-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.chatroom-reply-preview-sender{color:var(--chat-accent);font-size:.75rem!important;font-weight:600!important}.chatroom-reply-preview-text{color:var(--chat-text-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:.75rem!important}.chatroom-reply-preview-close{width:24px;height:24px;color:var(--chat-text-secondary);cursor:pointer;transition:background var(--chat-transition);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;font-size:1rem!important}.chatroom-reply-preview-close:hover{background:#0000000f}.chatroom-format-bar{border-bottom:1px solid var(--chat-input-border);background:#f8fafc;align-items:center;gap:1px;padding:2px 6px;display:flex}.chatroom-format-btn{width:28px;height:28px;color:var(--chat-text-secondary);cursor:pointer;transition:all var(--chat-transition);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;display:flex;font-size:.75rem!important}.chatroom-format-btn:hover:not(:disabled){color:var(--chat-text-primary);background:#e2e8f0}.chatroom-format-btn:disabled{opacity:.4;cursor:not-allowed}.chatroom-format-hint{color:var(--chat-text-muted);white-space:nowrap;text-overflow:ellipsis;opacity:.7;margin-left:6px;overflow:hidden;font-size:.625rem!important}.chatroom-admin-link-hint{color:var(--chat-danger);opacity:.8;margin-left:4px;font-size:.625rem!important}.chatroom-input-row{align-items:flex-end;gap:8px;padding:6px 10px;display:flex}.chatroom-textarea{resize:none;color:var(--chat-text-primary);field-sizing:content;background:0 0;border:none;outline:none;flex:1;min-height:36px;max-height:100px;line-height:1.3;transition:none;font-size:15px!important;font-weight:400!important}.chatroom-textarea::placeholder{color:var(--chat-text-muted)}.chatroom-send-btn{background:var(--chat-accent);color:#fff;cursor:pointer;width:36px;height:36px;transition:background var(--chat-transition),transform var(--chat-transition);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.chatroom-send-btn:hover:not(:disabled){background:var(--chat-accent-hover);transform:scale(1.05)}.chatroom-send-btn:disabled{opacity:.5;cursor:not-allowed}.chatroom-mention-dropdown{z-index:50;border:1px solid var(--chat-input-border);background:#fff;border-radius:8px;width:240px;max-height:200px;position:absolute;bottom:100%;left:12px;overflow-y:auto;box-shadow:0 4px 16px #0000001f}.chatroom-mention-item{cursor:pointer;transition:background var(--chat-transition);align-items:center;gap:8px;padding:8px 12px;display:flex}.chatroom-mention-item:hover,.chatroom-mention-item.active{background:var(--chat-accent-light)}.chatroom-mention-item-username{color:var(--chat-accent);font-size:.8125rem!important;font-weight:600!important}.chatroom-mention-item-nickname{color:var(--chat-text-muted);font-size:.75rem!important}.chatroom-scroll-btn{background:var(--chat-header-bg);width:36px;height:36px;color:var(--chat-text-secondary);cursor:pointer;z-index:40;transition:all var(--chat-transition);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;bottom:80px;right:20px;box-shadow:0 2px 8px #00000026}.chatroom-scroll-btn:hover{background:var(--chat-accent-light);color:var(--chat-accent)}.chatroom-dropdown{border:1px solid var(--chat-input-border);z-index:50;background:#fff;border-radius:8px;min-width:180px;margin-top:4px;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 4px 16px #0000001f}.chatroom-dropdown-item{text-align:left;cursor:pointer;width:100%;transition:background var(--chat-transition);color:var(--chat-text-primary);background:0 0;border:none;padding:10px 16px;display:block;font-size:.875rem!important}.chatroom-dropdown-item:hover{background:#f0f2f5}.chatroom-dropdown-item.danger{color:var(--chat-danger)}.chatroom-dropdown-item.danger:hover{background:var(--chat-danger-light)}.chatroom-auth-screen{background:#fff;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 20px;display:flex}.chatroom-auth-title{color:var(--chat-text-primary);text-align:center;margin-bottom:24px;font-size:1.25rem!important;font-weight:600!important}.chatroom-auth-link{background:var(--chat-accent);color:#fff;transition:background var(--chat-transition);border-radius:6px;align-items:center;gap:8px;padding:10px 20px;text-decoration:none;display:inline-flex;font-size:.875rem!important;font-weight:500!important}.chatroom-auth-link:hover{background:var(--chat-accent-hover)}.chatroom-locked{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:40px 20px;display:flex}.chatroom-locked-title{color:var(--chat-danger);font-size:1.25rem!important;font-weight:600!important}.chatroom-locked-text{color:var(--chat-text-secondary);font-size:.9375rem!important}.chatroom-locked-link{color:var(--chat-accent);text-decoration:underline;font-size:.875rem!important}.chatroom-banned-notice{text-align:center;color:var(--chat-danger);background:var(--chat-danger-light);flex-shrink:0;padding:16px;font-size:.9375rem!important;font-weight:600!important}.chatroom-modal-overlay{z-index:60;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.chatroom-modal{background:#fff;border-radius:12px;width:100%;max-width:360px;padding:24px;box-shadow:0 20px 60px #0003}.chatroom-modal-title{color:var(--chat-text-primary);text-align:center;margin-bottom:16px;font-size:1.125rem!important;font-weight:600!important}.chatroom-modal-input{border:1px solid var(--chat-input-border);width:100%;color:var(--chat-text-primary);transition:border-color var(--chat-transition);border-radius:6px;outline:none;margin-bottom:12px;padding:10px 12px;font-size:.9375rem!important}.chatroom-modal-input:focus{border-color:var(--chat-accent)}.chatroom-modal-submit{background:var(--chat-accent);color:#fff;cursor:pointer;width:100%;transition:background var(--chat-transition);border:none;border-radius:6px;padding:10px;font-size:.875rem!important;font-weight:500!important}.chatroom-modal-submit:hover{background:var(--chat-accent-hover)}.chatroom-edit-form{flex-direction:column;gap:6px;display:flex}.chatroom-edit-textarea{border:1px solid var(--chat-input-border);width:100%;color:var(--chat-text-primary);resize:none;background:#fff;border-radius:6px;outline:none;padding:6px 10px;font-size:.8125rem!important}.chatroom-edit-textarea:focus{border-color:var(--chat-accent)}.chatroom-edit-actions{gap:6px;display:flex}.chatroom-edit-save{background:var(--chat-accent);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:4px 12px;font-size:.75rem!important;font-weight:500!important}.chatroom-edit-cancel{color:#fff;cursor:pointer;background:#6b7280;border:none;border-radius:4px;padding:4px 12px;font-size:.75rem!important;font-weight:500!important}.chatroom-edit-error{color:var(--chat-danger);font-size:.6875rem!important}.chatroom-error-msg{color:var(--chat-danger);text-align:center;padding:4px 16px;font-size:.8125rem!important}@media (min-width:768px){.chatroom-page{padding:0}.chatroom-container-desktop{background:#fff;flex-direction:column;width:100%;height:100%;display:flex}.chatroom-messages{background:var(--chat-bg)}.chatroom-input-wrapper{padding:6px 24px 10px}.chatroom-input-form{max-width:100%}.chatroom-msg-row{padding:2px 24px}.chatroom-header{padding:12px 24px}}@media (max-width:767px){.chatroom-header{min-height:50px;padding:10px 12px}.chatroom-msg-row{padding:2px 10px}.chatroom-input-row{padding:6px 8px}.chatroom-format-bar{padding:3px 6px}.chatroom-format-hint{display:none}.chatroom-scroll-btn{bottom:120px;right:12px}}.chatroom-messages.always-show-scrollbar{scrollbar-width:thin}