.chat-panel{display:flex;flex-direction:column;height:100%;background-color:#f8f9fa;border-left:1px solid #e5e7eb;font-family:var(--font-sans);color:#1a1a1a}.chat-panel__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background-color:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0}.chat-panel__title{font-size:.9375rem;font-weight:600;color:#1a1a1a;margin:0}.chat-panel__close{background:none;border:none;cursor:pointer;color:#9ca3af;font-size:1.25rem;line-height:1;padding:var(--spacing-xs);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:background-color .15s,color .15s}.chat-panel__close:hover{background-color:#f3f4f6;color:#1a1a1a}.chat-panel__messages{flex:1;overflow-y:auto;padding:var(--spacing-sm) var(--spacing-md);display:flex;flex-direction:column;gap:2px;background-color:#f8f9fa}.chat-panel__messages::-webkit-scrollbar{width:4px}.chat-panel__messages::-webkit-scrollbar-track{background:transparent}.chat-panel__messages::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.chat-panel__empty{flex:1;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:.875rem;text-align:center;padding:var(--spacing-lg)}.chat-panel__login-prompt{padding:var(--spacing-sm) var(--spacing-md);background-color:#fff;border-top:1px solid #e5e7eb;text-align:center;color:#9ca3af;font-size:.875rem;flex-shrink:0}.chat-message{display:flex;max-width:100%;padding:4px 0}.chat-message--own{align-self:flex-end}.chat-message--other{align-self:flex-start}.chat-message__bubble{display:inline-flex;flex-direction:column;gap:2px;padding:4px 8px;border-radius:var(--radius-sm);box-shadow:none;max-width:100%}.chat-message--own .chat-message__bubble{background-color:#0000000a}.chat-message--other .chat-message__bubble{background-color:#fff}.chat-message:hover .chat-message__bubble{background-color:#f0f1f3}.chat-message__header{display:flex;align-items:baseline;gap:var(--spacing-sm);justify-content:space-between}.chat-message__nickname{font-size:.75rem;font-weight:600;color:#1772f8}.chat-message--own .chat-message__nickname{color:#1565d8}.chat-message__text{margin:0;font-size:.8125rem;color:#374151;line-height:1.4;word-break:break-word;white-space:pre-wrap}.chat-message__header-right{display:flex;align-items:baseline;gap:var(--spacing-xs)}.chat-message__time{font-size:.625rem;color:#9ca3af;white-space:nowrap}.chat-message__actions{display:none;gap:2px}.chat-message:hover .chat-message__actions{display:flex}.chat-message__action-btn{background:none;border:none;cursor:pointer;font-size:.625rem;font-weight:500;padding:0 4px;border-radius:2px;line-height:1;font-family:var(--font-sans)}.chat-message__action-btn--delete{color:#dc2626}.chat-message__action-btn--delete:hover{background-color:#dc26261a}.chat-message__action-btn--ban{color:#d97706}.chat-message__action-btn--ban:hover{background-color:#d977061a}.chat-message__action-btn--unban{color:#059669}.chat-message__action-btn--unban:hover{background-color:#0596691a}.chat-message__banned-badge{font-size:.5625rem;font-weight:500;color:#dc2626;background-color:#dc262614;padding:0 4px;border-radius:2px;margin-left:4px;vertical-align:middle}.chat-panel__banned{padding:var(--spacing-sm) var(--spacing-md);background-color:#fff;border-top:1px solid #e5e7eb;text-align:center;color:#dc2626;font-size:.875rem;flex-shrink:0;margin:0}.chat-input{flex-shrink:0;padding:var(--spacing-sm) var(--spacing-md);background-color:#fff;border-top:1px solid #e5e7eb}.chat-input--disabled{display:flex;align-items:center;justify-content:center}.chat-input__login-prompt{margin:0;font-size:.875rem;color:#9ca3af}.chat-input__row{display:flex;gap:var(--spacing-sm);align-items:center}.chat-input__field{flex:1;padding:var(--spacing-sm) var(--spacing-md);font-size:.8125rem;border:1px solid #e5e7eb;border-radius:var(--radius-md);resize:none;overflow-y:auto;line-height:1.4;background-color:#f8f9fa;color:#1a1a1a;outline:none;font-family:var(--font-sans);transition:border-color .15s}.chat-input__field:focus{border-color:#1772f8}.chat-input__field::placeholder{color:#9ca3af}.chat-input__send{padding:var(--spacing-sm) var(--spacing-md);background-color:#1772f8;color:#fff;border:none;border-radius:var(--radius-md);font-size:.8125rem;font-weight:500;cursor:pointer;transition:background-color .15s,opacity .15s;white-space:nowrap;font-family:var(--font-sans)}.chat-input__send:hover:not(:disabled){background-color:#1565d8}.chat-input__send:disabled{opacity:.4;cursor:not-allowed}.chat-input__count{display:block;font-size:.625rem;color:#9ca3af;text-align:right;margin-top:2px}.chat-input__gif-btn{padding:var(--spacing-sm) var(--spacing-sm);background-color:transparent;color:#1772f8;border:1px solid #1772f8;border-radius:var(--radius-md);font-size:.75rem;font-weight:600;cursor:pointer;transition:background-color .15s,color .15s;white-space:nowrap;font-family:var(--font-sans);letter-spacing:.02em}.chat-input__gif-btn:hover{background-color:#1772f8;color:#fff}.gif-picker{position:relative;background-color:#fff;border:1px solid #e5e7eb;border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);overflow:hidden;box-shadow:0 -2px 8px #00000014}.gif-picker__header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-bottom:1px solid #e5e7eb}.gif-picker__search{flex:1;padding:var(--spacing-xs) var(--spacing-sm);font-size:.8125rem;border:1px solid #e5e7eb;border-radius:var(--radius-sm);background-color:#f8f9fa;color:#1a1a1a;outline:none;font-family:var(--font-sans);transition:border-color .15s}.gif-picker__search:focus{border-color:#1772f8}.gif-picker__search::placeholder{color:#9ca3af}.gif-picker__close{background:none;border:none;cursor:pointer;color:#9ca3af;font-size:1.25rem;line-height:1;padding:0 4px;border-radius:var(--radius-sm);transition:color .15s;font-family:var(--font-sans)}.gif-picker__close:hover{color:#1a1a1a}.gif-picker__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:var(--spacing-xs);max-height:200px;overflow-y:auto}.gif-picker__item{background:none;border:none;padding:0;cursor:pointer;border-radius:var(--radius-sm);overflow:hidden;aspect-ratio:1;transition:opacity .15s}.gif-picker__item:hover{opacity:.85}.gif-picker__item img{width:100%;height:100%;object-fit:cover;display:block}.gif-picker__loading{grid-column:1 / -1;text-align:center;padding:var(--spacing-md);font-size:.8125rem;color:#9ca3af}.gif-picker__attribution{margin:0;padding:4px var(--spacing-sm);font-size:.625rem;color:#9ca3af;text-align:right;border-top:1px solid #f0f1f3;background-color:#fafafa}.chat-message__gif{display:block;max-width:150px;border-radius:var(--radius-sm);margin-top:2px}.desktop-chat-resizable::-webkit-resizer{background-color:transparent}:root{--color-primary: #1a1a1a;--color-primary-hover: #333333;--color-secondary: #64748b;--color-danger: #ef4444;--color-danger-hover: #dc2626;--color-success: #22c55e;--color-warning: #f59e0b;--color-bg: #f5f5f5;--color-surface: #ffffff;--color-border: #e0e0e0;--color-text: #0f172a;--color-text-secondary: #64748b;--color-text-muted: #94a3b8;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Fira Code", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border)}th{font-weight:600;color:var(--color-text-secondary);font-size:.875rem}.flag-badge{position:relative;cursor:default}.flag-badge:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:2px 6px;background:#333;color:#fff;font-size:.65rem;border-radius:4px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s;margin-bottom:2px;z-index:20}.flag-badge:hover:after{opacity:1}