body{--gp-chat-feed-padding:var(--spacing-6) 0;--gp-chat-feed-scrollbar-width:4px;--gp-chat-msg-padding:var(--spacing-8) var(--spacing-12);--gp-chat-msg-gap:var(--spacing-10);--gp-chat-avatar-size:24px;--gp-chat-avatar-radius:50%;--gp-chat-avatar-font-size:10px;--gp-chat-avatar-font-weight:700;--gp-chat-nick-font-size:11px;--gp-chat-nick-font-weight:600;--gp-chat-meta-gap:var(--spacing-6);--gp-chat-meta-margin-bottom:var(--spacing-4);--gp-chat-time-font-size:10px;--gp-chat-body-font-size:13px;--gp-chat-body-line-height:1.4;--gp-chat-pill-font-size:9px;--gp-chat-pill-font-weight:700;--gp-chat-pill-padding:1px 5px;--gp-chat-pill-radius:3px;--gp-chat-pinned-padding:var(--spacing-6) var(--spacing-12);--gp-chat-pinned-icon-size:12px;--gp-chat-pinned-text-font-size:11px;--gp-chat-reply-ref-font-size:10px;--gp-chat-reply-ref-icon-size:10px;--gp-chat-reply-ref-margin-bottom:3px;--gp-chat-reply-bar-padding:5px var(--spacing-12);--gp-chat-reply-bar-font-size:11px;--gp-chat-reply-bar-icon-size:12px;--gp-chat-input-padding:var(--spacing-8) var(--spacing-12);--gp-chat-input-row-radius:var(--border-radius-standard,8px);--gp-chat-input-row-padding:var(--spacing-4) var(--spacing-4) var(--spacing-4) var(--spacing-12);--gp-chat-input-font-size:13px;--gp-chat-send-size:30px;--gp-chat-send-radius:6px;--gp-chat-send-icon-size:14px;--gp-chat-win-badge-font-size:9px;--gp-chat-win-badge-radius:3px;--gp-chat-win-badge-icon-size:10px;--gp-chat-empty-font-size:13px;--gp-chat-empty-icon-size:40px;--gp-chat-empty-icon-opacity:.3;--gp-chat-restricted-font-size:12px}body.dark{--gp-chat-feed-scrollbar-thumb:var(--color-border-1);--gp-chat-msg-hover-bg:#ffffff05;--gp-chat-avatar-bg:var(--color-text-disabled);--gp-chat-avatar-color:#fff;--gp-chat-avatar-mod-bg:var(--color-status-info);--gp-chat-avatar-admin-bg:var(--color-primary);--gp-chat-nick-color:var(--color-text-primary);--gp-chat-nick-mod-color:var(--color-status-info);--gp-chat-nick-admin-color:var(--color-primary);--gp-chat-time-color:var(--color-text-disabled);--gp-chat-body-color:var(--color-text-secondary);--gp-chat-pill-mod-color:var(--color-status-info);--gp-chat-pill-mod-bg:#448aff1f;--gp-chat-pill-admin-color:var(--color-primary);--gp-chat-pill-admin-bg:#f421231f;--gp-chat-mod-row-bg:#448aff0a;--gp-chat-mod-row-hover-bg:#448aff12;--gp-chat-admin-row-bg:#f421230a;--gp-chat-admin-row-hover-bg:#f4212312;--gp-chat-pinned-border-left:3px solid var(--color-primary);--gp-chat-pinned-bg:#f421230a;--gp-chat-pinned-icon-color:var(--color-primary);--gp-chat-pinned-text-color:var(--color-text-secondary);--gp-chat-reply-ref-color:var(--color-text-disabled);--gp-chat-reply-ref-nick-color:var(--color-text-secondary);--gp-chat-reply-bar-bg:var(--color-ui-surface);--gp-chat-reply-bar-color:var(--color-text-secondary);--gp-chat-reply-bar-nick-color:var(--color-text-primary);--gp-chat-reply-bar-icon-color:var(--color-primary);--gp-chat-input-row-bg:var(--color-input-bg);--gp-chat-input-row-border:1px solid var(--color-border-1);--gp-chat-input-color:var(--color-text-primary);--gp-chat-input-placeholder-color:var(--color-input-placeholder);--gp-chat-input-focus-border:var(--color-primary);--gp-chat-send-bg:var(--color-primary);--gp-chat-send-bg-hover:var(--color-primary-hover);--gp-chat-send-icon-color:#fff;--gp-chat-win-bg:#00c86a0a;--gp-chat-win-border-left:2px solid var(--color-status-success);--gp-chat-win-badge-color:var(--color-status-success);--gp-chat-win-badge-bg:#00c86a1f;--gp-chat-empty-color:var(--color-text-disabled);--gp-chat-restricted-color:var(--color-text-disabled)}body.light{--gp-chat-feed-scrollbar-thumb:var(--color-border-1);--gp-chat-msg-hover-bg:#00000005;--gp-chat-avatar-bg:var(--color-quaternary);--gp-chat-avatar-color:#fff;--gp-chat-avatar-mod-bg:var(--color-status-info);--gp-chat-avatar-admin-bg:var(--color-primary);--gp-chat-nick-color:var(--color-text-primary);--gp-chat-nick-mod-color:var(--color-status-info);--gp-chat-nick-admin-color:var(--color-primary);--gp-chat-time-color:var(--color-text-disabled);--gp-chat-body-color:var(--color-text-secondary);--gp-chat-pill-mod-color:var(--color-status-info);--gp-chat-pill-mod-bg:#448aff1a;--gp-chat-pill-admin-color:var(--color-primary);--gp-chat-pill-admin-bg:#f421231a;--gp-chat-mod-row-bg:#448aff08;--gp-chat-mod-row-hover-bg:#448aff0f;--gp-chat-admin-row-bg:#f4212308;--gp-chat-admin-row-hover-bg:#f421230f;--gp-chat-pinned-border-left:3px solid var(--color-primary);--gp-chat-pinned-bg:#f4212308;--gp-chat-pinned-icon-color:var(--color-primary);--gp-chat-pinned-text-color:var(--color-text-secondary);--gp-chat-reply-ref-color:var(--color-text-disabled);--gp-chat-reply-ref-nick-color:var(--color-text-secondary);--gp-chat-reply-bar-bg:var(--color-ui-surface);--gp-chat-reply-bar-color:var(--color-text-secondary);--gp-chat-reply-bar-nick-color:var(--color-text-primary);--gp-chat-reply-bar-icon-color:var(--color-primary);--gp-chat-input-row-bg:var(--color-input-bg);--gp-chat-input-row-border:1px solid var(--color-border-1);--gp-chat-input-color:var(--color-text-primary);--gp-chat-input-placeholder-color:var(--color-input-placeholder);--gp-chat-input-focus-border:var(--color-primary);--gp-chat-send-bg:var(--color-primary);--gp-chat-send-bg-hover:var(--color-primary-hover);--gp-chat-send-icon-color:#fff;--gp-chat-win-bg:#00a85f0a;--gp-chat-win-border-left:2px solid var(--color-status-success);--gp-chat-win-badge-color:var(--color-status-success);--gp-chat-win-badge-bg:#00a85f1a;--gp-chat-empty-color:var(--color-text-disabled);--gp-chat-restricted-color:var(--color-text-disabled)}.gp-chat{flex-direction:column;height:100%;min-height:0;display:flex}.gp-chat-pinned{align-items:center;gap:var(--spacing-6);padding:var(--gp-chat-pinned-padding);border-left:var(--gp-chat-pinned-border-left);background:var(--gp-chat-pinned-bg);border-bottom:1px solid var(--color-border-1);flex-shrink:0;display:flex}.gp-chat-pinned__icon{width:var(--gp-chat-pinned-icon-size);height:var(--gp-chat-pinned-icon-size);color:var(--gp-chat-pinned-icon-color);flex-shrink:0}.gp-chat-pinned__text{font-size:var(--gp-chat-pinned-text-font-size);color:var(--gp-chat-pinned-text-color);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.gp-chat-feed{padding:var(--gp-chat-feed-padding);text-align:left;flex-direction:column;flex:1;display:flex;overflow-y:auto}.gp-chat-feed::-webkit-scrollbar{width:var(--gp-chat-feed-scrollbar-width)}.gp-chat-feed::-webkit-scrollbar-track{background:0 0}.gp-chat-feed::-webkit-scrollbar-thumb{background:var(--gp-chat-feed-scrollbar-thumb);border-radius:2px}.gp-chat-msg{gap:var(--gp-chat-msg-gap);padding:var(--gp-chat-msg-padding);transition:background var(--transition-fast);cursor:pointer;align-items:flex-start;display:flex}.gp-chat-msg:hover{background:var(--gp-chat-msg-hover-bg)}.gp-chat-msg--mod{background:var(--gp-chat-mod-row-bg)}.gp-chat-msg--mod:hover{background:var(--gp-chat-mod-row-hover-bg)}.gp-chat-msg--mod .gp-chat-msg__avatar{background:var(--gp-chat-avatar-mod-bg)}.gp-chat-msg--mod .gp-chat-msg__nick{color:var(--gp-chat-nick-mod-color)}.gp-chat-msg--admin{background:var(--gp-chat-admin-row-bg)}.gp-chat-msg--admin:hover{background:var(--gp-chat-admin-row-hover-bg)}.gp-chat-msg--admin .gp-chat-msg__avatar{background:var(--gp-chat-avatar-admin-bg)}.gp-chat-msg--admin .gp-chat-msg__nick{color:var(--gp-chat-nick-admin-color)}.gp-chat-msg--win{background:var(--gp-chat-win-bg);border-left:var(--gp-chat-win-border-left);padding-left:calc(var(--spacing-12) - 2px)}.gp-chat-msg__avatar{width:var(--gp-chat-avatar-size);height:var(--gp-chat-avatar-size);border-radius:var(--gp-chat-avatar-radius);font-size:var(--gp-chat-avatar-font-size);font-weight:var(--gp-chat-avatar-font-weight);color:var(--gp-chat-avatar-color);background:var(--gp-chat-avatar-bg);flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:flex}.gp-chat-msg__content{flex:1;min-width:0}.gp-chat-msg__meta{align-items:baseline;gap:var(--gp-chat-meta-gap);margin-bottom:var(--gp-chat-meta-margin-bottom);line-height:1;display:flex}.gp-chat-msg__nick{font-size:var(--gp-chat-nick-font-size);font-weight:var(--gp-chat-nick-font-weight);color:var(--gp-chat-nick-color)}.gp-chat-msg__time{font-size:var(--gp-chat-time-font-size);color:var(--gp-chat-time-color);font-variant-numeric:tabular-nums}.gp-chat-msg__body{font-size:var(--gp-chat-body-font-size);color:var(--gp-chat-body-color);line-height:var(--gp-chat-body-line-height);word-break:break-word}.gp-chat-msg__gif{border-radius:6px;max-width:180px;max-height:180px;margin-top:2px;display:block}.gp-chat-pill{font-size:var(--gp-chat-pill-font-size);font-weight:var(--gp-chat-pill-font-weight);text-transform:uppercase;letter-spacing:.3px;padding:var(--gp-chat-pill-padding);border-radius:var(--gp-chat-pill-radius);line-height:1.3;display:inline-flex}.gp-chat-pill--mod{color:var(--gp-chat-pill-mod-color);background:var(--gp-chat-pill-mod-bg)}.gp-chat-pill--admin{color:var(--gp-chat-pill-admin-color);background:var(--gp-chat-pill-admin-bg)}.gp-chat-win-badge{font-size:var(--gp-chat-win-badge-font-size);text-transform:uppercase;color:var(--gp-chat-win-badge-color);background:var(--gp-chat-win-badge-bg);border-radius:var(--gp-chat-win-badge-radius);align-items:center;gap:3px;padding:1px 5px;font-weight:700;display:inline-flex}.gp-chat-win-badge svg{width:var(--gp-chat-win-badge-icon-size);height:var(--gp-chat-win-badge-icon-size)}.gp-chat-reply-ref{align-items:center;gap:var(--spacing-4);font-size:var(--gp-chat-reply-ref-font-size);color:var(--gp-chat-reply-ref-color);margin-bottom:var(--gp-chat-reply-ref-margin-bottom);display:flex}.gp-chat-reply-ref svg{width:var(--gp-chat-reply-ref-icon-size);height:var(--gp-chat-reply-ref-icon-size);flex-shrink:0}.gp-chat-reply-ref__nick{color:var(--gp-chat-reply-ref-nick-color);font-weight:600}.gp-chat-reply-ref__text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.gp-chat-reply-bar{align-items:center;gap:var(--spacing-6);padding:var(--gp-chat-reply-bar-padding);border-top:1px solid var(--color-border-1);background:var(--gp-chat-reply-bar-bg);font-size:var(--gp-chat-reply-bar-font-size);color:var(--gp-chat-reply-bar-color);flex-shrink:0;display:flex}.gp-chat-reply-bar svg{width:var(--gp-chat-reply-bar-icon-size);height:var(--gp-chat-reply-bar-icon-size);color:var(--gp-chat-reply-bar-icon-color);flex-shrink:0}.gp-chat-reply-bar__nick{color:var(--gp-chat-reply-bar-nick-color);font-weight:600}.gp-chat-reply-bar__close{cursor:pointer;color:var(--color-text-disabled);transition:color var(--transition-fast);background:0 0;border:none;margin-left:auto;padding:0;font-size:16px;line-height:1}.gp-chat-reply-bar__close:hover{color:var(--color-text-primary)}.gp-chat-emoji-picker{border-top:1px solid var(--color-border-1);flex-shrink:0}.gp-chat-emoji-picker .EmojiPickerReact{--epr-bg-color:var(--color-ui-surface)!important;--epr-category-label-bg-color:var(--color-ui-surface)!important;--epr-hover-bg-color:var(--color-ui-bg-hover)!important;--epr-focus-bg-color:var(--color-ui-bg-hover)!important;--epr-text-color:var(--color-text-primary)!important;--epr-category-icon-active-color:var(--color-brand)!important;--epr-highlight-color:var(--color-brand)!important;--epr-emoji-size:24px!important;--epr-category-navigation-button-size:22px!important;--epr-category-label-height:28px!important;border:none!important;border-radius:0!important}.gp-chat-emoji-picker .EmojiPickerReact .epr-category-nav{padding:4px 6px}.gp-chat-emoji-picker .EmojiPickerReact .epr-body{padding:0 4px}.gp-chat-emoji-picker .EmojiPickerReact li.epr-emoji-category>.epr-emoji-category-label{font-size:11px;font-weight:600}.gp-chat-input{padding:var(--gp-chat-input-padding);border-top:1px solid var(--color-border-1);flex-shrink:0}.gp-chat-input__emoji-btn{cursor:pointer;width:28px;height:28px;color:var(--color-text-disabled);transition:color var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.gp-chat-input__emoji-btn:hover{color:var(--color-text-secondary)}.gp-chat-input__emoji-btn:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.gp-chat-input__emoji-btn svg{width:18px;height:18px}.gp-chat-input__gif-btn{border:1px solid var(--color-text-disabled);color:var(--color-text-disabled);cursor:pointer;letter-spacing:.3px;transition:all var(--transition-fast);background:0 0;border-radius:3px;flex-shrink:0;padding:2px 4px;font-family:inherit;font-size:9px;font-weight:800;line-height:1}.gp-chat-input__gif-btn:hover{color:var(--color-text-secondary);border-color:var(--color-text-secondary)}.gp-chat-input__gif-btn:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.gp-chat-input__row{gap:var(--spacing-6);background:var(--gp-chat-input-row-bg);border:var(--gp-chat-input-row-border);border-radius:var(--gp-chat-input-row-radius);padding:var(--gp-chat-input-row-padding);transition:border-color var(--transition-normal);align-items:center;display:flex}.gp-chat-input__row:focus-within{border-color:var(--gp-chat-input-focus-border)}.gp-chat-input__field{color:var(--gp-chat-input-color);font-family:inherit;font-size:var(--gp-chat-input-font-size);resize:none;background:0 0;border:none;outline:none;flex:1;min-height:30px}.gp-chat-input__field::placeholder{color:var(--gp-chat-input-placeholder-color)}.gp-chat-input__send{width:var(--gp-chat-send-size);height:var(--gp-chat-send-size);border-radius:var(--gp-chat-send-radius);background:var(--gp-chat-send-bg);cursor:pointer;transition:background var(--transition-fast), transform .1s;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.gp-chat-input__send:hover{background:var(--gp-chat-send-bg-hover)}.gp-chat-input__send:active{transform:scale(.95)}.gp-chat-input__send svg{width:var(--gp-chat-send-icon-size);height:var(--gp-chat-send-icon-size);color:var(--gp-chat-send-icon-color)}.gp-chat-input__restricted{padding:var(--gp-chat-input-padding);text-align:center;font-size:var(--gp-chat-restricted-font-size);color:var(--gp-chat-restricted-color);border-top:1px solid var(--color-border-1)}.gp-chat-input__share-win{border:none;border-top:1px solid var(--color-border-1);width:100%;color:var(--color-status-success);cursor:pointer;transition:background var(--transition-fast);background:#00c86a0f;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:600;display:flex}.gp-chat-input__share-win:hover{background:#00c86a1a}.gp-chat-input__share-win:disabled{opacity:.5;cursor:default}.gp-chat-empty{justify-content:center;align-items:center;gap:var(--spacing-8);color:var(--gp-chat-empty-color);flex-direction:column;flex:1;display:flex}.gp-chat-empty svg{width:var(--gp-chat-empty-icon-size);height:var(--gp-chat-empty-icon-size);opacity:var(--gp-chat-empty-icon-opacity)}.gp-chat-empty p{font-size:var(--gp-chat-empty-font-size)}.gp-gif-picker{border-top:1px solid var(--color-border-1);flex-direction:column;flex-shrink:0;max-height:320px;display:flex}.gp-gif-picker__header{border-bottom:1px solid var(--color-border-1);padding:8px}.gp-gif-picker__search{background:var(--color-input-bg);border:1px solid var(--color-border-1);width:100%;color:var(--color-text-primary);border-radius:6px;outline:none;padding:6px 10px;font-family:inherit;font-size:12px}.gp-gif-picker__search::placeholder{color:var(--color-input-placeholder)}.gp-gif-picker__search:focus{border-color:var(--color-brand)}.gp-gif-picker__label{color:var(--color-text-disabled);text-transform:uppercase;letter-spacing:.5px;padding:4px 8px;font-size:10px;font-weight:600}.gp-gif-picker__grid{scrollbar-width:thin;flex:1;grid-template-columns:repeat(2,1fr);gap:4px;padding:4px 8px 8px;display:grid;overflow-y:auto}.gp-gif-picker__grid::-webkit-scrollbar{width:4px}.gp-gif-picker__grid::-webkit-scrollbar-thumb{background:var(--color-border-1);border-radius:2px}.gp-gif-picker__item{background:var(--color-ui-surface);border:1px solid var(--color-border-1);cursor:pointer;transition:border-color var(--transition-fast);border-radius:6px;padding:0;overflow:hidden}.gp-gif-picker__item:hover{border-color:var(--color-brand)}.gp-gif-picker__item:focus-visible{outline:2px solid var(--color-brand);outline-offset:-2px}.gp-gif-picker__item img{width:100%;height:auto;display:block}.gp-gif-picker__loading,.gp-gif-picker__empty{text-align:center;color:var(--color-text-disabled);grid-column:1/-1;padding:24px;font-size:12px}.gp-gif-picker__footer{border-top:1px solid var(--color-border-1);text-align:right;padding:4px 8px}.gp-gif-picker__powered{color:var(--color-text-disabled);letter-spacing:.3px;font-size:9px}
