.ch-feed, .ch-feed * { box-sizing: border-box; } .is-busy { opacity: 0.75; } .ch-feed { max-width: 760px; margin: 0 auto; } .ch-feed .ch-activity-card { background: #ffffff; color: #111827; border: 1px solid #dbe3ec; border-radius: 18px; padding: 16px !important; margin: 0 0 18px; box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06); height: auto !important; min-height: 0 !important; max-height: none !important; overflow: visible !important; } .ch-activity-card { margin-top: 12px; padding: 12px 0; border-bottom: 1px solid rgba(229, 234, 240, 0.75); } .ch-feed .ch-activity-header { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 10px; } .ch-feed .ch-activity-avatar img { width: 40px; height: 40px; border-radius: 50%; display: block; } .ch-activity-user-block { flex: 1; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 2px; } .ch-activity-name-row { display: flex; align-items: center; flex-wrap: wrap; gap: 5px; min-width: 0; } .ch-feed .ch-activity-name, .ch-activity-name { color: #111827; font-size: 14px; font-weight: 800; text-decoration: none; } .ch-feed .ch-activity-name:hover, .ch-activity-name:hover { text-decoration: underline; } .ch-member-type { display: inline-flex; align-items: center; max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; font-weight: 700; color: var(--ch-member-type-text, #2563eb); background: var(--ch-member-type-bg, rgba(37, 99, 235, 0.08)); padding: 3px 8px; border-radius: 999px; vertical-align: middle; } .ch-post-time { font-size: 12px; color: #6b7280; margin-left: 6px; cursor: pointer; text-decoration: none; white-space: nowrap; } .ch-post-time:hover { text-decoration: underline; } .ch-feed .ch-activity-content, .ch-activity-content { color: #111827; font-size: 15px; line-height: 1.5; margin-bottom: 12px; text-align: left !important; white-space: normal; word-break: break-word; } .ch-single-post { max-width: 700px; margin: 40px auto; } .ch-activity-media, .ch-post-media { margin-top: 10px; } .ch-activity-media img, .ch-post-media img, #ch-preview img { width: 100%; border-radius: 12px; display: block; } #ch-preview img { margin-top: 10px; } .ch-composer { max-width: 760px; margin: 0 auto 16px; background: #ffffff; border: 1px solid #dbe3ec; border-radius: 18px; padding: 14px; box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06); } .ch-composer-textarea { width: 100%; min-height: 82px; resize: vertical; box-sizing: border-box; border: 1px solid #d1d5db; border-radius: 16px; padding: 12px 14px; font-size: 15px; line-height: 1.5; color: #111827; background: #ffffff; } .ch-composer-textarea:focus, .ch-comment-textarea:focus, .ch-reply-textarea:focus, .ch-edit-textarea:focus, .ch-repost-modal-textarea:focus { outline: none; border-color: #2563eb; box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12); } .ch-composer-actions { display: flex; align-items: center; gap: 10px; margin-top: 10px; } .ch-composer-submit { border: 0; border-radius: 999px; background: #2563eb; color: #ffffff; font-size: 14px; font-weight: 800; padding: 10px 18px; cursor: pointer; } .ch-composer-submit:hover { background: #1d4ed8; } .ch-composer-submit:disabled, .ch-composer-submit.is-busy { opacity: 0.7; cursor: wait; } .ch-composer-error { color: #b91c1c; font-size: 13px; font-weight: 700; } .ch-composer-file { display: none !important; } .ch-new-post-highlight { animation: chNewPostPulse 1.8s ease; } @keyframes chNewPostPulse { 0% { box-shadow: 0 0 0 0 rgba(37, 99, 235, 0.42); transform: scale(1); } 24% { box-shadow: 0 0 0 5px rgba(37, 99, 235, 0.2); transform: scale(1.01); } 100% { box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06); transform: scale(1); } } .ch-post-menu { margin-left: auto; position: relative; } .ch-post-menu-toggle { width: 36px; height: 36px; border-radius: 50%; border: 0; background: #f3f4f6; color: #111827; font-size: 18px; font-weight: 900; cursor: pointer; display: flex; align-items: center; justify-content: center; } .ch-post-menu-toggle:hover { background: #e5e7eb; } .ch-post-menu-dropdown { position: absolute; right: 0; top: 40px; background: #ffffff; border: 1px solid #d1d5db; border-radius: 12px; box-shadow: 0 10px 20px rgba(0,0,0,0.12); padding: 6px; display: flex; flex-direction: column; min-width: 140px; z-index: 9999; } .ch-post-menu-dropdown button { background: transparent; border: 0; padding: 10px 12px; text-align: left; font-size: 14px; font-weight: 600; color: #111827; cursor: pointer; border-radius: 8px; } .ch-post-menu-dropdown button:hover { background: #f3f4f6; } .ch-post-menu-dropdown .ch-post-delete, .ch-post-delete { color: #dc2626; } .ch-post-menu-dropdown .ch-post-delete:hover, .ch-post-delete:hover { background: rgba(220, 38, 38, 0.08); } .ch-action-row { display: flex; align-items: center; gap: 8px; width: 100%; padding: 8px 0; border-top: 1px solid #e5eaf0; border-bottom: 1px solid #e5eaf0; } .ch-action-button { appearance: none; border: 0; background: transparent; color: #374151 !important; font-size: 13px; font-weight: 700; line-height: 1; cursor: pointer; border-radius: 999px; padding: 8px 12px; transition: background-color 0.15s ease, color 0.15s ease, transform 0.15s ease; } .ch-action-button:hover { background: rgba(37, 99, 235, 0.08); color: #2563eb !important; } .ch-action-button:active { transform: translateY(1px); } .ch-action-button.is-placeholder { opacity: 1; } .ch-action-button.is-busy, .ch-quote-button.is-busy, .ch-action-button[data-ch-action="repost"].is-busy { opacity: 0.7; cursor: wait; pointer-events: none; } .ch-action-row .ch-action-button.is-liked, .ch-feed .ch-action-button.is-liked, .ch-action-row .ch-reaction-trigger.is-liked { background: #2563eb !important; color: #ffffff !important; border-radius: 999px !important; box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.24) !important; } .ch-action-row .ch-action-button.is-liked:hover, .ch-feed .ch-action-button.is-liked:hover, .ch-action-row .ch-reaction-trigger.is-liked:hover { background: #1d4ed8 !important; color: #ffffff !important; } .ch-post-reaction-wrap { position: relative; display: inline-flex; align-items: center; } .ch-action-row .ch-reaction-trigger { display: inline-flex !important; align-items: center !important; gap: 5px !important; } .ch-reaction-trigger .ch-reaction-icon-img { width: 18px !important; height: 18px !important; max-width: 18px !important; max-height: 18px !important; object-fit: contain !important; display: inline-block !important; vertical-align: middle !important; margin-right: 4px !important; } .ch-reaction-trigger .ch-reaction-emoji { font-size: 18px !important; line-height: 1 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; margin-right: 4px !important; } .ch-reaction-trigger.ch-reaction-pop { animation: chReactionPop 0.22s ease; } @keyframes chReactionPop { 0% { transform: scale(1); } 45% { transform: scale(1.12); } 100% { transform: scale(1); } } .ch-comment-reaction-wrap { position: relative !important; display: inline-flex !important; align-items: center !important; } .ch-comment-reaction-wrap::before { content: ""; position: absolute; left: -12px; right: -12px; bottom: 100%; height: 22px; z-index: 49; } .ch-reaction-picker { position: absolute !important; left: 0 !important; bottom: calc(100% + 10px) !important; display: flex !important; align-items: center !important; gap: 10px !important; padding: 10px 12px !important; background: #ffffff !important; border: 1px solid #dbe3ec !important; border-radius: 4px !important; box-shadow: 0 10px 28px rgba(15, 23, 42, 0.25) !important; opacity: 0; visibility: hidden; transform: translateY(4px) scale(0.98); pointer-events: none; transition: opacity 0.12s ease, transform 0.12s ease, visibility 0.12s ease; z-index: 99999 !important; white-space: nowrap !important; } .ch-comment-reaction-wrap:hover .ch-reaction-picker, .ch-comment-reaction-wrap.is-picker-open .ch-reaction-picker, .ch-reaction-picker:hover { opacity: 1 !important; visibility: visible !important; transform: translateY(0) scale(1) !important; pointer-events: auto !important; } .ch-comment-reaction-wrap.ch-picker-force-closed .ch-reaction-picker, .ch-comment-reaction-wrap.ch-picker-force-closed:hover .ch-reaction-picker, .ch-comment-reaction-wrap.ch-picker-force-closed.is-picker-open .ch-reaction-picker { display: none !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; } .ch-reaction-option { width: 46px !important; height: 46px !important; min-width: 46px !important; min-height: 46px !important; padding: 0 !important; border: 0 !important; border-radius: 999px !important; background: transparent !important; cursor: pointer !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; transition: transform 0.12s ease, background-color 0.12s ease; } .ch-reaction-option:hover { transform: translateY(-4px) scale(1.16) !important; background: rgba(37, 99, 235, 0.08) !important; } .ch-reaction-option-emoji { font-size: 30px !important; line-height: 1 !important; } .ch-reaction-option-img { width: 32px !important; height: 32px !important; max-width: 32px !important; max-height: 32px !important; object-fit: contain !important; } .ch-reaction-icon-img { width: 18px !important; height: 18px !important; max-width: 18px !important; max-height: 18px !important; object-fit: contain !important; } .ch-reaction-users-panel { position: absolute; z-index: 999999; width: 260px; min-width: 220px; max-width: 280px; background: #ffffff; color: #111827; border: 1px solid #dbe3ec; border-radius: 16px; box-shadow: 0 12px 34px rgba(15, 23, 42, 0.24); padding: 10px !important; opacity: 0; visibility: hidden; transform: translateY(4px); transition: opacity 0.14s ease, transform 0.14s ease, visibility 0.14s ease; pointer-events: auto; } .ch-reaction-users-panel.is-visible { opacity: 1; visibility: visible; transform: translateY(0); } .ch-reaction-users-inner { display: grid; gap: 4px !important; font-size: 13px; font-weight: 700; } .ch-reaction-user { display: grid !important; grid-template-columns: 34px 1fr 28px; align-items: center; gap: 8px; padding: 7px 8px !important; border-radius: 12px; } .ch-reaction-user:hover { background: #f8fafc; } .ch-reaction-user-avatar img { width: 32px; height: 32px; border-radius: 50%; display: block; } .ch-reaction-user-name { color: #111827; font-size: 13px; font-weight: 800; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ch-reaction-user-reaction { display: flex; align-items: center; justify-content: center; } .ch-reaction-user-emoji { width: 22px !important; height: 22px !important; font-size: 20px !important; object-fit: contain; } .ch-reaction-users-empty { color: #64748b; font-size: 13px; padding: 8px; } .ch-comments-box { max-width: 720px; margin: 16px 0 0; padding-top: 16px; border-top: 1px solid #dbe3ec; } .ch-comment-form { margin-bottom: 18px; } .ch-comment-textarea, .ch-reply-textarea, .ch-edit-textarea { width: 100%; box-sizing: border-box; background: #ffffff; color: #111827; border: 1px solid #d1d5db; border-radius: 16px; padding: 12px 14px; font-size: 14px; line-height: 1.5; resize: vertical; } .ch-comment-textarea { min-height: 84px; } .ch-reply-textarea, .ch-edit-textarea { min-height: 72px; } .ch-comment-submit, .ch-reply-submit, .ch-edit-save { border: 0; border-radius: 999px; cursor: pointer; font-weight: 600; background: #2563eb; color: #ffffff; } .ch-comment-submit { margin-top: 10px; padding: 10px 16px; font-size: 14px; } .ch-reply-submit, .ch-edit-save { padding: 8px 14px; font-size: 13px; } .ch-comment-submit:disabled, .ch-reply-submit:disabled, .ch-edit-save:disabled, .ch-comment-submit.is-busy, .ch-reply-submit.is-busy, .ch-edit-save.is-busy { opacity: 0.7; cursor: wait; } .ch-comments-list { margin-top: 12px; padding-bottom: 0 !important; overflow: visible !important; } .ch-comments-empty { display: none !important; } .ch-comment-thread { position: relative; margin-bottom: 10px !important; opacity: 1; transform: translateY(0); transition: opacity 0.18s ease, transform 0.18s ease; } .ch-comment { position: relative; display: flex; align-items: flex-start; gap: 10px; } .ch-comment-avatar { flex: 0 0 36px; margin-top: 2px; } .ch-comment-avatar img { width: 36px; height: 36px; border-radius: 50%; display: block; } .ch-comment-main { flex: 1; min-width: 0; display: flex; flex-direction: column; height: auto !important; max-height: none !important; overflow: visible !important; } .ch-comment-bubble, .ch-comment-depth-1 .ch-comment-bubble, .ch-comment-depth-2 .ch-comment-bubble, .ch-comment-depth-3 .ch-comment-bubble { display: inline-block; width: fit-content; max-width: min(100%, 620px); background: #ffffff !important; border: 1px solid #dde3ea; border-radius: 18px; padding: 9px 12px !important; box-shadow: 0 1px 2px rgba(15, 23, 42, 0.035); } .ch-comment-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; } .ch-comment-identity { display: flex; align-items: center; flex-wrap: wrap; gap: 4px; min-width: 0; } .ch-comment-name, .ch-comment-name-link { font-size: 13px; font-weight: 800; line-height: 1.2; color: #111827; text-decoration: none; } .ch-comment-name-link:hover { text-decoration: underline; } .ch-comment-dot, .ch-comment-time { font-size: 12px; color: #6b7280; font-weight: 600; opacity: 1; } .ch-comment-text { font-size: 14px; line-height: 1.5; color: #111827; word-wrap: break-word; white-space: pre-wrap; } .ch-comment-actions, .ch-comment-bubble .ch-comment-actions { display: flex; align-items: center; justify-content: flex-start; gap: 12px; margin-top: 7px; margin-left: 0 !important; padding-left: 0 !important; width: auto !important; align-self: flex-start !important; } .ch-comment-bubble .ch-comment-actions .ch-reaction-trigger, .ch-comment-bubble .ch-comment-actions .ch-comment-like, .ch-comment-bubble .ch-comment-actions .ch-reply-toggle, .ch-comment-actions .ch-reaction-trigger, .ch-comment-actions .ch-comment-like, .ch-comment-actions .ch-reply-toggle { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; min-width: 0 !important; height: auto !important; border-radius: 0 !important; font-size: 13px !important; font-weight: 800 !important; color: #6b7280 !important; line-height: 1.2 !important; cursor: pointer; } .ch-comment-bubble .ch-comment-actions .ch-reaction-trigger.is-liked, .ch-comment-actions .ch-reaction-trigger.is-liked { color: #2563eb !important; } .ch-comment-bubble .ch-comment-actions .ch-reaction-icon-img, .ch-comment-bubble .ch-comment-actions .ch-reaction-emoji, .ch-comment-actions .ch-reaction-icon-img, .ch-comment-actions .ch-reaction-emoji { margin-left: 0 !important; margin-right: 4px !important; width: 15px !important; height: 15px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; vertical-align: middle !important; } .ch-comment-actions .ch-reaction-count { font-size: 12px; opacity: 0.7; } .ch-reply-form, .ch-edit-form { margin-top: 10px; margin-left: 2px; max-width: 520px; } .ch-edit-form[hidden] { display: none !important; } .ch-reply-actions, .ch-edit-actions { display: flex; align-items: center; gap: 10px; margin-top: 8px; } .ch-reply-cancel, .ch-edit-cancel { border: 0; background: transparent; color: #6b7280; font-size: 13px; font-weight: 600; cursor: pointer; padding: 8px 4px; } .ch-reply-cancel:hover, .ch-edit-cancel:hover { color: #111827; text-decoration: underline; } .ch-reply-error, .ch-edit-error { margin-top: 8px; font-size: 12px; font-weight: 600; color: #b91c1c; } .ch-comment-children { margin-top: 8px !important; padding-left: 18px; padding-bottom: 0 !important; border-left: 2px solid rgba(219, 227, 236, 0.9); visibility: hidden; height: auto !important; max-height: none !important; overflow: visible !important; } .ch-comment-children:empty { display: none !important; } .ch-comment-children.ch-children-ready { visibility: visible; } .ch-comment-children .ch-comment-thread { margin-bottom: 8px !important; } .ch-comment-depth-1, .ch-comment-depth-2, .ch-comment-depth-3 { margin-left: 14px; } .ch-comment-depth-1 .ch-comment-avatar, .ch-comment-depth-2 .ch-comment-avatar, .ch-comment-depth-3 .ch-comment-avatar { flex: 0 0 32px; } .ch-comment-depth-1 .ch-comment-avatar img, .ch-comment-depth-2 .ch-comment-avatar img, .ch-comment-depth-3 .ch-comment-avatar img { width: 32px; height: 32px; } .ch-top-comment-hidden, .ch-reply-hidden-extra { display: none !important; } .ch-comment-thread:not(.ch-top-comment-hidden):not(.ch-reply-hidden-extra) { display: block !important; } .ch-comment-thread.ch-animating-in { opacity: 0; transform: translateY(4px); } .ch-comment-thread.ch-animating-out { opacity: 0; transform: translateY(-3px); pointer-events: none; } .ch-comment-menu { position: relative; margin-left: 8px; opacity: 0; transition: opacity 0.15s ease; } .ch-comment:hover .ch-comment-menu { opacity: 1; } .ch-comment-menu-toggle { width: 32px; height: 32px; border-radius: 50%; border: 0; background: transparent; color: #6b7280; font-size: 18px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: background 0.15s ease, color 0.15s ease; } .ch-comment-menu-toggle:hover { background: #f3f4f6; color: #111827; } .ch-comment-menu-dropdown { position: absolute; right: 0; top: 36px; z-index: 9999; min-width: 140px; padding: 6px; border: 1px solid #d1d5db; border-radius: 12px; background: #ffffff; box-shadow: 0 10px 24px rgba(15, 23, 42, 0.16); } .ch-comment-menu-dropdown button { display: block; width: 100%; border: 0; background: transparent; color: #111827; padding: 10px 12px; border-radius: 8px; font-size: 14px; font-weight: 600; text-align: left; cursor: pointer; } .ch-comment-menu-dropdown button:hover { background: #f3f4f6; } .ch-comment-menu-dropdown .ch-delete-comment { color: #dc2626; } .ch-comment-menu-dropdown .ch-delete-comment:hover { background: rgba(220, 38, 38, 0.08); } .ch-toggle-replies { background: transparent !important; color: #2563eb !important; border: 0 !important; border-radius: 0 !important; padding: 0 !important; margin-top: 4px !important; margin-bottom: 6px !important; width: auto !important; min-height: 0 !important; font-size: 12px !important; font-weight: 700 !important; box-shadow: none !important; cursor: pointer; } .ch-toggle-replies:hover { text-decoration: underline; } .ch-toggle-top-comments { display: block !important; width: 100% !important; background: #eff6ff !important; color: #1d4ed8 !important; border: 1px solid #bfdbfe !important; border-radius: 10px !important; padding: 11px 14px !important; margin: 14px 0 0 !important; font-size: 13px !important; font-weight: 800 !important; text-align: center !important; box-shadow: none !important; cursor: pointer; } .ch-toggle-top-comments::before { display: none !important; } .ch-toggle-top-comments:hover { background: #dbeafe !important; } body .ch-feed:not(.ch-single-post) .ch-activity-card .ch-activity-comments { display: block !important; visibility: visible !important; opacity: 1 !important; height: auto !important; max-height: none !important; overflow: visible !important; margin-top: 8px; } body .ch-feed:not(.ch-single-post) .ch-activity-card:not(.ch-comments-open) .ch-comments-box, body .ch-feed:not(.ch-single-post) .ch-activity-card:not(.ch-comments-open) .ch-comments-list, body .ch-feed:not(.ch-single-post) .ch-activity-card:not(.ch-comments-open) .ch-comment-thread { display: block !important; visibility: visible !important; opacity: 1 !important; } body .ch-feed:not(.ch-single-post) .ch-activity-card:not(.ch-comments-open) .ch-comment-form { display: none !important; } body .ch-feed:not(.ch-single-post) .ch-activity-card.ch-comments-open .ch-comment-form, body .ch-single-post .ch-comment-form { display: block !important; } .ch-feed:not(.ch-single-post) .ch-activity-card:not(.ch-comments-open) .ch-comments-box { border-top: 0 !important; padding-top: 0 !important; margin-top: 0 !important; } .ch-feed:not(.ch-single-post) .ch-activity-card:not(.ch-comments-open) .ch-comments-list:has(.ch-comment-thread) { margin-top: 12px !important; } .ch-feed:not(.ch-single-post) .ch-activity-card.ch-comments-open .ch-comments-box { border-top: 1px solid #dbe3ec !important; padding-top: 16px !important; margin-top: 16px !important; } .ch-activity-card-repost .ch-activity-content, .ch-feed .ch-activity-card-repost .ch-activity-content { display: block !important; text-align: left !important; margin-bottom: 12px; } .ch-repost-card, .ch-repost-card-quote, .ch-repost-card-repost { display: block !important; width: 100% !important; max-width: 100% !important; text-align: left !important; margin: 0 !important; padding: 0 !important; } .ch-repost-context { display: inline-flex; align-items: center; justify-content: flex-start; gap: 6px; margin: 0 0 10px; color: #64748b; font-size: 13px; font-weight: 700; line-height: 1.2; text-align: left !important; } .ch-repost-context-icon { font-size: 14px; line-height: 1; } .ch-quote-text { display: block !important; width: 100% !important; margin: 0 0 10px !important; padding: 0 !important; color: #111827 !important; font-size: 15px !important; font-weight: 400 !important; line-height: 1.5 !important; text-align: left !important; white-space: pre-wrap !important; word-break: break-word !important; } .ch-repost-embed { display: block !important; width: 100% !important; color: inherit !important; text-decoration: none !important; text-align: left !important; border: 1px solid #d5dde8 !important; border-radius: 16px !important; background: #ffffff !important; overflow: hidden !important; padding: 0 !important; margin: 0 !important; transition: border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease; } .ch-repost-embed:hover { color: inherit !important; text-decoration: none !important; border-color: #c6d2e0 !important; background: #fbfdff !important; box-shadow: 0 6px 18px rgba(15, 23, 42, 0.06) !important; } .ch-repost-embed-header { display: flex !important; align-items: flex-start !important; justify-content: flex-start !important; gap: 10px !important; padding: 14px 14px 0 !important; text-align: left !important; } .ch-repost-embed-avatar { flex: 0 0 36px !important; width: 36px !important; height: 36px !important; border-radius: 999px !important; overflow: hidden !important; } .ch-repost-embed-avatar img { width: 36px !important; height: 36px !important; border-radius: 999px !important; display: block !important; } .ch-repost-embed-user { display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: center !important; min-width: 0 !important; text-align: left !important; } .ch-repost-embed-name-row { display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: 6px !important; flex-wrap: wrap !important; text-align: left !important; } .ch-repost-embed-name { color: #111827 !important; font-size: 14px !important; font-weight: 800 !important; line-height: 1.2 !important; } .ch-repost-embed-time { margin-top: 2px !important; color: #64748b !important; font-size: 12px !important; font-weight: 600 !important; line-height: 1.2 !important; } .ch-repost-embed-text { display: block !important; padding: 10px 14px 14px !important; color: #111827 !important; font-size: 15px !important; font-weight: 400 !important; line-height: 1.45 !important; text-align: left !important; white-space: pre-wrap !important; word-break: break-word !important; } .ch-repost-embed-media { margin: 0 !important; border-top: 1px solid #e5eaf0 !important; background: #f8fafc !important; } .ch-repost-embed-media img { display: block !important; width: 100% !important; height: auto !important; max-height: 460px !important; object-fit: cover !important; } .ch-repost-missing, .ch-repost-embed-missing { border: 1px dashed #cbd5e1; border-radius: 14px; padding: 12px 14px; background: #f8fafc; color: #64748b; font-size: 13px; font-weight: 600; text-align: left; } body.ch-repost-modal-open { overflow: hidden; } .ch-repost-modal[hidden] { display: none !important; } .ch-repost-modal { position: fixed; inset: 0; z-index: 2147483000; display: grid; place-items: center; padding: 18px; } .ch-repost-modal-backdrop { position: absolute; inset: 0; background: rgba(15, 23, 42, 0.56); backdrop-filter: blur(3px); } .ch-repost-modal-panel { position: relative; width: min(520px, calc(100vw - 24px)); max-height: calc(100vh - 36px); overflow: hidden; background: #ffffff; border-radius: 22px; box-shadow: 0 24px 70px rgba(15, 23, 42, 0.35); border: 1px solid rgba(226, 232, 240, 0.9); display: flex; flex-direction: column; } .ch-repost-modal-header, .ch-quote-modal-header { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 54px 16px 18px; border-bottom: 1px solid #edf2f7; color: #111827; font-size: 16px; } .ch-repost-modal-close, .ch-quote-modal-close, .ch-repost-close, .ch-quote-close { appearance: none !important; -webkit-appearance: none !important; border: 0 !important; background: transparent !important; box-shadow: none !important; outline: none !important; width: 36px !important; height: 36px !important; min-width: 36px !important; min-height: 36px !important; padding: 0 !important; margin: 0 !important; border-radius: 999px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; color: #64748b !important; font-size: 24px !important; line-height: 1 !important; cursor: pointer !important; position: absolute; top: 12px; right: 12px; } .ch-repost-modal-close:hover, .ch-quote-modal-close:hover, .ch-repost-close:hover, .ch-quote-close:hover { background: rgba(15, 23, 42, 0.06) !important; color: #111827 !important; } .ch-repost-modal-body { padding: 16px 18px; overflow-y: auto; } .ch-repost-modal-label { display: block; font-size: 13px; font-weight: 800; color: #475569; margin-bottom: 8px; } .ch-repost-modal-textarea { width: 100%; min-height: 112px; resize: vertical; border: 1px solid #dbe3ec; border-radius: 16px; padding: 12px 14px; font-size: 15px; line-height: 1.45; color: #111827; background: #ffffff; outline: none; } .ch-repost-original-preview { margin-top: 14px; border: 1px solid #dbe3ec; border-radius: 16px; background: #f8fafc; padding: 13px; } .ch-repost-original-label { font-size: 12px; font-weight: 900; color: #64748b; margin-bottom: 7px; } .ch-repost-original-content { font-size: 14px; line-height: 1.45; color: #111827; } .ch-repost-modal-error { margin-top: 12px; padding: 10px 12px; border-radius: 12px; background: #fef2f2; color: #991b1b; font-size: 13px; font-weight: 700; } .ch-repost-modal-actions { display: flex; justify-content: flex-end; gap: 10px; padding: 14px 18px 16px; border-top: 1px solid #edf2f7; } .ch-repost-modal-secondary, .ch-repost-modal-primary { border: 0; border-radius: 999px; padding: 9px 15px; font-weight: 800; font-size: 14px; cursor: pointer; } .ch-repost-modal-secondary { background: #f1f5f9; color: #334155; } .ch-repost-modal-secondary:hover { background: #e2e8f0; } .ch-repost-modal-primary { background: #2563eb; color: #ffffff; } .ch-repost-modal-primary:hover { background: #1d4ed8; } .ch-repost-modal-primary:disabled, .ch-repost-modal-textarea:disabled { opacity: 0.65; cursor: wait; } .ch-notification-bell { position: relative; display: inline-flex; align-items: center; z-index: 50; } .ch-notification-button { position: relative; display: inline-flex; align-items: center; gap: 7px; border: 1px solid #dbe3ec; background: #ffffff; color: #1f2937; border-radius: 999px; padding: 8px 12px; font-size: 13px; font-weight: 700; cursor: pointer; box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06); } .ch-notification-button:hover, .ch-notification-bell.is-open .ch-notification-button { background: #f8fafc; border-color: #cbd5e1; } .ch-notification-icon { line-height: 1; } .ch-notification-count { display: inline-flex; align-items: center; justify-content: center; min-width: 19px; height: 19px; padding: 0 6px; border-radius: 999px; background: #ef4444; color: #ffffff; font-size: 11px; font-weight: 800; line-height: 1; } .ch-notification-dropdown { position: absolute; top: calc(100% + 10px); right: 0; width: min(360px, calc(100vw - 24px)); background: #ffffff; border: 1px solid #dbe3ec; border-radius: 16px; box-shadow: 0 18px 45px rgba(15, 23, 42, 0.18); overflow: hidden; z-index: 999999; } .ch-notification-dropdown-header { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 13px 14px; border-bottom: 1px solid #edf2f7; color: #111827; } .ch-notification-mark-read { border: 0; background: transparent; color: #2563eb; font-size: 12px; font-weight: 700; cursor: pointer; padding: 4px; } .ch-notification-list { max-height: 360px; overflow-y: auto; } .ch-notification-item { display: flex; gap: 10px; padding: 12px 14px; color: #111827; text-decoration: none; border-bottom: 1px solid #f1f5f9; background: #ffffff; } .ch-notification-item:hover { background: #f8fafc; color: #111827; } .ch-notification-item.is-new { background: #eff6ff; } .ch-notification-dot { width: 8px; height: 8px; border-radius: 999px; background: transparent; flex: 0 0 auto; margin-top: 6px; } .ch-notification-item.is-new .ch-notification-dot { background: #2563eb; } .ch-notification-content { display: grid; gap: 3px; min-width: 0; } .ch-notification-text { font-size: 13px; line-height: 1.35; font-weight: 700; } .ch-notification-date { font-size: 12px; color: #64748b; } .ch-notification-empty { padding: 18px 14px; color: #64748b; font-size: 13px; } .ch-bookmark-button { position: relative; } .ch-bookmark-button.is-saved { color: #2563eb !important; font-weight: 800; } .ch-bookmark-button.is-saved::before { content: "✓ "; } .ch-bookmark-button:disabled { opacity: 0.7; cursor: wait; } .ch-bookmarks-page { max-width: 760px; margin: 0 auto; } .ch-bookmarks-header, .ch-bookmarks-empty { background: #ffffff; border: 1px solid #dbe3ec; border-radius: 18px; padding: 18px; box-shadow: 0 8px 22px rgba(15, 23, 42, 0.06); } .ch-bookmarks-header { margin-bottom: 16px; } .ch-bookmarks-header h2 { margin: 0 0 4px; font-size: 22px; line-height: 1.2; color: #111827; } .ch-bookmarks-header p, .ch-bookmarks-empty { margin: 0; color: #64748b; font-size: 14px; } .ch-bookmarks-empty { max-width: 760px; margin: 20px auto; padding: 20px; } .ch-bookmark-view-link { display: inline-flex; margin-top: 10px; font-weight: 700; text-decoration: none; } .ch-feed-loader { display: flex !important; align-items: center; justify-content: center; gap: 8px; max-width: 760px; margin: 0 auto; padding: 14px 0 18px; color: #64748b; font-size: 13px; font-weight: 700; } .ch-feed-loader[hidden], .ch-feed-end[hidden] { display: none !important; } .ch-feed-loader::before, .ch-feed-loader::after { content: none !important; display: none !important; } .ch-feed-spinner { display: inline-block !important; width: 18px; height: 18px; border: 2px solid #dbeafe; border-top-color: #2563eb; border-radius: 999px; animation: chSpin 0.75s linear infinite; } .ch-feed-loader-text { display: inline !important; } .ch-feed-end { max-width: 760px; margin: 0 auto; text-align: center; color: #64748b; font-size: 13px; font-weight: 700; padding: 18px; } @keyframes chSpin { to { transform: rotate(360deg); } } .ch-activity-card.ch-live-updated { animation: chLiveUpdatedPulse 0.85s ease; } @keyframes chLiveUpdatedPulse { 0% { box-shadow: 0 0 0 rgba(37, 99, 235, 0); } 35% { box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12); } 100% { box-shadow: 0 0 0 rgba(37, 99, 235, 0); } } .ch-focus-highlight { box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.35); transition: box-shadow 0.2s ease; } .ch-deep-link-highlight { animation: chDeepLinkPulse 2.4s ease; } @keyframes chDeepLinkPulse { 0% { box-shadow: 0 0 0 0 rgba(37, 99, 235, 0.45); transform: scale(1); } 18% { box-shadow: 0 0 0 5px rgba(37, 99, 235, 0.22); transform: scale(1.01); } 100% { box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06); transform: scale(1); } } .activity-list .activity-meta, .buddypress-wrap .activity-meta, .activity-list .acomment-options, .buddypress-wrap .acomment-options, .activity-list .activity-item.ch-wrapped .activity-meta, .buddypress-wrap .activity-item.ch-wrapped .activity-meta { display: none !important; } .activity-list .activity-item.ch-wrapped .ch-action-row, .buddypress-wrap .activity-item.ch-wrapped .ch-action-row { display: flex !important; } .activity-list .ch-action-row, .buddypress-wrap .ch-action-row { border-top-color: rgba(255, 255, 255, 0.14) !important; border-bottom-color: rgba(255, 255, 255, 0.14) !important; } .activity-list .ch-action-button, .buddypress-wrap .ch-action-button, .activity-list .ch-comment-time, .activity-list .ch-comment-meta, .activity-list .ch-comment-meta a, .activity-list .ch-toggle-replies, .buddypress-wrap .ch-comment-time, .buddypress-wrap .ch-comment-meta, .buddypress-wrap .ch-comment-meta a, .buddypress-wrap .ch-toggle-replies { color: #ffffff !important; } .activity-list .ch-action-button:hover, .buddypress-wrap .ch-action-button:hover { background: rgba(255, 255, 255, 0.08) !important; color: #ffffff !important; } @media (max-width: 640px) { .ch-feed { max-width: 100%; padding-left: 10px; padding-right: 10px; } .ch-feed .ch-activity-card { border-radius: 14px; padding: 12px !important; margin-bottom: 14px; } .ch-feed .ch-activity-header { align-items: flex-start; gap: 8px; } .ch-activity-user-block { display: block; } .ch-activity-name-row { gap: 4px; } .ch-feed .ch-activity-name { max-width: 100%; overflow-wrap: anywhere; } .ch-member-type { max-width: 120px; } .ch-post-time { display: block; margin-left: 0; margin-top: 3px; max-width: 100%; white-space: normal; } .ch-action-row { justify-content: space-between; gap: 4px; overflow-x: auto; } .ch-action-button { padding: 8px 7px; font-size: 12px; flex: 0 0 auto; } .ch-comment { gap: 7px; } .ch-comment-avatar { flex: 0 0 30px; } .ch-comment-avatar img { width: 30px; height: 30px; } .ch-comment-main { min-width: 0; max-width: calc(100% - 37px); } .ch-comment-bubble { max-width: 100%; width: auto; padding: 9px 11px !important; border-radius: 15px; } .ch-comment-head { align-items: flex-start; gap: 6px; } .ch-comment-identity { flex: 1; min-width: 0; gap: 3px; } .ch-comment-name-link { max-width: 100%; overflow-wrap: anywhere; } .ch-comment-dot, .ch-comment-time { white-space: nowrap; } .ch-comment-text { overflow-wrap: anywhere; word-break: break-word; } .ch-comment-menu { flex: 0 0 auto; opacity: 1; } .ch-comment-menu-toggle { width: 28px; height: 28px; } .ch-comment-actions { flex-wrap: wrap; gap: 10px; } .ch-comment-children { margin-top: 8px !important; padding-left: 8px !important; border-left: 2px solid rgba(219, 227, 236, 0.8); } .ch-comment-depth-1, .ch-comment-depth-2, .ch-comment-depth-3 { margin-left: 0 !important; } .ch-comment-depth-1 .ch-comment-avatar, .ch-comment-depth-2 .ch-comment-avatar, .ch-comment-depth-3 .ch-comment-avatar { flex: 0 0 28px; } .ch-comment-depth-1 .ch-comment-avatar img, .ch-comment-depth-2 .ch-comment-avatar img, .ch-comment-depth-3 .ch-comment-avatar img { width: 28px; height: 28px; } .ch-comment-depth-2 .ch-comment-children, .ch-comment-depth-3 .ch-comment-children { padding-left: 0 !important; border-left: 0 !important; } .ch-activity-media img { max-height: 420px; } .ch-reaction-users-panel { display: none !important; } body > .ch-reaction-picker.ch-mobile-reaction-picker { position: fixed !important; display: flex !important; z-index: 2147483647 !important; background: #ffffff !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; max-width: calc(100vw - 20px) !important; overflow-x: auto !important; white-space: nowrap !important; box-shadow: 0 12px 34px rgba(15, 23, 42, 0.28) !important; } body > .ch-reaction-picker.ch-mobile-reaction-picker:not(.ch-mobile-picker-open) { display: none !important; } .ch-comment-reaction-wrap:hover .ch-reaction-picker { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; } .ch-comment-reaction-wrap.is-picker-open .ch-reaction-picker { display: flex !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; z-index: 999999 !important; } .ch-notification-label { display: none; } .ch-notification-button { padding: 8px 10px; } .ch-notification-dropdown { right: auto; left: 50%; transform: translateX(-50%); width: calc(100vw - 24px); } .ch-repost-embed { border-radius: 14px !important; } .ch-repost-embed-media img { max-height: 360px !important; } .ch-repost-modal { align-items: end; padding: 0; } .ch-repost-modal-panel { width: 100%; max-height: calc(100vh - 34px); border-radius: 22px 22px 0 0; } .ch-repost-modal-actions { padding-bottom: max(16px, env(safe-area-inset-bottom)); } } .ch-feed .ch-activity-card-repost .ch-activity-content, .ch-feed .ch-activity-card-repost .ch-repost-card, .ch-feed .ch-activity-card-repost .ch-quote-text, .ch-feed .ch-activity-card-repost .ch-repost-embed-text { text-align: left !important; white-space: normal !important; word-break: normal !important; overflow-wrap: anywhere !important; } .ch-post-menu-toggle, .ch-post-menu-toggle:hover, .ch-post-menu-toggle:focus { background: transparent !important; box-shadow: none !important; border: 0 !important; } .ch-post-menu-toggle:hover, .ch-post-menu-toggle:focus { color: #2563eb !important; } .ch-comment-main > .ch-toggle-replies { display: none !important; } .ch-feed .ch-comment-children > .ch-toggle-replies { display: block !important; width: fit-content !important; min-height: 0 !important; margin: 8px 0 8px 68px !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; color: #2563eb !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1.2 !important; text-align: left !important; } .ch-comment-children { position: relative !important; border-left: 0 !important; padding-bottom: 0 !important; margin-bottom: 0 !important; } .ch-comment-children::before, .ch-comment-children::after, .ch-comment-children > .ch-comment-thread::after { content: none !important; display: none !important; } .ch-comment-children > .ch-comment-thread { position: relative !important; margin-bottom: 12px !important; } .ch-comment-children > .ch-comment-thread:not(.ch-reply-hidden-extra)::before { content: "" !important; position: absolute !important; left: -18px !important; top: 0 !important; bottom: -12px !important; width: 2px !important; background: rgba(219, 227, 236, 0.9) !important; border-radius: 2px !important; pointer-events: none !important; } .ch-comment-children > .ch-comment-thread:not(.ch-reply-hidden-extra):last-of-type::before { bottom: 0 !important; } .ch-comment-children > .ch-comment-thread.ch-reply-hidden-extra::before { display: none !important; } .ch-comment-children > .ch-comment-thread:last-child { margin-bottom: 0 !important; } @media (max-width: 640px) { .ch-feed .ch-comment-children > .ch-toggle-replies { margin-left: 54px !important; } .ch-comment-children > .ch-comment-thread:not(.ch-reply-hidden-extra)::before { left: -10px !important; } } .ch-feed .ch-activity-content { padding-left: 12px !important; padding-right: 12px !important; margin-top: 8px !important; margin-bottom: 14px !important; } .ch-feed .ch-activity-card-repost .ch-activity-content { padding-left: 12px !important; padding-right: 12px !important; } .ch-feed .ch-activity-media { margin-left: 0 !important; margin-right: 0 !important; } .ch-feed .ch-activity-content { padding-top: 8px !important; padding-bottom: 10px !important; padding-left: 12px !important; padding-right: 12px !important; margin-bottom: 12px !important; } .ch-feed .ch-comment-text { padding-top: 5px !important; padding-bottom: 5px !important; } .ch-feed .ch-comment-actions { margin-top: 6px !important; } .ch-feed .ch-activity-card-repost .ch-activity-content { padding-top: 8px !important; padding-bottom: 10px !important; } .ch-feed .ch-quote-text, .ch-feed .ch-repost-embed-text { padding-top: 6px !important; padding-bottom: 8px !important; } .ch-feed .ch-activity-content { padding: 4px 0 12px 0 !important; margin: 0 !important; color: #111827 !important; font-size: 15px !important; line-height: 1.5 !important; text-align: left !important; } .ch-feed .ch-activity-card > .ch-activity-content { padding-left: 0 !important; padding-right: 0 !important; } .ch-feed .ch-activity-media { margin-top: 4px !important; margin-bottom: 12px !important; } .ch-feed .ch-comment-bubble { padding: 10px 13px !important; } .ch-feed .ch-comment-text { padding: 0 !important; margin: 6px 0 0 0 !important; color: #111827 !important; font-size: 14px !important; line-height: 1.45 !important; } .ch-feed .ch-comment-head + .ch-comment-text { margin-top: 6px !important; } .ch-feed .ch-comment-actions { margin-top: 7px !important; padding: 0 !important; } .ch-feed .ch-activity-card-repost .ch-activity-content { padding: 4px 0 12px 0 !important; margin: 0 !important; } .ch-feed .ch-quote-text { padding: 0 !important; margin: 0 0 10px 0 !important; font-size: 15px !important; line-height: 1.5 !important; font-weight: 400 !important; } .ch-feed .ch-repost-embed-text { padding: 10px 14px 14px 14px !important; margin: 0 !important; font-size: 14px !important; line-height: 1.45 !important; } .ch-feed .ch-member-type { display: inline-flex !important; align-items: center !important; max-width: 150px !important; padding: 2px 6px !important; border-radius: 999px !important; font-size: 10px !important; font-weight: 700 !important; line-height: 1.1 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; vertical-align: middle !important; } .ch-feed .ch-member-type { color: var(--ch-member-type-text, #2563eb) !important; background: var(--ch-member-type-bg, rgba(37, 99, 235, 0.08)) !important; } .ch-feed .ch-activity-content a, .ch-feed .ch-comment-text a, .ch-feed .ch-quote-text a, .ch-feed .ch-repost-embed-text a { color: #2563eb !important; font-weight: 700; text-decoration: none; overflow-wrap: anywhere; word-break: break-word; } .ch-feed .ch-activity-content a:hover, .ch-feed .ch-comment-text a:hover, .ch-feed .ch-quote-text a:hover, .ch-feed .ch-repost-embed-text a:hover { text-decoration: underline; } .ch-feed .ch-activity-content a, .ch-feed .ch-comment-text a, .ch-feed .ch-quote-text a, .ch-feed .ch-repost-embed-text a { color: #2563eb !important; font-weight: 700; text-decoration: none; overflow-wrap: anywhere; word-break: break-word; } .ch-feed .ch-activity-content a:hover, .ch-feed .ch-comment-text a:hover, .ch-feed .ch-quote-text a:hover, .ch-feed .ch-repost-embed-text a:hover { text-decoration: underline; } .ch-link-preview-card { display: block; margin: 10px 0 12px; border: 1px solid #dbe3ec; border-radius: 16px; background: #ffffff; color: #111827 !important; overflow: hidden; text-decoration: none !important; transition: border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease; } .ch-link-preview-card:hover { color: #111827 !important; text-decoration: none !important; border-color: #cbd5e1; box-shadow: 0 8px 22px rgba(15, 23, 42, 0.08); background: #fbfdff; } .ch-link-preview-image { display: block; background: #f8fafc; border-bottom: 1px solid #e5eaf0; } .ch-link-preview-image img { display: block; width: 100%; max-height: 360px; object-fit: cover; } .ch-link-preview-body { display: grid; gap: 5px; padding: 12px 14px 14px; } .ch-link-preview-site { color: #64748b; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.03em; } .ch-link-preview-title { color: #111827; font-size: 15px; font-weight: 900; line-height: 1.25; } .ch-link-preview-description { color: #475569; font-size: 13px; line-height: 1.4; } .ch-repost-embed .ch-link-preview-card { margin: 0 12px 12px; border-radius: 14px; } .ch-repost-embed .ch-link-preview-image img { max-height: 260px; } @media (max-width: 640px) { .ch-link-preview-card { border-radius: 14px; } .ch-link-preview-image img { max-height: 260px; } } .ch-repost-embed { display: block !important; width: 100% !important; color: inherit !important; text-decoration: none !important; text-align: left !important; border: 1px solid #d5dde8 !important; border-radius: 16px !important; background: #ffffff !important; overflow: hidden !important; padding: 0 !important; margin: 0 !important; } .ch-repost-embed-main { display: block !important; color: inherit !important; text-decoration: none !important; } .ch-repost-embed-main:hover { color: inherit !important; text-decoration: none !important; } .ch-repost-embed .ch-link-preview-card { margin: 0 12px 12px !important; border-radius: 14px !important; } .ch-repost-embed .ch-link-preview-image img { max-height: 260px !important; } .ch-repost-embed .ch-activity-media, .ch-repost-embed-media { margin: 0 !important; border-top: 1px solid #e5eaf0 !important; } .ch-repost-view-original { display: inline-flex !important; width: fit-content !important; margin: 0 12px 12px !important; color: #2563eb !important; font-size: 13px !important; font-weight: 800 !important; text-decoration: none !important; } .ch-repost-view-original:hover { text-decoration: underline !important; } .ch-feed .ch-mention { color: #2563eb !important; font-weight: 800; text-decoration: none; } .ch-feed .ch-mention:hover { text-decoration: underline; } .ch-mention-dropdown { position: absolute; z-index: 2147483647; background: #ffffff; border: 1px solid #dbe3ec; border-radius: 14px; box-shadow: 0 14px 36px rgba(15, 23, 42, 0.22); overflow: hidden; max-height: 280px; overflow-y: auto; } .ch-mention-dropdown[hidden] { display: none !important; } .ch-mention-option { width: 100%; display: flex; align-items: center; gap: 9px; padding: 9px 10px; border: 0; background: #ffffff; color: #111827; cursor: pointer; text-align: left; } .ch-mention-option:hover, .ch-mention-option.is-selected { background: #eff6ff; } .ch-mention-option-avatar { width: 34px; height: 34px; border-radius: 999px; overflow: hidden; background: #f1f5f9; flex: 0 0 auto; } .ch-mention-option-avatar img { width: 34px; height: 34px; display: block; border-radius: 999px; } .ch-mention-option-text { display: grid; gap: 2px; min-width: 0; } .ch-mention-option-text strong { color: #111827; font-size: 13px; font-weight: 900; line-height: 1.2; } .ch-mention-option-text small { color: #64748b; font-size: 12px; font-weight: 700; line-height: 1.2; } @media (min-width: 769px) { .ch-comment-reaction-wrap { position: relative; } .ch-comment-reaction-wrap::before { content: ""; position: absolute; left: -12px; right: -12px; top: -56px; height: 64px; pointer-events: auto; } .ch-comment-reaction-wrap:hover .ch-reaction-picker, .ch-comment-reaction-wrap:focus-within .ch-reaction-picker, .ch-reaction-picker:hover { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; } .ch-reaction-picker { pointer-events: auto !important; } } .ch-action-row { display: flex; align-items: center; gap: 8px; } .ch-action-button, .ch-reaction-trigger { border-radius: 999px !important; border: 1px solid transparent !important; background: #f8fafc !important; color: #334155 !important; font-weight: 800 !important; line-height: 1.1 !important; transition: background 0.16s ease, border-color 0.16s ease, color 0.16s ease, box-shadow 0.16s ease, transform 0.12s ease; } .ch-action-button:hover, .ch-reaction-trigger:hover { background: #eff6ff !important; border-color: #bfdbfe !important; color: #1d4ed8 !important; box-shadow: 0 5px 14px rgba(37, 99, 235, 0.10) !important; } .ch-action-button:active, .ch-reaction-trigger:active { transform: scale(0.97); } .ch-reaction-trigger.is-liked { background: linear-gradient(135deg, #eff6ff, #dbeafe) !important; border-color: #93c5fd !important; color: #1d4ed8 !important; box-shadow: 0 6px 16px rgba(37, 99, 235, 0.14) !important; } .ch-reaction-trigger .ch-reaction-emoji, .ch-reaction-trigger .ch-reaction-icon-img { margin-right: 5px !important; flex: 0 0 auto; } .ch-reaction-trigger .ch-reaction-label { white-space: nowrap; } .ch-reaction-trigger .ch-reaction-count { margin-left: 3px; font-size: 11px; font-weight: 900; opacity: 0.8; } .ch-action-row { display: flex; align-items: center; gap: 8px; } .ch-action-button, .ch-reaction-trigger { border-radius: 999px !important; border: 1px solid transparent !important; background: #f8fafc !important; color: #334155 !important; font-weight: 800 !important; line-height: 1.1 !important; transition: background 0.16s ease, border-color 0.16s ease, color 0.16s ease, box-shadow 0.16s ease, transform 0.12s ease; } .ch-action-button:hover, .ch-reaction-trigger:hover { background: #eff6ff !important; border-color: #bfdbfe !important; color: #1d4ed8 !important; box-shadow: 0 5px 14px rgba(37, 99, 235, 0.10) !important; } .ch-action-button:active, .ch-reaction-trigger:active { transform: scale(0.97); } .ch-reaction-trigger.is-liked { background: linear-gradient(135deg, #eff6ff, #dbeafe) !important; border-color: #93c5fd !important; color: #1d4ed8 !important; box-shadow: 0 6px 16px rgba(37, 99, 235, 0.14) !important; } .ch-reaction-trigger .ch-reaction-emoji, .ch-reaction-trigger .ch-reaction-icon-img { margin-right: 5px !important; flex: 0 0 auto; } .ch-reaction-trigger .ch-reaction-label { white-space: nowrap; } .ch-reaction-trigger .ch-reaction-count { margin-left: 3px; font-size: 11px; font-weight: 900; opacity: 0.8; } .ch-repost-combo-button { position: relative; } .ch-repost-button-icon { margin-right: 5px; font-size: 13px; line-height: 1; } .ch-repost-combo-menu { position: fixed; z-index: 2147483646; width: 180px; padding: 7px; border-radius: 16px; border: 1px solid #dbe3ec; background: #ffffff; box-shadow: 0 14px 34px rgba(15, 23, 42, 0.18); } .ch-repost-combo-menu[hidden] { display: none !important; } .ch-repost-combo-close { position: absolute; top: 6px; right: 6px; width: 28px; height: 28px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #dbe3ec; border-radius: 999px; background: #ffffff; color: #334155; font-size: 18px; font-weight: 900; line-height: 1; cursor: pointer; } .ch-repost-combo-close:hover, .ch-repost-combo-close:focus-visible { background: #eff6ff; border-color: #93c5fd; color: #1d4ed8; outline: 2px solid rgba(37, 99, 235, 0.22); outline-offset: 1px; } .ch-repost-combo-option { width: 100%; display: flex; align-items: center; gap: 9px; border: 0; border-radius: 12px; background: transparent; padding: 9px 34px 9px 9px; text-align: left; cursor: pointer; } .ch-repost-combo-option:hover, .ch-repost-combo-option:focus { background: #eff6ff; } .ch-repost-combo-option-icon { width: 30px; height: 30px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; background: #dbeafe; color: #1d4ed8; flex: 0 0 auto; } .ch-repost-combo-option-text { display: grid; gap: 2px; min-width: 0; } .ch-repost-combo-option-text strong { color: #111827; font-size: 13px; line-height: 1.2; } .ch-repost-combo-option-text small { color: #64748b; font-size: 12px; font-weight: 700; line-height: 1.2; } .ch-composer-actions { display: flex !important; align-items: center !important; gap: 10px !important; margin-top: 10px !important; } .ch-composer-upload { display: inline-flex !important; align-items: center !important; gap: 6px !important; border: 1px solid #dbe3ec !important; border-radius: 999px !important; background: #f8fafc !important; color: #334155 !important; font-size: 14px !important; font-weight: 800 !important; padding: 10px 14px !important; cursor: pointer !important; } .ch-composer-upload:hover { background: #eff6ff !important; border-color: #bfdbfe !important; color: #1d4ed8 !important; } .ch-composer-submit { margin-left: auto !important; } .ch-composer-preview { margin-top: 10px !important; } .ch-composer-preview-item { position: relative !important; display: grid !important; gap: 8px !important; border: 1px solid #dbe3ec !important; border-radius: 16px !important; background: #f8fafc !important; padding: 10px !important; overflow: hidden !important; } .ch-composer-preview-item img { display: block !important; width: 100% !important; max-height: 360px !important; object-fit: cover !important; border-radius: 12px !important; } .ch-composer-preview-meta { display: grid !important; gap: 2px !important; padding-right: 42px !important; } .ch-composer-preview-meta strong { color: #111827 !important; font-size: 13px !important; font-weight: 900 !important; overflow-wrap: anywhere !important; } .ch-composer-preview-meta small { color: #64748b !important; font-size: 12px !important; font-weight: 700 !important; } .ch-remove-attachment, .ch-remove-image { position: absolute !important; right: 10px !important; top: 10px !important; width: 32px !important; height: 32px !important; border: 0 !important; border-radius: 999px !important; background: rgba(15, 23, 42, 0.78) !important; color: #ffffff !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1 !important; cursor: pointer !important; } .ch-composer-actions { display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: 10px !important; margin-top: 10px !important; } .ch-composer-submit { margin-left: 0 !important; order: 1 !important; } .ch-composer-upload { order: 2 !important; } @media (min-width: 769px) { .ch-comment-reaction-wrap::before { left: -8px !important; right: -8px !important; top: -14px !important; height: 18px !important; bottom: auto !important; pointer-events: none !important; } .ch-comment-reaction-wrap:hover .ch-reaction-picker, .ch-comment-reaction-wrap:focus-within .ch-reaction-picker, .ch-reaction-picker:hover { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; } .ch-reaction-picker { margin-bottom: 2px !important; } } .ch-activity-video, .ch-repost-embed-video { margin: 10px 0 12px !important; border-radius: 16px !important; overflow: hidden !important; background: #0f172a !important; border: 1px solid #dbe3ec !important; } .ch-activity-video video, .ch-repost-embed-video video { display: block !important; width: 100% !important; max-height: 520px !important; background: #0f172a !important; } .ch-repost-embed-video { margin: 0 12px 12px !important; border-radius: 14px !important; } .ch-activity-file, .ch-repost-embed-file { display: flex !important; align-items: center !important; gap: 11px !important; margin: 10px 0 12px !important; padding: 12px 13px !important; border: 1px solid #dbe3ec !important; border-radius: 16px !important; background: #f8fafc !important; color: #111827 !important; text-decoration: none !important; transition: background 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease; } .ch-activity-file:hover, .ch-repost-embed-file:hover { background: #eff6ff !important; border-color: #bfdbfe !important; box-shadow: 0 8px 22px rgba(15, 23, 42, 0.08) !important; text-decoration: none !important; } .ch-repost-embed-file { margin: 0 12px 12px !important; border-radius: 14px !important; } .ch-activity-file-icon { width: 42px !important; height: 42px !important; border-radius: 999px !important; background: #dbeafe !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; font-size: 21px !important; flex: 0 0 auto !important; } .ch-activity-file-info { display: grid !important; gap: 3px !important; min-width: 0 !important; flex: 1 1 auto !important; } .ch-activity-file-info strong { color: #111827 !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1.25 !important; overflow-wrap: anywhere !important; } .ch-activity-file-info small { color: #64748b !important; font-size: 12px !important; font-weight: 700 !important; } .ch-activity-file-action { color: #2563eb !important; font-size: 12px !important; font-weight: 900 !important; flex: 0 0 auto !important; } .ch-composer-preview-video video { display: block !important; width: 100% !important; max-height: 360px !important; background: #0f172a !important; border-radius: 12px !important; } .ch-composer-preview-file { grid-template-columns: 46px 1fr 32px !important; align-items: center !important; } .ch-composer-file-icon { width: 46px !important; height: 46px !important; border-radius: 999px !important; background: #dbeafe !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; font-size: 23px !important; } .ch-comment-form-actions, .ch-reply-actions { display: flex !important; align-items: center !important; gap: 10px !important; margin-top: 9px !important; flex-wrap: wrap !important; } .ch-comment-attach-button { display: inline-flex !important; align-items: center !important; gap: 6px !important; border: 1px solid #dbe3ec !important; border-radius: 999px !important; background: #f8fafc !important; color: #334155 !important; font-size: 13px !important; font-weight: 800 !important; padding: 8px 13px !important; cursor: pointer !important; } .ch-comment-attach-button:hover { background: #eff6ff !important; border-color: #bfdbfe !important; color: #1d4ed8 !important; } .ch-comment-attachment-preview { margin-top: 9px !important; } .ch-comment-attachment-preview-item { position: relative !important; display: grid !important; gap: 6px !important; border: 1px solid #dbe3ec !important; border-radius: 14px !important; background: #f8fafc !important; padding: 9px !important; overflow: hidden !important; max-width: 420px !important; } .ch-comment-attachment-preview-image img, .ch-comment-attachment-preview-video video { display: block !important; width: 100% !important; max-height: 280px !important; object-fit: cover !important; border-radius: 10px !important; background: #0f172a !important; } .ch-comment-attachment-preview-file { grid-template-columns: 40px 1fr 32px !important; align-items: center !important; } .ch-comment-attachment-preview-file-icon { width: 40px !important; height: 40px !important; border-radius: 999px !important; background: #dbeafe !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; font-size: 20px !important; } .ch-comment-attachment-preview-name { color: #111827 !important; font-size: 13px !important; font-weight: 900 !important; overflow-wrap: anywhere !important; padding-right: 34px !important; } .ch-comment-attachment-preview-item small { color: #64748b !important; font-size: 12px !important; font-weight: 700 !important; } .ch-comment-remove-attachment { position: absolute !important; right: 8px !important; top: 8px !important; width: 28px !important; height: 28px !important; border: 0 !important; border-radius: 999px !important; background: rgba(15, 23, 42, 0.78) !important; color: #ffffff !important; font-size: 16px !important; font-weight: 900 !important; line-height: 1 !important; cursor: pointer !important; } .ch-comment-attachment { margin-top: 8px !important; } .ch-comment-attachment-image img { display: block !important; width: 100% !important; max-width: 420px !important; max-height: 360px !important; object-fit: cover !important; border-radius: 13px !important; border: 1px solid #dbe3ec !important; } .ch-comment-attachment-video { max-width: 420px !important; border-radius: 13px !important; overflow: hidden !important; background: #0f172a !important; border: 1px solid #dbe3ec !important; } .ch-comment-attachment-video video { display: block !important; width: 100% !important; max-height: 360px !important; background: #0f172a !important; } .ch-comment-attachment-file { display: flex !important; align-items: center !important; gap: 10px !important; max-width: 420px !important; padding: 10px 11px !important; border: 1px solid #dbe3ec !important; border-radius: 13px !important; background: #f8fafc !important; color: #111827 !important; text-decoration: none !important; } .ch-comment-attachment-file:hover { background: #eff6ff !important; border-color: #bfdbfe !important; text-decoration: none !important; } .ch-comment-attachment-file-icon { width: 38px !important; height: 38px !important; border-radius: 999px !important; background: #dbeafe !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; font-size: 19px !important; flex: 0 0 auto !important; } .ch-comment-attachment-file-info { display: grid !important; gap: 2px !important; min-width: 0 !important; flex: 1 1 auto !important; } .ch-comment-attachment-file-info strong { color: #111827 !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1.25 !important; overflow-wrap: anywhere !important; } .ch-comment-attachment-file-info small { color: #64748b !important; font-size: 12px !important; font-weight: 700 !important; } .ch-comment-attachment-file-action { color: #2563eb !important; font-size: 12px !important; font-weight: 900 !important; flex: 0 0 auto !important; } .ch-comment-form { display: grid !important; gap: 9px !important; } .ch-comment-form-actions, .ch-reply-actions { display: flex !important; align-items: center !important; gap: 8px !important; margin-top: 0 !important; flex-wrap: wrap !important; } .ch-comment-submit, .ch-reply-submit { margin-top: 0 !important; border-radius: 999px !important; padding: 9px 15px !important; font-size: 13px !important; font-weight: 800 !important; } .ch-comment-attach-button { display: inline-flex !important; align-items: center !important; gap: 6px !important; border: 1px solid #dbe3ec !important; border-radius: 999px !important; background: #f8fafc !important; color: #334155 !important; font-size: 13px !important; font-weight: 800 !important; padding: 8px 13px !important; min-height: 36px !important; cursor: pointer !important; box-shadow: none !important; } .ch-comment-attach-button:hover { background: #eff6ff !important; border-color: #bfdbfe !important; color: #1d4ed8 !important; } .ch-comment-attachment-preview { margin-top: 0 !important; max-width: 430px !important; } .ch-comment-attachment-preview:empty { display: none !important; } .ch-comment-attachment-preview-item { position: relative !important; display: grid !important; gap: 7px !important; max-width: 430px !important; border: 1px solid #dbe3ec !important; border-radius: 14px !important; background: #ffffff !important; padding: 9px !important; overflow: hidden !important; box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important; } .ch-comment-attachment-preview-image img, .ch-comment-attachment-preview-video video { display: block !important; width: 100% !important; max-height: 260px !important; object-fit: cover !important; border-radius: 11px !important; background: #0f172a !important; } .ch-comment-attachment-preview-file { grid-template-columns: 42px 1fr 30px !important; align-items: center !important; gap: 9px !important; } .ch-comment-attachment-preview-file-icon { width: 42px !important; height: 42px !important; border-radius: 999px !important; background: #dbeafe !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; font-size: 20px !important; } .ch-comment-attachment-preview-name { color: #111827 !important; font-size: 13px !important; font-weight: 900 !important; overflow-wrap: anywhere !important; padding-right: 34px !important; } .ch-comment-attachment-preview-item small { color: #64748b !important; font-size: 12px !important; font-weight: 700 !important; } .ch-comment-remove-attachment { position: absolute !important; right: 8px !important; top: 8px !important; width: 28px !important; height: 28px !important; border: 0 !important; border-radius: 999px !important; background: rgba(15, 23, 42, 0.82) !important; color: #ffffff !important; font-size: 16px !important; font-weight: 900 !important; line-height: 1 !important; cursor: pointer !important; } .ch-comment-form-error { display: none; color: #b91c1c; font-size: 13px; font-weight: 800; background: #fef2f2; border: 1px solid #fecaca; border-radius: 12px; padding: 9px 11px; } .ch-comment-form-error.is-visible { display: block; } .ch-comment-form-actions, .ch-reply-actions { display: flex !important; align-items: center !important; gap: 8px !important; margin-top: 8px !important; flex-wrap: wrap !important; } .ch-comment-submit, .ch-reply-submit { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 36px !important; border: 0 !important; border-radius: 999px !important; background: #2563eb !important; color: #ffffff !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1 !important; padding: 9px 15px !important; cursor: pointer !important; box-shadow: 0 6px 16px rgba(37, 99, 235, 0.18) !important; transition: background 0.16s ease, box-shadow 0.16s ease, transform 0.12s ease !important; } .ch-comment-submit:hover, .ch-reply-submit:hover { background: #1d4ed8 !important; box-shadow: 0 8px 20px rgba(37, 99, 235, 0.24) !important; } .ch-comment-submit:active, .ch-reply-submit:active { transform: scale(0.97) !important; } .ch-comment-submit.is-busy, .ch-reply-submit.is-busy, .ch-comment-submit:disabled, .ch-reply-submit:disabled { opacity: 0.65 !important; cursor: not-allowed !important; } .ch-comment-attach-button { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; min-height: 36px !important; border: 1px solid #dbe3ec !important; border-radius: 999px !important; background: #ffffff !important; color: #334155 !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1 !important; padding: 8px 13px !important; cursor: pointer !important; box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important; transition: background 0.16s ease, border-color 0.16s ease, color 0.16s ease, box-shadow 0.16s ease, transform 0.12s ease !important; } .ch-comment-attach-button:hover { background: #eff6ff !important; border-color: #bfdbfe !important; color: #1d4ed8 !important; box-shadow: 0 6px 16px rgba(37, 99, 235, 0.10) !important; } .ch-comment-attach-button:active { transform: scale(0.97) !important; } .ch-comment-attach-button span:first-child { font-size: 14px !important; line-height: 1 !important; } @media (max-width: 768px) { .ch-comment-form-actions, .ch-reply-actions { gap: 7px !important; } .ch-comment-submit, .ch-reply-submit, .ch-comment-attach-button { min-height: 34px !important; font-size: 12px !important; padding: 8px 12px !important; } } .ch-comment-attachment-input, .ch-comment-form input[type="file"], .ch-reply-form input[type="file"], .ch-js-reply-form input[type="file"] { display: none !important; visibility: hidden !important; width: 0 !important; height: 0 !important; opacity: 0 !important; position: absolute !important; pointer-events: none !important; } .ch-comment-form, .ch-reply-form, .ch-js-reply-form { display: grid !important; gap: 8px !important; } .ch-comment-textarea, .ch-reply-textarea { width: 100% !important; min-height: 74px !important; border: 1px solid #dbe3ec !important; border-radius: 16px !important; background: #ffffff !important; color: #111827 !important; font-size: 14px !important; line-height: 1.45 !important; padding: 12px 14px !important; resize: vertical !important; outline: none !important; box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important; } .ch-comment-textarea:focus, .ch-reply-textarea:focus { border-color: #2563eb !important; box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.13), 0 2px 8px rgba(15, 23, 42, 0.04) !important; } .ch-comment-form-actions, .ch-reply-actions { display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: 8px !important; margin-top: 0 !important; flex-wrap: wrap !important; } .ch-comment-submit, .ch-reply-submit { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 38px !important; border: 0 !important; border-radius: 999px !important; background: #2563eb !important; color: #ffffff !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1 !important; padding: 10px 16px !important; cursor: pointer !important; box-shadow: 0 7px 18px rgba(37, 99, 235, 0.20) !important; } .ch-comment-submit:hover, .ch-reply-submit:hover { background: #1d4ed8 !important; box-shadow: 0 9px 22px rgba(37, 99, 235, 0.25) !important; } .ch-comment-submit:active, .ch-reply-submit:active { transform: scale(0.97) !important; } .ch-comment-attach-button { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 7px !important; min-height: 38px !important; border: 1px solid #dbe3ec !important; border-radius: 999px !important; background: #ffffff !important; color: #334155 !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1 !important; padding: 9px 15px !important; cursor: pointer !important; box-shadow: 0 2px 8px rgba(15, 23, 42, 0.05) !important; } .ch-comment-attach-button:hover { background: #eff6ff !important; border-color: #bfdbfe !important; color: #1d4ed8 !important; box-shadow: 0 7px 18px rgba(37, 99, 235, 0.11) !important; } .ch-comment-attach-button:active { transform: scale(0.97) !important; } .ch-comment-attachment-preview { margin-top: 0 !important; max-width: 430px !important; } .ch-comment-attachment-preview:empty { display: none !important; } .ch-comment-attachment-preview-item { position: relative !important; display: grid !important; gap: 7px !important; max-width: 430px !important; border: 1px solid #dbe3ec !important; border-radius: 16px !important; background: #ffffff !important; padding: 9px !important; overflow: hidden !important; box-shadow: 0 4px 14px rgba(15, 23, 42, 0.06) !important; } .ch-comment-attachment-preview-image img, .ch-comment-attachment-preview-video video { display: block !important; width: 100% !important; max-height: 260px !important; object-fit: cover !important; border-radius: 12px !important; background: #0f172a !important; } .ch-comment-remove-attachment { position: absolute !important; right: 9px !important; top: 9px !important; width: 30px !important; height: 30px !important; border: 0 !important; border-radius: 999px !important; background: rgba(15, 23, 42, 0.82) !important; color: #ffffff !important; font-size: 16px !important; font-weight: 900 !important; line-height: 1 !important; cursor: pointer !important; } @media (max-width: 768px) { .ch-comment-form, .ch-reply-form, .ch-js-reply-form { gap: 7px !important; } .ch-comment-textarea, .ch-reply-textarea { min-height: 70px !important; font-size: 13px !important; padding: 11px 13px !important; } .ch-comment-submit, .ch-reply-submit, .ch-comment-attach-button { min-height: 36px !important; font-size: 12px !important; padding: 9px 13px !important; } } .ch-comment-attachment-preview:not(:empty) { display: block !important; visibility: visible !important; opacity: 1 !important; margin-top: 8px !important; } .ch-comment-submit.is-busy, .ch-reply-submit.is-busy { position: relative !important; opacity: 0.8 !important; cursor: wait !important; pointer-events: none !important; } .ch-comment-submit.is-busy::after, .ch-reply-submit.is-busy::after { content: ""; width: 12px !important; height: 12px !important; margin-left: 7px !important; border: 2px solid rgba(255, 255, 255, 0.45) !important; border-top-color: #ffffff !important; border-radius: 999px !important; display: inline-block !important; animation: chButtonSpin 0.75s linear infinite !important; } @keyframes chButtonSpin { to { transform: rotate(360deg); } } .ch-reply-form[hidden], .ch-edit-form[hidden], .ch-comment-menu-dropdown[hidden], .ch-repost-modal[hidden], .ch-repost-combo-menu[hidden] { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; } .ch-reply-form:not([hidden]), .ch-js-reply-form { display: grid !important; gap: 8px !important; } .ch-comment-attach-button, .ch-reply-form .ch-comment-attach-button, .ch-js-reply-form .ch-comment-attach-button, .ch-comment-form .ch-comment-attach-button { appearance: none !important; -webkit-appearance: none !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 7px !important; min-height: 38px !important; height: 38px !important; border: 1px solid #dbe3ec !important; border-radius: 999px !important; background: #ffffff !important; color: #334155 !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1 !important; text-decoration: none !important; padding: 9px 15px !important; margin: 0 !important; cursor: pointer !important; box-shadow: 0 2px 8px rgba(15, 23, 42, 0.05) !important; transition: background 0.16s ease, border-color 0.16s ease, color 0.16s ease, box-shadow 0.16s ease, transform 0.12s ease !important; } .ch-comment-attach-button:hover, .ch-reply-form .ch-comment-attach-button:hover, .ch-js-reply-form .ch-comment-attach-button:hover, .ch-comment-form .ch-comment-attach-button:hover { background: #eff6ff !important; border-color: #bfdbfe !important; color: #1d4ed8 !important; box-shadow: 0 7px 18px rgba(37, 99, 235, 0.11) !important; } .ch-comment-attach-button:active { transform: scale(0.97) !important; } .ch-comment-attachment-input, .ch-comment-form input[type="file"], .ch-reply-form input[type="file"], .ch-js-reply-form input[type="file"] { display: none !important; visibility: hidden !important; width: 0 !important; height: 0 !important; opacity: 0 !important; position: absolute !important; pointer-events: none !important; } .ch-comment-form-actions, .ch-reply-actions { display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: 8px !important; margin-top: 8px !important; flex-wrap: wrap !important; } .ch-profile-page, .ch-profile-page * { box-sizing: border-box; } .ch-profile-page { max-width: 900px; margin: 0 auto; color: #111827; } .ch-profile-card { overflow: hidden; background: #ffffff; border: 1px solid #dbe3ec; border-radius: 22px; box-shadow: 0 8px 24px rgba(15, 23, 42, 0.07); margin-bottom: 16px; } .ch-profile-cover { position: relative; height: 220px; background: radial-gradient(circle at 20% 20%, rgba(37, 99, 235, 0.28), transparent 34%), linear-gradient(135deg, #0f172a, #1d4ed8 52%, #60a5fa); overflow: hidden; } .ch-profile-cover img { width: 100%; height: 100%; object-fit: cover; display: block; } .ch-profile-main { position: relative; display: grid; grid-template-columns: auto 1fr auto; gap: 18px; align-items: start; padding: 0 22px 22px; } .ch-profile-avatar-wrap { margin-top: -58px; position: relative; z-index: 2; } .ch-profile-avatar { display: block; width: 132px; height: 132px; border-radius: 999px; border: 5px solid #ffffff; background: #ffffff; box-shadow: 0 10px 24px rgba(15, 23, 42, 0.22); overflow: hidden; } .ch-profile-avatar img { width: 100% !important; height: 100% !important; border-radius: 999px !important; display: block !important; object-fit: cover !important; } .ch-profile-info { min-width: 0; padding-top: 18px; } .ch-profile-name-row { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; } .ch-profile-name { margin: 0; color: #111827; font-size: 28px; font-weight: 950; line-height: 1.08; letter-spacing: -0.03em; } .ch-profile-member-type { margin-top: 2px; } .ch-profile-handle { margin-top: 5px; color: #64748b; font-size: 14px; font-weight: 800; } .ch-profile-bio { max-width: 620px; margin-top: 12px; color: #334155; font-size: 15px; line-height: 1.5; } .ch-profile-bio p { margin: 0 0 8px; } .ch-profile-stats { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-top: 15px; } .ch-profile-stat { display: grid; gap: 2px; min-width: 92px; padding: 10px 12px; border: 1px solid #e5eaf0; border-radius: 16px; background: #f8fafc; } .ch-profile-stat strong { color: #111827; font-size: 17px; font-weight: 950; line-height: 1.1; } .ch-profile-stat span { color: #64748b; font-size: 12px; font-weight: 800; } .ch-profile-actions { padding-top: 20px; } .ch-profile-action-button { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 10px 15px; border-radius: 999px; background: #2563eb; color: #ffffff !important; font-size: 13px; font-weight: 900; text-decoration: none !important; box-shadow: 0 8px 20px rgba(37, 99, 235, 0.22); } .ch-profile-action-button:hover { background: #1d4ed8; color: #ffffff !important; } .ch-profile-tabs { display: flex; align-items: center; gap: 8px; margin-bottom: 16px; padding: 8px; border: 1px solid #dbe3ec; border-radius: 18px; background: #ffffff; box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04); } .ch-profile-tab { border: 0; border-radius: 999px; padding: 9px 15px; background: transparent; color: #64748b; font-size: 13px; font-weight: 900; cursor: pointer; } .ch-profile-tab.is-active { background: #eff6ff; color: #1d4ed8; } .ch-profile-tab:disabled { opacity: 0.45; cursor: not-allowed; } .ch-profile-content { display: grid; gap: 12px; } .ch-profile-section-header { background: #ffffff; border: 1px solid #dbe3ec; border-radius: 18px; padding: 15px 17px; box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04); } .ch-profile-section-header h2 { margin: 0; color: #111827; font-size: 17px; font-weight: 950; line-height: 1.2; } .ch-profile-posts.ch-feed { max-width: 760px; } .ch-profile-empty { max-width: 760px; margin: 14px auto; padding: 18px; border: 1px solid #dbe3ec; border-radius: 18px; background: #ffffff; color: #64748b; font-size: 14px; font-weight: 800; text-align: center; box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04); } .ch-profile-route-wrap { max-width: 100%; margin: 32px auto; } .ch-profile-tabs a.ch-profile-tab { text-decoration: none !important; display: inline-flex; align-items: center; justify-content: center; } .ch-profile-about-card { max-width: 760px; margin: 0 auto; background: #ffffff; border: 1px solid #dbe3ec; border-radius: 18px; padding: 16px; box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04); } .ch-profile-about-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 0; border-bottom: 1px solid #edf2f7; } .ch-profile-about-row strong, .ch-profile-about-bio strong { color: #111827; font-size: 13px; font-weight: 950; } .ch-profile-about-row span { color: #475569; font-size: 14px; font-weight: 800; } .ch-profile-about-bio { display: grid; gap: 8px; padding-top: 14px; } .ch-profile-about-bio p { margin: 0; color: #334155; font-size: 14px; line-height: 1.5; } .ch-profile-media-grid { max-width: 760px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; } .ch-profile-media-tile { position: relative; display: block; aspect-ratio: 1 / 1; border: 1px solid #dbe3ec; border-radius: 16px; overflow: hidden; background: #f8fafc; color: #111827 !important; text-decoration: none !important; } .ch-profile-media-tile img, .ch-profile-media-tile video { width: 100%; height: 100%; display: block; object-fit: cover; } .ch-profile-media-tile-video span { position: absolute; inset: 0; z-index: 2; display: grid; place-items: center; color: #ffffff; font-size: 36px; font-weight: 900; background: rgba(15, 23, 42, 0.24); } .ch-profile-media-tile-file { display: grid; place-items: center; gap: 8px; padding: 14px; text-align: center; } .ch-profile-media-tile-file span { font-size: 34px; } .ch-profile-media-tile-file strong { max-width: 100%; color: #111827; font-size: 13px; font-weight: 900; overflow-wrap: anywhere; } .ch-profile-comments-list { max-width: 760px; margin: 0 auto; display: grid; gap: 10px; } .ch-profile-comment-preview { display: grid; gap: 5px; padding: 14px; border: 1px solid #dbe3ec; border-radius: 16px; background: #ffffff; color: #111827 !important; text-decoration: none !important; box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04); } .ch-profile-comment-preview:hover { border-color: #bfdbfe; background: #fbfdff; } .ch-profile-comment-time { color: #64748b; font-size: 12px; font-weight: 800; } .ch-profile-comment-text { color: #111827; font-size: 14px; line-height: 1.45; } .ch-profile-comment-view { color: #2563eb; font-size: 12px; font-weight: 900; } .ch-profile-notice { max-width: 760px; margin: 0 auto 14px; padding: 12px 14px; border-radius: 16px; font-size: 14px; font-weight: 900; box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04); } .ch-profile-notice-success { color: #166534; background: #dcfce7; border: 1px solid #bbf7d0; } .ch-profile-notice-error { color: #991b1b; background: #fef2f2; border: 1px solid #fecaca; } .ch-profile-edit-form { max-width: 760px; margin: 0 auto; display: grid; gap: 16px; background: #ffffff; border: 1px solid #dbe3ec; border-radius: 18px; padding: 16px; box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04); } .ch-profile-edit-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } .ch-profile-edit-field { display: grid; gap: 7px; } .ch-profile-edit-field-full { grid-column: 1 / -1; } .ch-profile-edit-field span, .ch-profile-edit-preview strong { color: #111827; font-size: 13px; font-weight: 950; } .ch-profile-edit-field input[type="text"], .ch-profile-edit-field textarea { width: 100%; border: 1px solid #dbe3ec; border-radius: 14px; background: #ffffff; color: #111827; font-size: 14px; line-height: 1.45; padding: 11px 13px; outline: none; box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04); } .ch-profile-edit-field textarea { resize: vertical; min-height: 120px; } .ch-profile-edit-field input[type="text"]:focus, .ch-profile-edit-field textarea:focus { border-color: #2563eb; box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.13), 0 2px 8px rgba(15, 23, 42, 0.04); } .ch-profile-edit-field input[type="file"] { width: 100%; border: 1px dashed #cbd5e1; border-radius: 14px; background: #f8fafc; color: #334155; font-size: 13px; font-weight: 800; padding: 11px; } .ch-profile-edit-field small { color: #64748b; font-size: 12px; font-weight: 700; } .ch-profile-edit-preview-row { display: grid; grid-template-columns: 160px 1fr; gap: 14px; } .ch-profile-edit-preview { display: grid; gap: 9px; min-width: 0; } .ch-profile-edit-avatar-preview { width: 118px; height: 118px; border-radius: 999px; overflow: hidden; border: 4px solid #ffffff; box-shadow: 0 8px 22px rgba(15, 23, 42, 0.18); background: #f8fafc; } .ch-profile-edit-avatar-preview img { width: 100% !important; height: 100% !important; display: block !important; object-fit: cover !important; border-radius: 999px !important; } .ch-profile-edit-cover-preview img, .ch-profile-edit-cover-empty { width: 100%; height: 140px; border: 1px solid #dbe3ec; border-radius: 16px; background: radial-gradient(circle at 20% 20%, rgba(37, 99, 235, 0.18), transparent 34%), linear-gradient(135deg, #0f172a, #1d4ed8 52%, #60a5fa); object-fit: cover; overflow: hidden; } .ch-profile-edit-cover-empty { display: grid; place-items: center; color: #ffffff; font-size: 13px; font-weight: 900; } .ch-profile-edit-actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; } .ch-profile-edit-save { border: 0; border-radius: 999px; background: #2563eb; color: #ffffff; font-size: 14px; font-weight: 950; padding: 11px 17px; cursor: pointer; box-shadow: 0 8px 20px rgba(37, 99, 235, 0.22); } .ch-profile-edit-save:hover { background: #1d4ed8; } .ch-profile-edit-cancel { display: inline-flex; align-items: center; min-height: 40px; color: #64748b !important; font-size: 13px; font-weight: 900; text-decoration: none !important; padding: 8px 4px; } .ch-profile-edit-cancel:hover { color: #111827 !important; text-decoration: underline !important; } .ch-profile-edit-header { display: flex; align-items: center; justify-content: space-between; gap: 14px; } .ch-profile-edit-header p { margin: 5px 0 0; color: #64748b; font-size: 13px; font-weight: 800; } .ch-profile-edit-preview-row-top { grid-template-columns: 180px 1fr !important; align-items: stretch; } .ch-profile-edit-avatar-card, .ch-profile-edit-cover-card { border: 1px solid #e5eaf0; border-radius: 18px; background: #f8fafc; padding: 14px; } .ch-profile-edit-media-actions { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; } .ch-profile-file-button { position: relative; display: inline-flex; align-items: center; justify-content: center; min-height: 38px; padding: 9px 14px; border-radius: 999px; border: 1px solid #dbe3ec; background: #ffffff; color: #334155; font-size: 13px; font-weight: 950; line-height: 1; cursor: pointer; box-shadow: 0 2px 8px rgba(15, 23, 42, 0.05); transition: background 0.16s ease, border-color 0.16s ease, color 0.16s ease, box-shadow 0.16s ease, transform 0.12s ease; } .ch-profile-file-button:hover { background: #eff6ff; border-color: #bfdbfe; color: #1d4ed8; box-shadow: 0 7px 18px rgba(37, 99, 235, 0.11); } .ch-profile-file-button:active { transform: scale(0.97); } .ch-profile-file-button input[type="file"] { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; opacity: 0 !important; pointer-events: none !important; } .ch-profile-remove-check { display: inline-flex; align-items: center; gap: 6px; min-height: 38px; padding: 9px 12px; border-radius: 999px; border: 1px solid #fecaca; background: #fff7f7; color: #991b1b; font-size: 13px; font-weight: 950; line-height: 1; cursor: pointer; } .ch-profile-remove-check input { margin: 0; accent-color: #dc2626; } .ch-profile-edit-avatar-preview.is-removing, .ch-profile-edit-cover-preview.is-removing { position: relative; opacity: 0.48; filter: grayscale(1); } .ch-profile-edit-avatar-preview.is-removing::after, .ch-profile-edit-cover-preview.is-removing::after { content: "Will be removed"; position: absolute; inset: 0; display: grid; place-items: center; padding: 10px; background: rgba(15, 23, 42, 0.62); color: #ffffff; font-size: 12px; font-weight: 950; text-align: center; z-index: 3; } .ch-profile-edit-cover-preview { position: relative; overflow: hidden; border-radius: 16px; } .ch-profile-edit-cover-preview img, .ch-profile-edit-cover-empty { display: block; } .ch-profile-edit-message { padding: 11px 13px; border-radius: 14px; border: 1px solid #bfdbfe; background: #eff6ff; color: #1d4ed8; font-size: 13px; font-weight: 900; } .ch-profile-edit-message[hidden] { display: none !important; } .ch-profile-edit-save.is-busy { opacity: 0.72; cursor: wait; pointer-events: none; } .ch-profile-edit-save.is-busy::after { content: ""; width: 12px; height: 12px; margin-left: 7px; border: 2px solid rgba(255, 255, 255, 0.45); border-top-color: #ffffff; border-radius: 999px; display: inline-block; animation: chButtonSpin 0.75s linear infinite; } .ch-profile-section-header, .ch-profile-about-card, .ch-profile-edit-form, .ch-profile-notice, .ch-profile-comments-list, .ch-profile-media-grid, .ch-profile-posts.ch-feed { width: 100% !important; max-width: 900px !important; margin-left: auto !important; margin-right: auto !important; } .ch-profile-content { width: 100% !important; } .ch-profile-edit-form { padding: 20px !important; } .ch-profile-edit-preview-row, .ch-profile-edit-preview-row-top { grid-template-columns: minmax(220px, 0.75fr) minmax(0, 1.25fr) !important; gap: 18px !important; } .ch-profile-edit-cover-preview img, .ch-profile-edit-cover-empty { height: 170px !important; } .ch-profile-remove-button { appearance: none !important; -webkit-appearance: none !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 38px !important; padding: 9px 14px !important; border-radius: 999px !important; border: 1px solid #fecaca !important; background: #fff7f7 !important; color: #991b1b !important; font-size: 13px !important; font-weight: 950 !important; line-height: 1 !important; cursor: pointer !important; box-shadow: 0 2px 8px rgba(15, 23, 42, 0.05) !important; } .ch-profile-remove-button:hover { background: #fef2f2 !important; border-color: #fca5a5 !important; color: #7f1d1d !important; } .ch-profile-remove-button.is-removing { background: #991b1b !important; border-color: #991b1b !important; color: #ffffff !important; } .ch-profile-remove-check { display: none !important; } .ch-profile-actions { display: flex; align-items: flex-start; justify-content: flex-end; gap: 8px; flex-wrap: wrap; } .ch-profile-action-secondary { background: #ffffff !important; color: #1d4ed8 !important; border: 1px solid #bfdbfe !important; box-shadow: 0 4px 14px rgba(15, 23, 42, 0.05) !important; } .ch-profile-action-secondary:hover { background: #eff6ff !important; color: #1d4ed8 !important; } .ch-profile-settings-header p, .ch-profile-edit-header p { margin: 4px 0 0; color: #64748b; font-size: 13px; font-weight: 700; line-height: 1.35; } .ch-profile-settings-shell { width: min(100%, 1040px); margin: 0 auto; display: grid; grid-template-columns: 230px minmax(0, 1fr); gap: 14px; align-items: start; } .ch-profile-settings-nav { position: sticky; top: 18px; display: grid; gap: 7px; padding: 10px; border: 1px solid #dbe3ec; border-radius: 18px; background: #ffffff; box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04); } .ch-profile-settings-nav-item { display: flex; align-items: center; min-height: 38px; padding: 9px 12px; border-radius: 999px; color: #475569 !important; font-size: 13px; font-weight: 900; text-decoration: none !important; } .ch-profile-settings-nav-item:hover, .ch-profile-settings-nav-item.is-active { background: #eff6ff; color: #1d4ed8 !important; } .ch-profile-settings-panels { display: grid; gap: 12px; min-width: 0; } .ch-profile-settings-card { width: 100%; border: 1px solid #dbe3ec; border-radius: 18px; background: #ffffff; box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04); padding: 16px; } .ch-profile-settings-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; } .ch-profile-settings-card h3 { margin: 0; color: #111827; font-size: 17px; font-weight: 950; line-height: 1.2; } .ch-profile-settings-card p { margin: 5px 0 0; color: #64748b; font-size: 13px; font-weight: 700; line-height: 1.42; } .ch-profile-settings-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; min-height: 38px; padding: 9px 14px; border-radius: 999px; background: #2563eb; color: #ffffff !important; font-size: 13px; font-weight: 900; text-decoration: none !important; box-shadow: 0 7px 18px rgba(37, 99, 235, 0.18); } .ch-profile-settings-button:hover { background: #1d4ed8; color: #ffffff !important; } .ch-profile-settings-status { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; min-height: 28px; padding: 6px 10px; border-radius: 999px; background: #f8fafc; color: #64748b; border: 1px solid #e5eaf0; font-size: 11px; font-weight: 950; white-space: nowrap; } .ch-profile-settings-list, .ch-profile-settings-option-list { display: grid; gap: 8px; margin-top: 14px; } .ch-profile-settings-row, .ch-profile-settings-option { display: flex; align-items: center; justify-content: space-between; gap: 14px; min-height: 44px; padding: 10px 12px; border: 1px solid #edf2f7; border-radius: 14px; background: #fbfdff; } .ch-profile-settings-row span, .ch-profile-settings-option span { color: #475569; font-size: 13px; font-weight: 850; } .ch-profile-settings-row strong, .ch-profile-settings-option strong { color: #111827; font-size: 13px; font-weight: 950; overflow-wrap: anywhere; text-align: right; } .ch-profile-settings-option.is-disabled { opacity: 0.82; } .ch-profile-settings-empty-mini { margin-top: 14px; padding: 14px; border: 1px dashed #cbd5e1; border-radius: 14px; background: #f8fafc; color: #64748b; font-size: 13px; font-weight: 800; text-align: center; } .ch-profile-badge-preview-row { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-top: 14px; } .ch-profile-badge-preview { display: inline-flex; align-items: center; justify-content: center; min-height: 30px; padding: 7px 11px; border-radius: 999px; background: #eff6ff; color: #1d4ed8; border: 1px solid #bfdbfe; font-size: 12px; font-weight: 950; } .ch-profile-section-header, .ch-profile-about-card, .ch-profile-comments-list, .ch-profile-media-grid, .ch-profile-edit-form, .ch-profile-posts.ch-feed, .ch-profile-settings-shell { max-width: 1040px !important; } .ch-profile-section-header, .ch-profile-about-card, .ch-profile-edit-form, .ch-profile-settings-shell { width: min(100%, 1040px) !important; } .ch-profile-privacy-card { scroll-margin-top: 24px; } .ch-profile-settings-status.is-live { background: #ecfdf5 !important; color: #047857 !important; border-color: #a7f3d0 !important; } .ch-profile-privacy-form { display: grid; gap: 16px; margin-top: 14px; } .ch-profile-privacy-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .ch-profile-privacy-field { display: grid; gap: 7px; padding: 12px; border: 1px solid #e5eaf0; border-radius: 16px; background: #f8fafc; } .ch-profile-privacy-field span { color: #111827; font-size: 13px; font-weight: 950; line-height: 1.2; } .ch-profile-privacy-field select { width: 100%; min-height: 40px; border: 1px solid #dbe3ec; border-radius: 12px; background: #ffffff; color: #111827; font-size: 13px; font-weight: 800; padding: 8px 10px; outline: none; } .ch-profile-privacy-field select:focus { border-color: #2563eb; box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12); } .ch-profile-privacy-field small, .ch-profile-toggle-row small { color: #64748b; font-size: 12px; font-weight: 700; line-height: 1.35; } .ch-profile-privacy-toggles { display: grid; gap: 10px; } .ch-profile-toggle-row { display: flex; align-items: flex-start; gap: 10px; padding: 12px; border: 1px solid #e5eaf0; border-radius: 16px; background: #ffffff; } .ch-profile-toggle-row input[type="checkbox"] { width: 18px; height: 18px; margin-top: 2px; accent-color: #2563eb; flex: 0 0 auto; } .ch-profile-toggle-row span { display: grid; gap: 3px; min-width: 0; } .ch-profile-toggle-row strong { color: #111827; font-size: 13px; font-weight: 950; line-height: 1.2; } .ch-profile-privacy-summary { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; padding: 10px; border: 1px solid #dbeafe; border-radius: 16px; background: #eff6ff; } .ch-profile-privacy-summary div { display: grid; gap: 3px; min-width: 0; } .ch-profile-privacy-summary span { color: #64748b; font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: 0.03em; } .ch-profile-privacy-summary strong { color: #1d4ed8; font-size: 12px; font-weight: 950; line-height: 1.2; } .ch-profile-settings-actions { display: flex; align-items: center; justify-content: flex-end; gap: 10px; } .ch-profile-settings-save { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; border: 0; border-radius: 999px; background: #2563eb; color: #ffffff; font-size: 13px; font-weight: 950; line-height: 1; padding: 10px 16px; cursor: pointer; box-shadow: 0 8px 20px rgba(37, 99, 235, 0.20); } .ch-profile-settings-save:hover { background: #1d4ed8; } .ch-profile-private-message strong { display: block; color: #111827; margin-bottom: 4px; } .ch-profile-notifications-card { scroll-margin-top: 24px; } .ch-profile-notifications-form { display: grid; gap: 16px; margin-top: 14px; } .ch-profile-notifications-master { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; padding: 10px; border: 1px solid #dbeafe; border-radius: 18px; background: #eff6ff; } .ch-profile-notifications-master .ch-profile-toggle-row { margin: 0; border-color: #bfdbfe; background: #ffffff; } .ch-profile-notifications-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .ch-profile-notification-toggle { min-height: 72px; } .ch-profile-notification-toggle input[type="checkbox"] { cursor: pointer; } .ch-profile-notification-toggle strong { display: block; } .ch-profile-notifications-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; padding: 10px; border: 1px solid #dbeafe; border-radius: 16px; background: #eff6ff; } .ch-profile-notifications-summary div { display: grid; gap: 3px; min-width: 0; } .ch-profile-notifications-summary span { color: #64748b; font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: 0.03em; } .ch-profile-notifications-summary strong { color: #1d4ed8; font-size: 12px; font-weight: 950; line-height: 1.2; } .ch-profile-blocked-card { scroll-margin-top: 24px; } .ch-profile-blocked-form { display: grid; gap: 16px; } .ch-profile-blocked-add { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: end; padding: 14px; border: 1px solid rgba(255,255,255,.08); border-radius: 16px; background: rgba(255,255,255,.035); } .ch-profile-blocked-search { display: grid; gap: 7px; min-width: 0; } .ch-profile-blocked-search > span { font-size: 13px; font-weight: 800; color: rgba(255,255,255,.88); } .ch-profile-blocked-search input { width: 100%; border: 1px solid rgba(15,23,42,.18); border-radius: 12px; background: #ffffff; color: #0f172a; padding: 11px 12px; outline: none; } .ch-profile-blocked-search input::placeholder { color: #64748b; } .ch-profile-blocked-search input:focus { border-color: rgba(0,128,255,.65); box-shadow: 0 0 0 3px rgba(0,128,255,.14); } .ch-profile-blocked-search small { color: rgba(255,255,255,.56); line-height: 1.4; } .ch-profile-blocked-list { display: grid; gap: 10px; } .ch-profile-blocked-user { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px; border: 1px solid rgba(255,255,255,.08); border-radius: 16px; background: rgba(0,0,0,.18); } .ch-profile-blocked-user-main { display: flex; align-items: center; gap: 10px; min-width: 0; text-decoration: none; color: inherit; } .ch-profile-blocked-avatar { display: inline-flex; width: 44px; height: 44px; border-radius: 999px; overflow: hidden; flex: 0 0 auto; background: rgba(255,255,255,.08); } .ch-profile-blocked-avatar img { width: 44px; height: 44px; object-fit: cover; display: block; } .ch-profile-blocked-user-main strong { display: block; font-size: 14px; font-weight: 850; color: rgba(255,255,255,.92); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ch-profile-blocked-user-main small { display: block; font-size: 12px; color: rgba(255,255,255,.56); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ch-profile-unblock-check { display: inline-flex; align-items: center; gap: 7px; font-size: 13px; font-weight: 750; color: rgba(255,255,255,.78); white-space: nowrap; padding: 8px 10px; border-radius: 999px; background: rgba(255,255,255,.06); cursor: pointer; } .ch-profile-unblock-check input { accent-color: #0080FF; } .ch-profile-settings-save-secondary { justify-self: start; } .ch-profile-blocked-search { position: relative; } .ch-block-member-results { position: absolute; left: 0; right: 0; top: calc(100% - 16px); z-index: 30; display: grid; gap: 4px; max-height: 290px; overflow: auto; padding: 8px; border: 1px solid rgba(15,23,42,.14); border-radius: 14px; background: #ffffff; box-shadow: 0 18px 40px rgba(0,0,0,.24); } .ch-block-member-result, .ch-block-member-no-results { width: 100%; border: 0; border-radius: 10px; background: transparent; color: #0f172a; padding: 9px; text-align: left; } .ch-block-member-result { display: flex; align-items: center; gap: 10px; cursor: pointer; } .ch-block-member-result:hover, .ch-block-member-result:focus { background: rgba(0,128,255,.10); outline: none; } .ch-block-member-result-avatar { width: 34px; height: 34px; border-radius: 999px; overflow: hidden; flex: 0 0 auto; background: #e2e8f0; } .ch-block-member-result-avatar img { width: 34px; height: 34px; object-fit: cover; display: block; } .ch-block-member-result-text { display: grid; gap: 2px; min-width: 0; } .ch-block-member-result-text strong { font-size: 13px; font-weight: 850; color: #0f172a; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ch-block-member-result-text small, .ch-block-member-no-results { font-size: 12px; color: #64748b; } .ch-profile-account-card .ch-profile-account-form { display: grid; gap: 18px; } .ch-profile-account-grid, .ch-profile-badges-shell-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } .ch-profile-account-field, .ch-profile-badges-shell-item { background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.09); border-radius: 14px; padding: 14px; display: grid; gap: 7px; } .ch-profile-account-field > span, .ch-profile-badges-shell-item > span, .ch-profile-account-status-grid span { color: rgba(255,255,255,0.68); font-size: 13px; } .ch-profile-account-field input[type="text"] { width: 100%; box-sizing: border-box; border-radius: 12px; border: 1px solid rgba(255,255,255,0.18); background: #fff; color: #111827; padding: 11px 12px; font-size: 15px; outline: none; } .ch-profile-account-field input[type="text"]:focus { border-color: rgba(0,128,255,0.85); box-shadow: 0 0 0 3px rgba(0,128,255,0.18); } .ch-profile-account-field strong, .ch-profile-badges-shell-item strong, .ch-profile-account-status-grid strong { color: #fff; font-weight: 800; } .ch-profile-account-field a { color: #8cc8ff; font-weight: 800; word-break: break-word; } .ch-profile-account-field small { color: rgba(255,255,255,0.55); line-height: 1.35; } .ch-profile-account-actions-row { display: flex; flex-wrap: wrap; gap: 10px; } .ch-profile-settings-button-secondary { background: rgba(255,255,255,0.08) !important; border-color: rgba(255,255,255,0.14) !important; color: #fff !important; } .ch-profile-account-status-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; } .ch-profile-account-status-grid > div { background: rgba(0,0,0,0.18); border: 1px solid rgba(255,255,255,0.08); border-radius: 14px; padding: 12px; display: grid; gap: 5px; } .ch-profile-badges-card .ch-profile-badge-preview-row { margin-top: 4px; } .ch-profile-badges-shell-grid { margin-top: 16px; } .ch-profile-badges-shell-item span { line-height: 1.35; } .ch-profile-settings .ch-profile-account-field input, .ch-profile-settings .ch-profile-account-field input[type="text"], .ch-profile-settings .ch-profile-account-field input[type="email"], .ch-profile-settings .ch-profile-account-field input[type="url"], .ch-profile-account-card .ch-profile-account-field input, .ch-profile-account-card .ch-profile-account-field input[type="text"] { background: #ffffff !important; color: #111827 !important; -webkit-text-fill-color: #111827 !important; caret-color: #111827 !important; border-color: rgba(15, 23, 42, 0.18) !important; } .ch-profile-settings .ch-profile-account-field input::placeholder, .ch-profile-account-card .ch-profile-account-field input::placeholder { color: #64748b !important; -webkit-text-fill-color: #64748b !important; opacity: 1 !important; } .ch-profile-settings .ch-profile-account-field input:-webkit-autofill, .ch-profile-account-card .ch-profile-account-field input:-webkit-autofill { -webkit-text-fill-color: #111827 !important; box-shadow: 0 0 0 1000px #ffffff inset !important; } .ch-profile-settings-card.ch-profile-account-card, .ch-profile-settings .ch-profile-account-card { color: #111827 !important; } .ch-profile-settings-card.ch-profile-account-card .ch-profile-account-field, .ch-profile-settings .ch-profile-account-card .ch-profile-account-field, .ch-profile-settings-card.ch-profile-account-card .ch-profile-account-status-grid > div, .ch-profile-settings .ch-profile-account-card .ch-profile-account-status-grid > div { background: #ffffff !important; border-color: rgba(15, 23, 42, 0.16) !important; color: #111827 !important; } .ch-profile-settings-card.ch-profile-account-card .ch-profile-account-field > span, .ch-profile-settings .ch-profile-account-card .ch-profile-account-field > span, .ch-profile-settings-card.ch-profile-account-card .ch-profile-account-status-grid span, .ch-profile-settings .ch-profile-account-card .ch-profile-account-status-grid span, .ch-profile-settings-card.ch-profile-account-card .ch-profile-account-field small, .ch-profile-settings .ch-profile-account-card .ch-profile-account-field small { color: #475569 !important; -webkit-text-fill-color: #475569 !important; } .ch-profile-settings-card.ch-profile-account-card .ch-profile-account-field strong, .ch-profile-settings .ch-profile-account-card .ch-profile-account-field strong, .ch-profile-settings-card.ch-profile-account-card .ch-profile-account-status-grid strong, .ch-profile-settings .ch-profile-account-card .ch-profile-account-status-grid strong { color: #111827 !important; -webkit-text-fill-color: #111827 !important; } .ch-profile-settings-card.ch-profile-account-card .ch-profile-account-field a, .ch-profile-settings .ch-profile-account-card .ch-profile-account-field a { color: #005fbf !important; -webkit-text-fill-color: #005fbf !important; } .ch-profile-settings-card.ch-profile-account-card .ch-profile-settings-button-secondary, .ch-profile-settings .ch-profile-account-card .ch-profile-settings-button-secondary { background: #f8fafc !important; border: 1px solid rgba(15, 23, 42, 0.16) !important; color: #0f172a !important; -webkit-text-fill-color: #0f172a !important; box-shadow: none !important; } .ch-profile-settings-card.ch-profile-account-card .ch-profile-settings-button-secondary:hover, .ch-profile-settings .ch-profile-account-card .ch-profile-settings-button-secondary:hover { background: #eef6ff !important; border-color: rgba(0, 128, 255, 0.35) !important; color: #005fbf !important; -webkit-text-fill-color: #005fbf !important; } .ch-user-badges { display:flex; flex-wrap:wrap; gap:7px; align-items:center; margin-top:8px; } .ch-user-badges-profile { margin-bottom:4px; } .ch-user-badge { --ch-badge-color:#2563eb; display:inline-flex; align-items:center; gap:5px; padding:5px 10px; border-radius:999px; font-size:12px; font-weight:800; line-height:1; color:#ffffff; background:var(--ch-badge-color); box-shadow:0 8px 18px rgba(15,23,42,.12); white-space:nowrap; } .ch-user-badge-emoji { display:inline-flex; align-items:center; justify-content:center; font-size:13px; line-height:1; } .ch-profile-badges-live-panel { display:grid; gap:16px; } .ch-profile-badges-live-preview { background:#ffffff; border:1px solid rgba(15,23,42,.10); border-radius:18px; padding:16px; display:grid; gap:10px; color:#0f172a; } .ch-profile-badges-live-preview > strong, .ch-profile-badges-info-grid strong { color:#0f172a; } .ch-profile-badges-info-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; } .ch-profile-badges-info-grid > div { background:#f8fafc; border:1px solid rgba(15,23,42,.08); border-radius:16px; padding:14px; display:grid; gap:5px; color:#334155; } .ch-profile-badges-info-grid span { color:#475569; font-size:13px; line-height:1.45; } .ch-admin-badges-wrap .ch-user-badges { margin:0; } .ch-admin-badges-wrap .ch-user-badge { font-size:11px; padding:4px 8px; } .ch-user-badge-img { width: 18px !important; height: 18px !important; object-fit: contain !important; display: inline-block !important; vertical-align: middle !important; border-radius: 4px !important; } .ch-user-badges-profile .ch-user-badge-img { width: 20px !important; height: 20px !important; } .ch-user-badges-admin .ch-user-badge-img, .ch-user-badges-settings .ch-user-badge-img { width: 18px !important; height: 18px !important; } .ch-user-badge { position: relative !important; cursor: help !important; outline: none !important; } .ch-user-badge:focus-visible { box-shadow: 0 0 0 3px rgba(0,128,255,.25), 0 8px 18px rgba(15,23,42,.12) !important; } .ch-user-badge-tooltip { display: none !important; position: absolute !important; left: 50% !important; bottom: calc(100% + 10px) !important; transform: translateX(-50%) !important; z-index: 99999 !important; width: max-content !important; max-width: 260px !important; padding: 10px 12px !important; border-radius: 12px !important; background: #0f172a !important; border: 1px solid rgba(255,255,255,.16) !important; box-shadow: 0 16px 40px rgba(0,0,0,.28) !important; color: #ffffff !important; text-align: left !important; white-space: normal !important; line-height: 1.35 !important; pointer-events: none !important; } .ch-user-badge-tooltip::after { content: "" !important; position: absolute !important; left: 50% !important; top: 100% !important; transform: translateX(-50%) !important; border-width: 6px !important; border-style: solid !important; border-color: #0f172a transparent transparent transparent !important; } .ch-user-badge-tooltip strong { display: block !important; margin: 0 0 4px !important; font-size: 12px !important; font-weight: 900 !important; color: #ffffff !important; } .ch-user-badge-tooltip span { display: block !important; font-size: 12px !important; font-weight: 600 !important; color: rgba(255,255,255,.86) !important; } .ch-user-badge:hover .ch-user-badge-tooltip, .ch-user-badge:focus .ch-user-badge-tooltip, .ch-user-badge:active .ch-user-badge-tooltip { display: block !important; } .ch-user-badges-feed, .ch-user-badges-comment, .ch-user-badges-embed { display: inline-flex !important; margin: 0 0 0 6px !important; gap: 4px !important; vertical-align: middle !important; } .ch-user-badges-feed .ch-user-badge, .ch-user-badges-comment .ch-user-badge, .ch-user-badges-embed .ch-user-badge { padding: 3px 7px !important; font-size: 10px !important; line-height: 1 !important; box-shadow: none !important; } .ch-user-badges-feed .ch-user-badge-img, .ch-user-badges-comment .ch-user-badge-img, .ch-user-badges-embed .ch-user-badge-img { width: 14px !important; height: 14px !important; } .ch-user-badges-comment .ch-user-badge-label, .ch-user-badges-embed .ch-user-badge-label { display: none !important; } .ch-comment-identity .ch-user-badges-comment { margin-right: 4px !important; } .ch-member-directory, .ch-member-directory * { box-sizing: border-box; } .ch-member-directory-route, .ch-member-directory { width: 100%; } .ch-member-directory { max-width: 1120px; margin: 0 auto; color: #111827; } .ch-member-directory-hero { display: flex; align-items: stretch; justify-content: space-between; gap: 18px; padding: 24px; margin-bottom: 16px; background: linear-gradient(135deg, #0f172a, #1d4ed8); color: #ffffff; border-radius: 24px; box-shadow: 0 14px 34px rgba(15, 23, 42, 0.22); } .ch-member-directory-kicker { display: inline-flex; align-items: center; padding: 5px 10px; margin-bottom: 8px; border-radius: 999px; background: rgba(255, 255, 255, 0.15); color: #dbeafe; font-size: 12px; font-weight: 900; letter-spacing: 0.08em; text-transform: uppercase; } .ch-member-directory-hero h1 { margin: 0; color: #ffffff; font-size: 34px; line-height: 1.05; font-weight: 950; } .ch-member-directory-hero p { margin: 8px 0 0; max-width: 620px; color: #dbeafe; font-size: 15px; line-height: 1.45; } .ch-member-directory-count { min-width: 150px; display: grid; place-items: center; text-align: center; padding: 18px; border-radius: 20px; background: rgba(255, 255, 255, 0.13); border: 1px solid rgba(255, 255, 255, 0.18); } .ch-member-directory-count strong { display: block; color: #ffffff; font-size: 30px; line-height: 1; font-weight: 950; } .ch-member-directory-count span { display: block; margin-top: 5px; color: #bfdbfe; font-size: 12px; font-weight: 800; } .ch-member-directory-search { display: flex; align-items: flex-end; gap: 10px; padding: 14px; margin-bottom: 16px; background: #ffffff; border: 1px solid #dbe3ec; border-radius: 18px; box-shadow: 0 6px 18px rgba(15, 23, 42, 0.06); } .ch-member-directory-search label { flex: 1; min-width: 0; display: grid; gap: 6px; color: #334155; font-size: 13px; font-weight: 900; } .ch-member-directory-search input[type="search"] { width: 100%; min-height: 44px; padding: 10px 13px; border: 1px solid #cbd5e1; border-radius: 14px; background: #ffffff !important; color: #111827 !important; caret-color: #111827 !important; font-size: 15px; font-weight: 700; outline: none; } .ch-member-directory-search input[type="search"]::placeholder { color: #94a3b8 !important; } .ch-member-directory-search input[type="search"]:focus { border-color: #0080ff; box-shadow: 0 0 0 4px rgba(0, 128, 255, 0.13); } .ch-member-directory-search button, .ch-member-directory-clear, .ch-member-card-button, .ch-member-directory-pagination a { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 10px 16px; border: 0; border-radius: 999px; background: #0080ff; color: #ffffff !important; font-size: 13px; font-weight: 950; line-height: 1; text-decoration: none !important; cursor: pointer; box-shadow: 0 8px 18px rgba(0, 128, 255, 0.18); } .ch-member-directory-clear { background: #f1f5f9; color: #334155 !important; box-shadow: none; } .ch-member-directory.is-loading .ch-member-directory-results { opacity: 0.55; pointer-events: none; } .ch-member-directory-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; } .ch-member-card { overflow: hidden; background: #ffffff; border: 1px solid #dbe3ec; border-radius: 22px; box-shadow: 0 8px 22px rgba(15, 23, 42, 0.06); } .ch-member-card-cover { display: block; height: 92px; background: linear-gradient(135deg, #dbeafe, #eff6ff 45%, #e0f2fe); overflow: hidden; } .ch-member-card-cover img { width: 100%; height: 100%; object-fit: cover; display: block; } .ch-member-card-body { padding: 0 16px 16px; } .ch-member-card-avatar { display: inline-flex; width: 86px; height: 86px; margin-top: -43px; border-radius: 999px; border: 4px solid #ffffff; background: #ffffff; overflow: hidden; box-shadow: 0 8px 18px rgba(15, 23, 42, 0.14); } .ch-member-card-avatar img { width: 100% !important; height: 100% !important; object-fit: cover; border-radius: 999px; display: block; } .ch-member-card-info { padding-top: 8px; } .ch-member-card-name { display: block; color: #111827 !important; font-size: 18px; font-weight: 950; line-height: 1.15; text-decoration: none !important; } .ch-member-card-name:hover { text-decoration: underline !important; } .ch-member-card-handle { margin-top: 4px; color: #64748b; font-size: 13px; font-weight: 800; } .ch-user-badges-directory { margin-top: 8px; } .ch-member-card-meta { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 14px; } .ch-member-card-meta div { padding: 10px; border-radius: 14px; background: #f8fafc; border: 1px solid #e2e8f0; } .ch-member-card-meta strong, .ch-member-card-meta span { display: block; } .ch-member-card-meta strong { color: #111827; font-size: 15px; font-weight: 950; } .ch-member-card-meta span { margin-top: 2px; color: #64748b; font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: 0.04em; } .ch-member-card-button { width: 100%; margin-top: 14px; } .ch-member-directory-empty { display: grid; gap: 5px; padding: 24px; text-align: center; background: #ffffff; border: 1px dashed #cbd5e1; border-radius: 20px; color: #475569; } .ch-member-directory-empty strong { color: #111827; font-size: 18px; } .ch-member-directory-pagination { display: flex; align-items: center; justify-content: center; gap: 12px; margin-top: 18px; color: #475569; font-size: 13px; font-weight: 900; } .ch-member-directory-pagination span { color: #475569; } .ch-single-post-shell { width: min(760px, calc(100% - 28px)); max-width: 760px; margin: 28px auto 46px !important; padding: 0 !important; } .ch-single-post-header { display: grid; gap: 8px; margin: 0 0 14px; padding: 16px 18px; background: #ffffff; border: 1px solid #dbe3ec; border-radius: 18px; box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06); } .ch-single-post-header h1 { margin: 0; color: #111827; font-size: 22px; line-height: 1.2; font-weight: 900; } .ch-single-post-back { width: fit-content; color: #2563eb !important; font-size: 13px; font-weight: 800; text-decoration: none !important; } .ch-single-post-back:hover { text-decoration: underline !important; } .ch-single-post-shell .ch-activity-card { margin-bottom: 0 !important; } .ch-single-post-shell .ch-comment-form { display: block !important; } .ch-community-feed-page { width: min(100%, 1080px); margin: 28px auto 44px; padding: 0 16px; box-sizing: border-box; } .ch-community-feed-header { max-width: 760px; margin: 0 auto 16px; display: flex; align-items: center; justify-content: space-between; gap: 14px; background: #ffffff; border: 1px solid #dbe3ec; border-radius: 18px; box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06); padding: 16px 18px; } .ch-community-feed-header h1 { margin: 0; color: #111827; font-size: 26px; line-height: 1.15; font-weight: 900; } .ch-community-feed-header p { margin: 4px 0 0; color: #64748b; font-size: 14px; font-weight: 600; } .ch-community-feed-header-link { display: inline-flex; align-items: center; justify-content: center; min-height: 38px; padding: 9px 14px; border-radius: 999px; background: #2563eb; color: #ffffff !important; text-decoration: none !important; font-size: 13px; font-weight: 900; white-space: nowrap; } .ch-community-feed-header-link:hover { background: #1d4ed8; color: #ffffff !important; } .ch-single-post-back { color: #2563eb !important; } .ch-notifications-page { max-width: 920px; margin: 0 auto; padding: 28px 16px 60px; } .ch-notifications-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 18px; } .ch-page-eyebrow { margin: 0 0 6px; font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; opacity: .72; } .ch-notifications-header h1 { margin: 0; font-size: clamp(28px, 4vw, 42px); line-height: 1.05; } .ch-page-subtitle { margin: 8px 0 0; opacity: .78; } .ch-notifications-actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; justify-content: flex-end; } .ch-notifications-actions form { margin: 0; } .ch-notifications-list { display: grid; gap: 10px; } .ch-notification-row { display: grid; grid-template-columns: 12px minmax(0, 1fr); align-items: center; gap: 12px; padding: 16px; border: 1px solid rgba(255,255,255,.10); border-radius: 16px; background: rgba(255,255,255,.045); text-decoration: none; color: inherit; box-shadow: 0 10px 28px rgba(0,0,0,.14); } .ch-notification-row:hover, .ch-notification-row:focus { transform: translateY(-1px); border-color: rgba(0,128,255,.55); background: rgba(0,128,255,.08); outline: none; } .ch-notification-row.is-unread { border-color: rgba(0,128,255,.45); background: rgba(0,128,255,.10); } .ch-notification-dot { width: 10px; height: 10px; border-radius: 999px; background: transparent; } .ch-notification-row.is-unread .ch-notification-dot { background: #0080ff; box-shadow: 0 0 0 4px rgba(0,128,255,.16); } .ch-notification-main { display: grid; gap: 6px; min-width: 0; } .ch-notification-text { font-weight: 800; line-height: 1.25; } .ch-notification-meta { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; font-size: 13px; opacity: .72; } .ch-empty-state { padding: 34px 18px; border: 1px dashed rgba(255,255,255,.16); border-radius: 18px; text-align: center; background: rgba(255,255,255,.035); } .ch-empty-state h2 { margin: 0 0 8px; } .ch-empty-state p { margin: 0; opacity: .75; } .ch-notifications-page { color: #111827; } .ch-notifications-header { background: #ffffff; border: 1px solid #dbe3ec; border-radius: 20px; padding: 18px; box-shadow: 0 2px 10px rgba(15, 23, 42, 0.06); } .ch-page-eyebrow { color: #2563eb; opacity: 1; } .ch-notifications-header h1 { color: #0f172a; } .ch-page-subtitle { color: #4b5563; opacity: 1; } .ch-notifications-actions .ch-button, .ch-notifications-actions button, .ch-notifications-actions a, .ch-empty-state .ch-button, .ch-empty-state a.ch-button { background: #2563eb; color: #ffffff !important; border: 1px solid #2563eb; border-radius: 999px; font-weight: 800; text-decoration: none; box-shadow: none; } .ch-notifications-actions .ch-button:hover, .ch-notifications-actions button:hover, .ch-notifications-actions a:hover, .ch-empty-state .ch-button:hover, .ch-empty-state a.ch-button:hover { background: #1d4ed8; color: #ffffff !important; border-color: #1d4ed8; } .ch-notifications-list { margin-top: 12px; } .ch-notification-row { border: 1px solid #dbe3ec; background: #ffffff; color: #111827 !important; box-shadow: 0 2px 10px rgba(15, 23, 42, 0.06); } .ch-notification-row:hover, .ch-notification-row:focus { transform: translateY(-1px); border-color: #93c5fd; background: #f8fbff; color: #111827 !important; } .ch-notification-row.is-unread { border-color: #60a5fa; background: #eff6ff; } .ch-notification-text { color: #111827; } .ch-notification-meta { color: #6b7280; opacity: 1; } .ch-empty-state { border: 1px dashed #cbd5e1; background: #ffffff; color: #111827; box-shadow: 0 2px 10px rgba(15, 23, 42, 0.06); } .ch-empty-state h2 { color: #0f172a; } .ch-empty-state p { color: #4b5563; opacity: 1; } .ch-notifications-actions { align-items: center; gap: 12px; } .ch-notifications-actions .ch-button, .ch-notifications-actions button { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 10px 16px; border-radius: 12px; font-size: 14px; line-height: 1; font-weight: 800; letter-spacing: 0.01em; cursor: pointer; transition: transform 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease, border-color 0.15s ease; } .ch-notifications-actions button.ch-button, .ch-notifications-actions button[type="submit"] { background: #2563eb; color: #ffffff !important; border: 1px solid #2563eb; box-shadow: 0 8px 18px rgba(37, 99, 235, 0.18); } .ch-notifications-actions button.ch-button:hover, .ch-notifications-actions button[type="submit"]:hover, .ch-notifications-actions button.ch-button:focus, .ch-notifications-actions button[type="submit"]:focus { background: #1d4ed8; border-color: #1d4ed8; color: #ffffff !important; transform: translateY(-1px); box-shadow: 0 10px 22px rgba(37, 99, 235, 0.22); outline: none; } .ch-notifications-actions .ch-button-secondary, .ch-notifications-actions a.ch-button-secondary { background: #ffffff; color: #1f2937 !important; border: 1px solid #cbd5e1; box-shadow: 0 3px 10px rgba(15, 23, 42, 0.06); } .ch-notifications-actions .ch-button-secondary:hover, .ch-notifications-actions a.ch-button-secondary:hover, .ch-notifications-actions .ch-button-secondary:focus, .ch-notifications-actions a.ch-button-secondary:focus { background: #f8fafc; color: #0f172a !important; border-color: #94a3b8; transform: translateY(-1px); box-shadow: 0 8px 18px rgba(15, 23, 42, 0.10); outline: none; } .ch-notifications-actions .ch-button-secondary::before, .ch-notifications-actions a.ch-button-secondary::before { content: "←"; margin-right: 8px; font-weight: 900; } .ch-notifications-actions button[type="submit"]::before { content: "✓"; margin-right: 8px; font-weight: 900; } @media (max-width: 640px) { .ch-notifications-actions { width: 100%; justify-content: stretch; } .ch-notifications-actions form, .ch-notifications-actions .ch-button, .ch-notifications-actions button { width: 100%; } } .ch-saved-route-page { background: #f5f7fb; min-height: 70vh; padding: 32px 16px 56px; } .ch-bookmarks-page, .ch-saved-page { width: 100%; } .ch-bookmarks-shell { width: min(1040px, 100%); margin: 0 auto; } .ch-bookmarks-nav { margin-bottom: 18px; } .ch-page-hero, .ch-bookmarks-header { display: flex; align-items: center; justify-content: space-between; gap: 18px; background: #ffffff; border: 1px solid #dbe4f0; border-radius: 20px; box-shadow: 0 12px 35px rgba(15, 23, 42, 0.08); padding: 22px; margin-bottom: 18px; } .ch-page-eyebrow { margin: 0 0 6px; font-size: 12px; line-height: 1.2; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: #2563eb; } .ch-bookmarks-header h1, .ch-bookmarks-header h2 { margin: 0; font-size: clamp(26px, 3vw, 38px); line-height: 1.05; color: #0f172a; } .ch-bookmarks-header p { margin: 8px 0 0; font-size: 15px; line-height: 1.5; color: #475569; } .ch-bookmarks-count { flex: 0 0 auto; min-width: 112px; border-radius: 18px; background: linear-gradient(180deg, #eff6ff, #ffffff); border: 1px solid #bfdbfe; padding: 14px 16px; text-align: center; color: #1d4ed8; } .ch-bookmarks-count span { display: block; font-size: 30px; line-height: 1; font-weight: 900; color: #1e40af; } .ch-bookmarks-count small { display: block; margin-top: 5px; font-size: 12px; font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase; color: #2563eb; } .ch-empty-state, .ch-bookmarks-empty { background: #ffffff; border: 1px solid #dbe4f0; border-radius: 20px; box-shadow: 0 12px 35px rgba(15, 23, 42, 0.08); padding: 28px; text-align: center; color: #334155; } .ch-empty-state h2 { margin: 0 0 8px; font-size: 24px; line-height: 1.2; color: #0f172a; } .ch-empty-state p { margin: 0 auto 18px; max-width: 520px; font-size: 15px; line-height: 1.55; color: #475569; } .ch-bookmark-view-link { margin-top: 12px; } @media (max-width: 720px) { .ch-saved-route-page { padding: 18px 12px 38px; } .ch-page-hero, .ch-bookmarks-header { align-items: stretch; flex-direction: column; padding: 18px; border-radius: 16px; } .ch-bookmarks-count { width: 100%; } .ch-bookmarks-count span { font-size: 26px; } .ch-empty-state, .ch-bookmarks-empty { padding: 22px 16px; border-radius: 16px; } } .ch-hub-nav, .ch-hub-page-nav { display: flex; align-items: center; justify-content: flex-end; gap: 8px; flex-wrap: wrap; } .ch-hub-nav-link, a.ch-hub-nav-link, .ch-hub-nav-button, a.ch-hub-nav-button { display: inline-flex !important; align-items: center; justify-content: center; min-height: 40px; padding: 10px 15px; border-radius: 999px; border: 1px solid #cbd5e1 !important; background: #ffffff !important; color: #1f2937 !important; text-decoration: none !important; font-size: 13px; line-height: 1; font-weight: 900; white-space: nowrap; box-shadow: 0 3px 10px rgba(15, 23, 42, 0.06); transition: transform 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease; } .ch-hub-nav-link:hover, a.ch-hub-nav-link:hover, .ch-hub-nav-link:focus, a.ch-hub-nav-link:focus, .ch-hub-nav-button:hover, a.ch-hub-nav-button:hover, .ch-hub-nav-button:focus, a.ch-hub-nav-button:focus { background: #f8fafc !important; border-color: #94a3b8 !important; color: #0f172a !important; transform: translateY(-1px); box-shadow: 0 8px 18px rgba(15, 23, 42, 0.10); outline: none; } .ch-hub-nav-link.is-active, a.ch-hub-nav-link.is-active, .ch-hub-nav-button.is-active, a.ch-hub-nav-button.is-active { background: #2563eb !important; border-color: #2563eb !important; color: #ffffff !important; box-shadow: 0 8px 18px rgba(37, 99, 235, 0.18); } .ch-hub-nav-link.is-active:hover, a.ch-hub-nav-link.is-active:hover, .ch-hub-nav-link.is-active:focus, a.ch-hub-nav-link.is-active:focus, .ch-hub-nav-button.is-active:hover, a.ch-hub-nav-button.is-active:hover, .ch-hub-nav-button.is-active:focus, a.ch-hub-nav-button.is-active:focus { background: #1d4ed8 !important; border-color: #1d4ed8 !important; color: #ffffff !important; box-shadow: 0 10px 22px rgba(37, 99, 235, 0.22); } .ch-bookmarks-nav { justify-content: flex-start; margin: 0 0 16px; } .ch-member-directory-nav .ch-hub-nav-link, .ch-member-directory-nav .ch-hub-nav-button { width: 100%; background: rgba(255, 255, 255, 0.14) !important; border-color: rgba(255, 255, 255, 0.28) !important; color: #ffffff !important; box-shadow: none; } .ch-member-directory-nav .ch-hub-nav-link:hover, .ch-member-directory-nav .ch-hub-nav-link:focus, .ch-member-directory-nav .ch-hub-nav-button:hover, .ch-member-directory-nav .ch-hub-nav-button:focus { background: rgba(255, 255, 255, 0.22) !important; border-color: rgba(255, 255, 255, 0.42) !important; color: #ffffff !important; } .ch-member-directory-nav .ch-hub-nav-link.is-active, .ch-member-directory-nav .ch-hub-nav-button.is-active { background: #ffffff !important; border-color: #ffffff !important; color: #1d4ed8 !important; } .ch-notifications-actions .ch-hub-nav-link, .ch-notifications-actions .ch-hub-nav-button { min-height: 42px; border-radius: 12px; } .ch-saved-route-page, .ch-bookmarks-page.ch-saved-page { background: transparent !important; } .ch-bookmarks-page.ch-saved-page { padding: 0 !important; } .ch-saved-page .ch-bookmarks-shell { background: transparent !important; } .ch-saved-page .ch-bookmarks-list, .ch-saved-page .ch-feed { background: transparent !important; } .ch-saved-page .ch-bookmarks-header, .ch-saved-page .ch-empty-state, .ch-saved-page .ch-bookmarks-empty { background: #ffffff !important; color: #111827 !important; } @media (max-width: 720px) { .ch-hub-nav, .ch-hub-page-nav, .ch-bookmarks-nav { display: grid; grid-template-columns: 1fr 1fr; justify-content: stretch; width: 100%; } .ch-hub-nav-link, a.ch-hub-nav-link, .ch-hub-nav-button, a.ch-hub-nav-button { width: 100%; min-height: 42px; } } .ch-profile-page > .ch-profile-hub-nav, .ch-profile-hub-nav { justify-content: center !important; gap: 10px !important; margin: 16px 0 18px !important; padding: 12px !important; border: 1px solid rgba(148, 163, 184, 0.26) !important; border-radius: 18px !important; background: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(248, 250, 252, 0.88)) !important; box-shadow: 0 10px 30px rgba(15, 23, 42, 0.07), inset 0 1px 0 rgba(255, 255, 255, 0.72) !important; } .ch-profile-hub-nav .ch-hub-nav-button, .ch-profile-hub-nav a.ch-hub-nav-button { min-height: 42px !important; padding: 11px 16px !important; border-radius: 13px !important; border-color: rgba(203, 213, 225, 0.9) !important; background: rgba(255, 255, 255, 0.94) !important; color: #0f172a !important; font-size: 13px !important; font-weight: 900 !important; letter-spacing: 0.01em !important; box-shadow: 0 6px 16px rgba(15, 23, 42, 0.06) !important; } .ch-profile-hub-nav .ch-hub-nav-button::before, .ch-profile-hub-nav a.ch-hub-nav-button::before { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; margin-right: 7px; border-radius: 999px; background: #eff6ff; color: #2563eb; font-size: 12px; line-height: 1; font-weight: 900; } .ch-profile-hub-nav .ch-hub-nav-button:nth-child(1)::before { content: "⌂"; } .ch-profile-hub-nav .ch-hub-nav-button:nth-child(2)::before { content: "👥"; font-size: 11px; } .ch-profile-hub-nav .ch-hub-nav-button:nth-child(3)::before { content: "🔔"; font-size: 11px; } .ch-profile-hub-nav .ch-hub-nav-button:nth-child(4)::before { content: "★"; } .ch-profile-hub-nav .ch-hub-nav-button:hover, .ch-profile-hub-nav a.ch-hub-nav-button:hover, .ch-profile-hub-nav .ch-hub-nav-button:focus, .ch-profile-hub-nav a.ch-hub-nav-button:focus { background: #ffffff !important; border-color: rgba(37, 99, 235, 0.45) !important; color: #1d4ed8 !important; transform: translateY(-2px) !important; box-shadow: 0 12px 24px rgba(37, 99, 235, 0.13) !important; } .ch-profile-hub-nav .ch-hub-nav-button:hover::before, .ch-profile-hub-nav a.ch-hub-nav-button:hover::before, .ch-profile-hub-nav .ch-hub-nav-button:focus::before, .ch-profile-hub-nav a.ch-hub-nav-button:focus::before { background: #2563eb; color: #ffffff; } @media (max-width: 720px) { .ch-profile-page > .ch-profile-hub-nav, .ch-profile-hub-nav { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px !important; margin: 14px 0 16px !important; padding: 10px !important; border-radius: 16px !important; } .ch-profile-hub-nav .ch-hub-nav-button, .ch-profile-hub-nav a.ch-hub-nav-button { width: 100% !important; min-height: 44px !important; padding: 10px 12px !important; } } @media (max-width: 420px) { .ch-profile-page > .ch-profile-hub-nav, .ch-profile-hub-nav { grid-template-columns: 1fr; } } .ch-theme-community-content-wrap .ch-feed, .ch-theme-community-content-wrap .ch-composer, .ch-theme-community-content-wrap .ch-activity-card, .ch-theme-community-content-wrap .ch-bookmarks-page, .ch-theme-community-content-wrap .ch-notifications-page, .ch-theme-community-content-wrap .ch-profile-page, .ch-theme-community-content-wrap .ch-profile-route-wrap { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; } @media (min-width: 783px) { .ch-theme .ch-feed .ch-action-row, .ch-theme .ch-activity-card .ch-action-row, .ch-theme .ch-activity-actions { display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: 6px !important; padding: 10px 0 !important; } .ch-theme .ch-feed .ch-action-row button, .ch-theme .ch-feed .ch-action-row .ch-action-button, .ch-theme .ch-feed .ch-action-row .ch-reaction-trigger, .ch-theme .ch-activity-card .ch-action-row button, .ch-theme .ch-activity-card .ch-action-row .ch-action-button, .ch-theme .ch-activity-card .ch-action-row .ch-reaction-trigger, .ch-theme .ch-activity-actions button, .ch-theme .ch-activity-actions a, .ch-theme .ch-repost-combo-button, .ch-theme .ch-bookmark-button { flex: 0 0 auto !important; min-width: 0 !important; width: auto !important; padding: 7px 10px !important; font-size: 13px !important; line-height: 1 !important; border-radius: 999px !important; } } @media (max-width: 782px) { .ch-theme .ch-feed .ch-action-row, .ch-theme .ch-activity-card .ch-action-row { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; justify-content: flex-start !important; gap: 6px !important; -webkit-overflow-scrolling: touch; scrollbar-width: none; } .ch-theme .ch-feed .ch-action-row::-webkit-scrollbar, .ch-theme .ch-activity-card .ch-action-row::-webkit-scrollbar { display: none; } } html[data-ch-theme-mode="dark"] body.ch-theme .ch-community-header, html[data-ch-theme-mode="dark"] body.ch-theme .ch-page-header, html[data-ch-theme-mode="dark"] body.ch-theme .ch-feed-header, html[data-ch-theme-mode="dark"] body.ch-theme .ch-notifications-header, html[data-ch-theme-mode="dark"] body.ch-theme .ch-bookmarks-header, html[data-ch-theme-mode="dark"] body.ch-theme .ch-members-header, html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-header, html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-card, html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-subnav, html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-nav, html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-tabs, html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-settings-nav, html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-section-nav, html[data-ch-theme-mode="dark"] body.ch-theme .ch-activity-card, html[data-ch-theme-mode="dark"] body.ch-theme .ch-composer, html[data-ch-theme-mode="dark"] body.ch-theme .ch-repost-card, html[data-ch-theme-mode="dark"] body.ch-theme .ch-repost-preview, html[data-ch-theme-mode="dark"] body.ch-theme .ch-repost-embed, html[data-ch-theme-mode="dark"] body.ch-theme .ch-quote-card, html[data-ch-theme-mode="dark"] body.ch-theme .ch-original-post, html[data-ch-theme-mode="dark"] body.ch-theme .ch-comment, html[data-ch-theme-mode="dark"] body.ch-theme .ch-comment-body, html[data-ch-theme-mode="dark"] body.ch-theme .ch-comments, html[data-ch-theme-mode="dark"] body.ch-theme .ch-comments-wrap, html[data-ch-theme-mode="dark"] body.ch-theme .ch-comment-form, html[data-ch-theme-mode="dark"] body.ch-theme .ch-reply-form, html[data-ch-theme-mode="dark"] body.ch-theme .ch-bookmarks-page, html[data-ch-theme-mode="dark"] body.ch-theme .ch-notifications-page, html[data-ch-theme-mode="dark"] body.ch-theme .ch-members-directory-page { background: var(--ch-theme-surface, #121c2b) !important; background-color: var(--ch-theme-surface, #121c2b) !important; color: var(--ch-theme-text, #f5f7fb) !important; border-color: var(--ch-theme-border, #26364d) !important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-community-header *, html[data-ch-theme-mode="dark"] body.ch-theme .ch-page-header *, html[data-ch-theme-mode="dark"] body.ch-theme .ch-feed-header *, html[data-ch-theme-mode="dark"] body.ch-theme .ch-notifications-header *, html[data-ch-theme-mode="dark"] body.ch-theme .ch-bookmarks-header *, html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-header *, html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-subnav *, html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-nav *, html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-tabs *, html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-settings-nav *, html[data-ch-theme-mode="dark"] body.ch-theme .ch-activity-card *, html[data-ch-theme-mode="dark"] body.ch-theme .ch-composer *, html[data-ch-theme-mode="dark"] body.ch-theme .ch-repost-card *, html[data-ch-theme-mode="dark"] body.ch-theme .ch-repost-preview *, html[data-ch-theme-mode="dark"] body.ch-theme .ch-repost-embed *, html[data-ch-theme-mode="dark"] body.ch-theme .ch-quote-card *, html[data-ch-theme-mode="dark"] body.ch-theme .ch-original-post *, html[data-ch-theme-mode="dark"] body.ch-theme .ch-comment *, html[data-ch-theme-mode="dark"] body.ch-theme .ch-comments-wrap * { color: inherit; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-subnav a, html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-nav a, html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-tabs a, html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-settings-nav a, html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-section-nav a { background: var(--ch-theme-surface-soft, #172235) !important; border-color: var(--ch-theme-border, #26364d) !important; color: var(--ch-theme-text, #f5f7fb) !important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-subnav a:hover, html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-nav a:hover, html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-tabs a:hover, html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-settings-nav a:hover, html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-section-nav a:hover, html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-subnav a.is-active, html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-nav a.is-active, html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-tabs a.is-active, html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-settings-nav a.is-active, html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-section-nav a.is-active { background: color-mix(in srgb, var(--ch-theme-blue, #0080ff) 22%, var(--ch-theme-surface, #121c2b)) !important; border-color: color-mix(in srgb, var(--ch-theme-blue, #0080ff) 45%, var(--ch-theme-border, #26364d)) !important; color: #ffffff !important; } .ch-theme .ch-activity-header a, .ch-theme .ch-activity-author a, .ch-theme .ch-activity-name, .ch-theme a.ch-activity-name, .ch-theme .ch-comment-header a, .ch-theme .ch-comment-author, .ch-theme a.ch-comment-author, .ch-theme .ch-post-time, .ch-theme a.ch-post-time, .ch-theme .ch-comment-date, .ch-theme a.ch-comment-date, .ch-theme .ch-repost-embed-header a, .ch-theme .ch-repost-embed-name, .ch-theme .ch-repost-embed-time, .ch-theme .ch-member-card-name, .ch-theme .ch-profile-name { color: var(--ch-theme-text, #111827) !important; text-decoration: none !important; } .ch-theme .ch-post-time, .ch-theme a.ch-post-time, .ch-theme .ch-comment-date, .ch-theme a.ch-comment-date, .ch-theme .ch-repost-embed-time { color: var(--ch-theme-muted, #667085) !important; } .ch-theme .ch-activity-content a, .ch-theme .ch-comment-content a, .ch-theme .ch-link-preview-card { color: var(--ch-theme-blue, #0080ff) !important; } .ch-user-badge { background: var(--ch-badge-color, var(--ch-theme-blue, #0080ff)) !important; color: var(--ch-badge-text-color, #ffffff) !important; } .ch-user-badge *, .ch-user-badge-label, .ch-user-badge-emoji, a.ch-user-badge, .ch-user-badge a { color: var(--ch-badge-text-color, #ffffff) !important; } body.ch-theme-dark .ch-comments, body.ch-theme-dark .ch-comments-wrap, body.ch-theme-dark .ch-comment-list, body.ch-theme-dark .ch-comment-thread, body.ch-theme-dark .ch-comment, body.ch-theme-dark .ch-comment-item, body.ch-theme-dark .ch-reply, body.ch-theme-dark .ch-reply-item, body.ch-theme-dark .ch-comment-card, body.ch-theme-dark .ch-reply-card { background: transparent !important; color: var(--ch-text, #f5f7fb) !important; } body.ch-theme-dark .ch-comment-body, body.ch-theme-dark .ch-comment-content, body.ch-theme-dark .ch-comment-text, body.ch-theme-dark .ch-reply-body, body.ch-theme-dark .ch-reply-content, body.ch-theme-dark .ch-reply-text { color: var(--ch-text, #f5f7fb) !important; } body.ch-theme-dark .ch-comment-inner, body.ch-theme-dark .ch-comment-main, body.ch-theme-dark .ch-reply-inner, body.ch-theme-dark .ch-reply-main { background: rgba(255, 255, 255, 0.045) !important; border: 1px solid rgba(255, 255, 255, 0.09) !important; color: var(--ch-text, #f5f7fb) !important; box-shadow: none !important; } body.ch-theme-dark .ch-comment-author, body.ch-theme-dark .ch-comment-author a, body.ch-theme-dark .ch-comment-name, body.ch-theme-dark .ch-comment-name a, body.ch-theme-dark .ch-reply-author, body.ch-theme-dark .ch-reply-author a, body.ch-theme-dark .ch-reply-name, body.ch-theme-dark .ch-reply-name a { color: var(--ch-text, #f5f7fb) !important; } body.ch-theme-dark .ch-comment-meta, body.ch-theme-dark .ch-comment-date, body.ch-theme-dark .ch-comment-time, body.ch-theme-dark .ch-comment-timestamp, body.ch-theme-dark .ch-reply-meta, body.ch-theme-dark .ch-reply-date, body.ch-theme-dark .ch-reply-time, body.ch-theme-dark .ch-reply-timestamp { color: rgba(245, 247, 251, 0.68) !important; } body.ch-theme-dark .ch-comment-actions, body.ch-theme-dark .ch-reply-actions { color: rgba(245, 247, 251, 0.72) !important; } body.ch-theme-dark .ch-comment-actions button, body.ch-theme-dark .ch-comment-actions a, body.ch-theme-dark .ch-reply-actions button, body.ch-theme-dark .ch-reply-actions a, body.ch-theme-dark .ch-comment-action, body.ch-theme-dark .ch-reply-action { background: transparent !important; color: rgba(245, 247, 251, 0.78) !important; border-color: transparent !important; box-shadow: none !important; } body.ch-theme-dark .ch-comment-actions button:hover, body.ch-theme-dark .ch-comment-actions a:hover, body.ch-theme-dark .ch-reply-actions button:hover, body.ch-theme-dark .ch-reply-actions a:hover, body.ch-theme-dark .ch-comment-action:hover, body.ch-theme-dark .ch-reply-action:hover { background: rgba(255, 255, 255, 0.08) !important; color: #ffffff !important; } body.ch-theme-dark .ch-comment-form, body.ch-theme-dark .ch-reply-form, body.ch-theme-dark .ch-js-reply-form, body.ch-theme-dark .ch-edit-form { background: rgba(255, 255, 255, 0.045) !important; border: 1px solid rgba(255, 255, 255, 0.09) !important; color: var(--ch-text, #f5f7fb) !important; } body.ch-theme-dark .ch-comment-form textarea, body.ch-theme-dark .ch-reply-form textarea, body.ch-theme-dark .ch-js-reply-form textarea, body.ch-theme-dark .ch-edit-form textarea, body.ch-theme-dark textarea.ch-comment-input, body.ch-theme-dark textarea.ch-reply-input { background: rgba(0, 0, 0, 0.25) !important; color: #f5f7fb !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; } body.ch-theme-dark .ch-comment-form textarea::placeholder, body.ch-theme-dark .ch-reply-form textarea::placeholder, body.ch-theme-dark .ch-js-reply-form textarea::placeholder, body.ch-theme-dark .ch-edit-form textarea::placeholder { color: rgba(245, 247, 251, 0.45) !important; } body.ch-theme-dark .ch-comment-submit, body.ch-theme-dark .ch-reply-submit, body.ch-theme-dark .ch-edit-submit, body.ch-theme-dark .ch-comment-form button[type="submit"], body.ch-theme-dark .ch-reply-form button[type="submit"], body.ch-theme-dark .ch-js-reply-form button[type="submit"] { background: var(--ch-accent, #2563eb) !important; color: #ffffff !important; border-color: transparent !important; } body.ch-theme-dark .ch-comment-menu, body.ch-theme-dark .ch-comment-menu-dropdown, body.ch-theme-dark .ch-comment-dropdown, body.ch-theme-dark .ch-reply-menu, body.ch-theme-dark .ch-reply-menu-dropdown { background: #111827 !important; color: #f5f7fb !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; box-shadow: 0 18px 45px rgba(0, 0, 0, 0.35) !important; } body.ch-theme-dark .ch-comment-menu button, body.ch-theme-dark .ch-comment-menu-dropdown button, body.ch-theme-dark .ch-comment-dropdown button, body.ch-theme-dark .ch-reply-menu button, body.ch-theme-dark .ch-reply-menu-dropdown button { color: #f5f7fb !important; background: transparent !important; } body.ch-theme-dark .ch-comment-menu button:hover, body.ch-theme-dark .ch-comment-menu-dropdown button:hover, body.ch-theme-dark .ch-comment-dropdown button:hover, body.ch-theme-dark .ch-reply-menu button:hover, body.ch-theme-dark .ch-reply-menu-dropdown button:hover { background: rgba(255, 255, 255, 0.08) !important; } body.ch-theme-dark .ch-comment-attachment, body.ch-theme-dark .ch-reply-attachment, body.ch-theme-dark .ch-comment-attachment-card { background: rgba(255, 255, 255, 0.055) !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; color: #f5f7fb !important; } body.ch-theme-dark .ch-comment-attachment a, body.ch-theme-dark .ch-reply-attachment a, body.ch-theme-dark .ch-comment-attachment-card a { color: #93c5fd !important; } body.ch-theme-dark .ch-profile-page, body.ch-theme-dark .ch-profile-shell, body.ch-theme-dark .ch-profile-content, body.ch-theme-dark .ch-profile-main, body.ch-theme-dark .ch-profile-card, body.ch-theme-dark .ch-profile-section, body.ch-theme-dark .ch-profile-tab-panel, body.ch-theme-dark .ch-profile-posts, body.ch-theme-dark .ch-profile-comments, body.ch-theme-dark .ch-profile-media, body.ch-theme-dark .ch-profile-about { background: transparent !important; color: #f5f7fb !important; } body.ch-theme-dark .ch-profile-nav, body.ch-theme-dark .ch-profile-subnav, body.ch-theme-dark .ch-profile-tabs, body.ch-theme-dark .ch-community-nav, body.ch-theme-dark .ch-community-page-nav, body.ch-theme-dark .ch-hub-nav, body.ch-theme-dark .ch-profile-community-nav { background: rgba(15, 23, 42, 0.92) !important; border: 1px solid rgba(148, 163, 184, 0.18) !important; box-shadow: 0 18px 45px rgba(0, 0, 0, 0.25) !important; color: #f5f7fb !important; } body.ch-theme-dark .ch-profile-nav a, body.ch-theme-dark .ch-profile-subnav a, body.ch-theme-dark .ch-profile-tabs a, body.ch-theme-dark .ch-community-nav a, body.ch-theme-dark .ch-community-page-nav a, body.ch-theme-dark .ch-hub-nav a, body.ch-theme-dark .ch-profile-community-nav a, body.ch-theme-dark .ch-profile-nav button, body.ch-theme-dark .ch-profile-subnav button, body.ch-theme-dark .ch-profile-tabs button, body.ch-theme-dark .ch-community-nav button, body.ch-theme-dark .ch-community-page-nav button, body.ch-theme-dark .ch-hub-nav button { background: rgba(255, 255, 255, 0.055) !important; border: 1px solid rgba(148, 163, 184, 0.16) !important; color: #dbeafe !important; box-shadow: none !important; } body.ch-theme-dark .ch-profile-nav a:hover, body.ch-theme-dark .ch-profile-subnav a:hover, body.ch-theme-dark .ch-profile-tabs a:hover, body.ch-theme-dark .ch-community-nav a:hover, body.ch-theme-dark .ch-community-page-nav a:hover, body.ch-theme-dark .ch-hub-nav a:hover, body.ch-theme-dark .ch-profile-nav button:hover, body.ch-theme-dark .ch-profile-subnav button:hover, body.ch-theme-dark .ch-profile-tabs button:hover, body.ch-theme-dark .ch-community-nav button:hover, body.ch-theme-dark .ch-community-page-nav button:hover, body.ch-theme-dark .ch-hub-nav button:hover { background: rgba(59, 130, 246, 0.18) !important; color: #ffffff !important; border-color: rgba(96, 165, 250, 0.35) !important; } body.ch-theme-dark .ch-profile-nav .active, body.ch-theme-dark .ch-profile-subnav .active, body.ch-theme-dark .ch-profile-tabs .active, body.ch-theme-dark .ch-community-nav .active, body.ch-theme-dark .ch-community-page-nav .active, body.ch-theme-dark .ch-hub-nav .active, body.ch-theme-dark .ch-profile-nav .is-active, body.ch-theme-dark .ch-profile-subnav .is-active, body.ch-theme-dark .ch-profile-tabs .is-active, body.ch-theme-dark .ch-community-nav .is-active, body.ch-theme-dark .ch-community-page-nav .is-active, body.ch-theme-dark .ch-hub-nav .is-active { background: #2563eb !important; color: #ffffff !important; border-color: #2563eb !important; } body.ch-theme-dark .ch-profile-section-title, body.ch-theme-dark .ch-profile-section-header, body.ch-theme-dark .ch-profile-feed-title, body.ch-theme-dark .ch-profile-posts-title, body.ch-theme-dark .ch-profile-tab-title, body.ch-theme-dark .ch-section-title, body.ch-theme-dark .ch-section-header { background: rgba(15, 23, 42, 0.92) !important; border: 1px solid rgba(148, 163, 184, 0.18) !important; color: #f8fafc !important; box-shadow: none !important; } body.ch-theme-dark .ch-profile-section-title h1, body.ch-theme-dark .ch-profile-section-title h2, body.ch-theme-dark .ch-profile-section-title h3, body.ch-theme-dark .ch-profile-section-header h1, body.ch-theme-dark .ch-profile-section-header h2, body.ch-theme-dark .ch-profile-section-header h3, body.ch-theme-dark .ch-section-title h1, body.ch-theme-dark .ch-section-title h2, body.ch-theme-dark .ch-section-title h3, body.ch-theme-dark .ch-section-header h1, body.ch-theme-dark .ch-section-header h2, body.ch-theme-dark .ch-section-header h3 { color: #f8fafc !important; } body.ch-theme-dark .ch-activity-card, body.ch-theme-dark .ch-profile-page .ch-activity-card, body.ch-theme-dark .ch-feed .ch-activity-card { background: rgba(15, 23, 42, 0.94) !important; border: 1px solid rgba(148, 163, 184, 0.18) !important; color: #f5f7fb !important; box-shadow: 0 18px 45px rgba(0, 0, 0, 0.22) !important; } body.ch-theme-dark .ch-activity-name, body.ch-theme-dark .ch-activity-name a, body.ch-theme-dark .ch-activity-author, body.ch-theme-dark .ch-activity-author a, body.ch-theme-dark .ch-activity-meta, body.ch-theme-dark .ch-activity-time, body.ch-theme-dark .ch-activity-time a, body.ch-theme-dark .ch-activity-date, body.ch-theme-dark .ch-activity-date a, body.ch-theme-dark .ch-activity-content, body.ch-theme-dark .ch-activity-content p { color: #f5f7fb !important; } body.ch-theme-dark .ch-activity-meta, body.ch-theme-dark .ch-activity-time, body.ch-theme-dark .ch-activity-time a, body.ch-theme-dark .ch-activity-date, body.ch-theme-dark .ch-activity-date a { color: rgba(245, 247, 251, 0.68) !important; } @media (min-width: 769px) { body.ch-theme-dark .ch-activity-actions { gap: 8px !important; justify-content: flex-start !important; } body.ch-theme-dark .ch-activity-actions button, body.ch-theme-dark .ch-activity-actions a, body.ch-theme-dark .ch-activity-action { background: transparent !important; color: rgba(245, 247, 251, 0.72) !important; border: 0 !important; box-shadow: none !important; padding: 7px 9px !important; } body.ch-theme-dark .ch-activity-actions button:hover, body.ch-theme-dark .ch-activity-actions a:hover, body.ch-theme-dark .ch-activity-action:hover { background: rgba(255, 255, 255, 0.075) !important; color: #ffffff !important; } } body.ch-theme-dark .ch-comments, body.ch-theme-dark .ch-comments-wrap, body.ch-theme-dark .ch-comment-list, body.ch-theme-dark .ch-comment-thread, body.ch-theme-dark .ch-comment, body.ch-theme-dark .ch-comment-item, body.ch-theme-dark .ch-comment-card, body.ch-theme-dark .ch-comment-inner, body.ch-theme-dark .ch-comment-main, body.ch-theme-dark .ch-reply, body.ch-theme-dark .ch-reply-item, body.ch-theme-dark .ch-reply-card, body.ch-theme-dark .ch-reply-inner, body.ch-theme-dark .ch-reply-main { background: rgba(15, 23, 42, 0.88) !important; border-color: rgba(148, 163, 184, 0.16) !important; color: #f5f7fb !important; box-shadow: none !important; } body.ch-theme-dark .ch-comment-body, body.ch-theme-dark .ch-comment-content, body.ch-theme-dark .ch-comment-text, body.ch-theme-dark .ch-comment-content p, body.ch-theme-dark .ch-reply-body, body.ch-theme-dark .ch-reply-content, body.ch-theme-dark .ch-reply-text, body.ch-theme-dark .ch-reply-content p { color: #f5f7fb !important; } body.ch-theme-dark .ch-comment-author, body.ch-theme-dark .ch-comment-author a, body.ch-theme-dark .ch-comment-name, body.ch-theme-dark .ch-comment-name a, body.ch-theme-dark .ch-reply-author, body.ch-theme-dark .ch-reply-author a, body.ch-theme-dark .ch-reply-name, body.ch-theme-dark .ch-reply-name a { color: #ffffff !important; } body.ch-theme-dark .ch-comment-meta, body.ch-theme-dark .ch-comment-date, body.ch-theme-dark .ch-comment-time, body.ch-theme-dark .ch-comment-timestamp, body.ch-theme-dark .ch-reply-meta, body.ch-theme-dark .ch-reply-date, body.ch-theme-dark .ch-reply-time, body.ch-theme-dark .ch-reply-timestamp { color: rgba(245, 247, 251, 0.62) !important; } body.ch-theme-dark .ch-comment-form, body.ch-theme-dark .ch-reply-form, body.ch-theme-dark .ch-js-reply-form, body.ch-theme-dark .ch-edit-form { background: rgba(15, 23, 42, 0.92) !important; border: 1px solid rgba(148, 163, 184, 0.18) !important; color: #f5f7fb !important; } body.ch-theme-dark .ch-comment-form textarea, body.ch-theme-dark .ch-reply-form textarea, body.ch-theme-dark .ch-js-reply-form textarea, body.ch-theme-dark .ch-edit-form textarea, body.ch-theme-dark textarea.ch-comment-input, body.ch-theme-dark textarea.ch-reply-input { background: rgba(2, 6, 23, 0.82) !important; color: #f5f7fb !important; border: 1px solid rgba(148, 163, 184, 0.22) !important; } body.ch-theme-dark .ch-comment-form textarea::placeholder, body.ch-theme-dark .ch-reply-form textarea::placeholder, body.ch-theme-dark .ch-js-reply-form textarea::placeholder, body.ch-theme-dark .ch-edit-form textarea::placeholder { color: rgba(245, 247, 251, 0.42) !important; } body.ch-theme-dark .ch-comment-menu, body.ch-theme-dark .ch-comment-menu-dropdown, body.ch-theme-dark .ch-comment-dropdown, body.ch-theme-dark .ch-reply-menu, body.ch-theme-dark .ch-reply-menu-dropdown { background: #111827 !important; border: 1px solid rgba(148, 163, 184, 0.18) !important; color: #f5f7fb !important; box-shadow: 0 18px 45px rgba(0, 0, 0, 0.35) !important; } body.ch-theme-dark .ch-comment-menu button, body.ch-theme-dark .ch-comment-menu-dropdown button, body.ch-theme-dark .ch-comment-dropdown button, body.ch-theme-dark .ch-reply-menu button, body.ch-theme-dark .ch-reply-menu-dropdown button { background: transparent !important; color: #f5f7fb !important; } body.ch-theme-dark .ch-comment-menu button:hover, body.ch-theme-dark .ch-comment-menu-dropdown button:hover, body.ch-theme-dark .ch-comment-dropdown button:hover, body.ch-theme-dark .ch-reply-menu button:hover, body.ch-theme-dark .ch-reply-menu-dropdown button:hover { background: rgba(255, 255, 255, 0.08) !important; color: #ffffff !important; } body.ch-theme-dark .item-list-tabs, body.ch-theme-dark .bp-navs, body.ch-theme-dark .bp-subnavs, body.ch-theme-dark .bp-wrap, body.ch-theme-dark .bp-profile-content, body.ch-theme-dark .bp-profile-wrapper, body.ch-theme-dark .youzify, body.ch-theme-dark .yz-profile, body.ch-theme-dark .yz-page, body.ch-theme-dark .yz-content { background: rgba(15, 23, 42, 0.92) !important; color: #f5f7fb !important; border-color: rgba(148, 163, 184, 0.18) !important; } body.ch-theme-dark .item-list-tabs a, body.ch-theme-dark .bp-navs a, body.ch-theme-dark .bp-subnavs a, body.ch-theme-dark .youzify a, body.ch-theme-dark .yz-profile a { color: #dbeafe !important; } body.ch-theme-dark .ch-comment-bubble, html.ch-theme-dark .ch-comment-bubble, body.ch-dark-mode .ch-comment-bubble, html.ch-dark-mode .ch-comment-bubble, body[data-theme="dark"] .ch-comment-bubble, html[data-theme="dark"] .ch-comment-bubble, body[data-color-mode="dark"] .ch-comment-bubble, html[data-color-mode="dark"] .ch-comment-bubble { background: red !important; color: white !important; } .ch-composer-content-options { margin: 10px 0 2px; } .ch-composer-explicit-option { display: flex; align-items: center; gap: 10px; padding: 9px 11px; border: 1px solid rgba(127,127,127,.22); border-radius: 10px; cursor: pointer; } .ch-composer-explicit-option input { margin: 0; } .ch-composer-explicit-mark, .ch-explicit-badge { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; padding: 3px 6px; border-radius: 6px; font-size: 11px; font-weight: 800; letter-spacing: .03em; background: rgba(180, 35, 35, .12); color: #b42323; } .ch-composer-explicit-copy { display: grid; gap: 1px; line-height: 1.2; } .ch-composer-explicit-copy small { opacity: .68; font-size: 12px; font-weight: 500; } .ch-explicit-content-shell { position: relative; } .ch-explicit-content-shell.is-protected { min-height: 148px; overflow: hidden; border-radius: 12px; background: rgba(127,127,127,.06); } .ch-explicit-content-shell.is-protected > .ch-explicit-content { filter: blur(18px); transform: scale(1.025); user-select: none; pointer-events: none; opacity: .7; } .ch-explicit-overlay { position: absolute; inset: 0; z-index: 3; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; padding: 24px; text-align: center; background: rgba(18,18,18,.16); backdrop-filter: blur(2px); } .ch-explicit-overlay strong { font-size: 16px; } .ch-explicit-overlay > span:not(.ch-explicit-badge) { font-size: 13px; opacity: .75; } .ch-explicit-reveal { margin-top: 3px; padding: 8px 14px; border: 0; border-radius: 999px; cursor: pointer; font-weight: 700; } .ch-explicit-content-shell.is-revealed > .ch-explicit-content { filter: none; transform: none; opacity: 1; user-select: auto; pointer-events: auto; } .ch-explicit-content-shell.is-revealed > .ch-explicit-overlay { display: none; } .ch-edit-explicit-option { display: inline-flex; align-items: center; gap: 7px; margin: 8px 0; font-size: 13px; font-weight: 650; } .ch-profile-legal-preferences{ margin-top:20px; padding-top:20px; border-top:1px solid rgba(127,127,127,.18); } .ch-profile-legal-head{margin-bottom:10px} .ch-profile-legal-head h4{margin:0 0 3px;font-size:16px} .ch-profile-legal-head p{margin:0;opacity:.7} .ch-profile-legal-grid{display:grid;gap:10px} .ch-profile-legal-item{ display:flex; align-items:center; justify-content:space-between; gap:18px; padding:14px; border:1px solid rgba(127,127,127,.18); border-radius:12px; } .ch-profile-legal-item p{margin:3px 0 0;opacity:.72;font-size:13px} .ch-profile-legal-item small{display:block;margin-top:4px;opacity:.62} @media(max-width:640px){ .ch-profile-legal-item{align-items:flex-start;flex-direction:column} .ch-profile-legal-item .ch-profile-settings-button{width:100%;text-align:center;box-sizing:border-box} } .ch-profile-settings-shell{ --ch-settings-bg:#ffffff; --ch-settings-bg-soft:#f8fafc; --ch-settings-bg-accent:#eff6ff; --ch-settings-border:#dbe3ec; --ch-settings-border-soft:#e5eaf0; --ch-settings-text:#111827; --ch-settings-muted:#64748b; --ch-settings-link:#1d4ed8; --ch-settings-primary:#2563eb; color:var(--ch-settings-text)!important; } .ch-profile-settings-shell [hidden]{display:none!important} .ch-profile-settings-nav, .ch-profile-settings-card, .ch-profile-privacy-field, .ch-profile-toggle-row, .ch-profile-account-field, .ch-profile-legal-item, .ch-profile-privacy-choice-card{ background:var(--ch-settings-bg)!important; border-color:var(--ch-settings-border)!important; color:var(--ch-settings-text)!important; } .ch-profile-settings-header h2, .ch-profile-settings-card h3, .ch-profile-settings-card h4, .ch-profile-settings-card strong, .ch-profile-settings-card label, .ch-profile-settings-card .ch-profile-account-field>span, .ch-profile-settings-card .ch-profile-privacy-field>span, .ch-profile-toggle-row strong, .ch-profile-legal-item strong, .ch-profile-privacy-choice-card strong{ color:var(--ch-settings-text)!important; } .ch-profile-settings-header p, .ch-profile-settings-card p, .ch-profile-settings-card small, .ch-profile-privacy-field small, .ch-profile-toggle-row small, .ch-profile-legal-item p, .ch-profile-legal-item small, .ch-profile-privacy-choice-card p{ color:var(--ch-settings-muted)!important; } .ch-profile-settings-nav-item{color:var(--ch-settings-muted)!important} .ch-profile-settings-nav-item:hover, .ch-profile-settings-nav-item.is-active{ background:var(--ch-settings-bg-accent)!important; color:var(--ch-settings-link)!important; } .ch-profile-settings-card input[type="text"], .ch-profile-settings-card input[type="email"], .ch-profile-settings-card input[type="password"], .ch-profile-settings-card select, .ch-profile-settings-card textarea{ background:var(--ch-settings-bg)!important; border-color:var(--ch-settings-border)!important; color:var(--ch-settings-text)!important; } .ch-profile-privacy-summary, .ch-profile-notifications-master{ background:var(--ch-settings-bg-accent)!important; border-color:var(--ch-settings-border)!important; } .ch-profile-settings-row, .ch-profile-settings-option, .ch-profile-settings-empty-mini{ background:var(--ch-settings-bg-soft)!important; border-color:var(--ch-settings-border-soft)!important; } .ch-profile-privacy-choice-card{ display:flex; align-items:center; justify-content:space-between; gap:18px; margin-top:16px; padding:14px; border:1px solid var(--ch-settings-border); border-radius:14px; } .ch-profile-privacy-choice-card p{margin:3px 0 0} .ch-profile-settings-button-secondary{ background:var(--ch-settings-bg)!important; color:var(--ch-settings-link)!important; border:1px solid var(--ch-settings-border)!important; box-shadow:none!important; } .ch-profile-legal-card{scroll-margin-top:24px} html[data-ch-theme-mode="dark"] .ch-profile-settings-shell, body.ch-theme-mode-dark .ch-profile-settings-shell{ --ch-settings-bg:#17191d; --ch-settings-bg-soft:#1d2025; --ch-settings-bg-accent:#182337; --ch-settings-border:#343942; --ch-settings-border-soft:#2b3038; --ch-settings-text:#f2f4f7; --ch-settings-muted:#aeb6c2; --ch-settings-link:#8cc7ff; --ch-settings-primary:#3b82f6; } html[data-ch-theme-mode="dark"] .ch-profile-settings-status, body.ch-theme-mode-dark .ch-profile-settings-status{ background:#20242a!important; border-color:#3a4049!important; color:#c8d0da!important; } html[data-ch-theme-mode="dark"] .ch-profile-settings-status.is-live, body.ch-theme-mode-dark .ch-profile-settings-status.is-live{ background:#112a23!important; border-color:#245e4e!important; color:#7ce0bb!important; } html[data-ch-theme-mode="dark"] .ch-profile-privacy-summary strong, body.ch-theme-mode-dark .ch-profile-privacy-summary strong{ color:#8cc7ff!important; } html[data-ch-theme-mode="dark"] .ch-profile-privacy-summary span, body.ch-theme-mode-dark .ch-profile-privacy-summary span{ color:#aeb6c2!important; } @media(max-width:760px){ .ch-profile-settings-shell{grid-template-columns:1fr!important} .ch-profile-settings-nav{ position:static!important; display:flex!important; overflow-x:auto; gap:6px; scrollbar-width:none; } .ch-profile-settings-nav::-webkit-scrollbar{display:none} .ch-profile-settings-nav-item{flex:0 0 auto;white-space:nowrap} .ch-profile-privacy-choice-card{align-items:flex-start;flex-direction:column} .ch-profile-privacy-choice-card .ch-profile-settings-button{width:100%} } .ch-media-lightbox-trigger{ display:block!important;width:100%!important;padding:0!important;margin:0!important;border:0!important; border-radius:inherit!important;background:transparent!important;background-image:none!important; box-shadow:none!important;cursor:zoom-in!important;appearance:none!important;-webkit-appearance:none!important; } .ch-media-lightbox-trigger img{display:block!important} .ch-media-lightbox[hidden]{display:none!important} .ch-media-lightbox{ position:fixed;inset:0;z-index:2147483600;display:grid;place-items:center;padding:22px; } .ch-media-lightbox-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.88);backdrop-filter:blur(5px)} .ch-media-lightbox-dialog{position:relative;z-index:1;display:grid;place-items:center;width:min(96vw,1600px);height:min(94vh,1200px)} .ch-media-lightbox-image{ display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:10px; box-shadow:0 20px 70px rgba(0,0,0,.5) } .ch-media-lightbox-close{ position:absolute!important;right:0!important;top:0!important;z-index:2!important;width:42px!important;height:42px!important; padding:0!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:999px!important; background:rgba(18,18,18,.82)!important;background-image:none!important;color:#fff!important;box-shadow:none!important; font-size:28px!important;line-height:1!important;cursor:pointer!important } body.ch-media-lightbox-open{overflow:hidden!important} .ch-inline-video{margin:10px 0 14px;overflow:hidden;border:1px solid #dbe3ec;border-radius:16px;background:#0b0d10} .ch-inline-video-stage{position:relative;aspect-ratio:16/9;display:grid;place-items:center;background:#0b0d10} .ch-inline-video-stage iframe{display:block;width:100%;height:100%;border:0} .ch-inline-video-consent{display:grid;place-items:center;gap:7px;padding:22px;text-align:center;color:#f8fafc} .ch-inline-video-consent span{font-size:13px;color:#cbd5e1} .ch-inline-video-load{ padding:9px 15px!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:999px!important; background:#fff!important;background-image:none!important;color:#111827!important;box-shadow:none!important;font-weight:800!important;cursor:pointer!important } .ch-inline-video-source{ display:block;padding:8px 12px;background:#11151a;color:#cbd5e1!important;font-size:11px;font-weight:750; text-align:right;text-decoration:none!important } .ch-comment-menu-toggle,.ch-comment-menu-dropdown button{ background-image:none!important;box-shadow:none!important;text-shadow:none!important;transform:none!important;appearance:none!important;-webkit-appearance:none!important } .ch-comment-menu-toggle{background:transparent!important;border:0!important;color:#64748b!important} .ch-comment-menu-toggle:hover,.ch-comment-menu-toggle:focus-visible{background:#f1f5f9!important;color:#111827!important} .ch-comment-menu-dropdown{background:#fff!important;color:#111827!important;border-color:#dbe3ec!important} .ch-comment-menu-dropdown button{background:transparent!important;color:#111827!important} .ch-comment-menu-dropdown button:hover,.ch-comment-menu-dropdown button:focus-visible{background:#f1f5f9!important;color:#111827!important} .ch-profile-settings-shell .ch-profile-settings-card, .ch-profile-settings-shell .ch-profile-settings-card *{border-color:var(--ch-settings-border)} .ch-profile-settings-shell .ch-profile-settings-card, .ch-profile-settings-shell .ch-profile-settings-card h1, .ch-profile-settings-shell .ch-profile-settings-card h2, .ch-profile-settings-shell .ch-profile-settings-card h3, .ch-profile-settings-shell .ch-profile-settings-card h4, .ch-profile-settings-shell .ch-profile-settings-card h5, .ch-profile-settings-shell .ch-profile-settings-card h6, .ch-profile-settings-shell .ch-profile-settings-card label, .ch-profile-settings-shell .ch-profile-settings-card strong, .ch-profile-settings-shell .ch-profile-settings-card legend{color:var(--ch-settings-text)!important} .ch-profile-settings-shell .ch-profile-settings-card p, .ch-profile-settings-shell .ch-profile-settings-card small, .ch-profile-settings-shell .ch-profile-settings-card .description, .ch-profile-settings-shell .ch-profile-settings-card .ch-profile-settings-help, .ch-profile-settings-shell .ch-profile-settings-card .ch-profile-settings-muted{color:var(--ch-settings-muted)!important} .ch-profile-settings-shell .ch-profile-settings-card a:not(.ch-profile-settings-button){color:var(--ch-settings-link)!important} .ch-profile-settings-shell .ch-profile-settings-card input, .ch-profile-settings-shell .ch-profile-settings-card select, .ch-profile-settings-shell .ch-profile-settings-card textarea{ background:var(--ch-settings-bg)!important;color:var(--ch-settings-text)!important;border-color:var(--ch-settings-border)!important } .ch-profile-settings-shell .ch-profile-settings-card input::placeholder, .ch-profile-settings-shell .ch-profile-settings-card textarea::placeholder{color:var(--ch-settings-muted)!important;opacity:.8} .ch-profile-settings-shell .ch-profile-settings-card option{background:var(--ch-settings-bg)!important;color:var(--ch-settings-text)!important} html[data-ch-theme-mode="dark"] .ch-comment-menu-toggle, body.ch-theme-mode-dark .ch-comment-menu-toggle{background:transparent!important;color:#aeb6c2!important} html[data-ch-theme-mode="dark"] .ch-comment-menu-toggle:hover, html[data-ch-theme-mode="dark"] .ch-comment-menu-toggle:focus-visible, body.ch-theme-mode-dark .ch-comment-menu-toggle:hover, body.ch-theme-mode-dark .ch-comment-menu-toggle:focus-visible{background:#252a31!important;color:#f8fafc!important} html[data-ch-theme-mode="dark"] .ch-comment-menu-dropdown, body.ch-theme-mode-dark .ch-comment-menu-dropdown{background:#17191d!important;border-color:#343942!important;color:#f2f4f7!important} html[data-ch-theme-mode="dark"] .ch-comment-menu-dropdown button, body.ch-theme-mode-dark .ch-comment-menu-dropdown button{background:transparent!important;color:#f2f4f7!important} html[data-ch-theme-mode="dark"] .ch-comment-menu-dropdown button:hover, html[data-ch-theme-mode="dark"] .ch-comment-menu-dropdown button:focus-visible, body.ch-theme-mode-dark .ch-comment-menu-dropdown button:hover, body.ch-theme-mode-dark .ch-comment-menu-dropdown button:focus-visible{background:#252a31!important;color:#fff!important} .ch-group-composer{ display:grid!important; gap:14px!important; padding:18px!important; } .ch-group-composer .ch-group-form-heading{ display:flex!important; align-items:center!important; gap:12px!important; margin:0!important; } .ch-group-composer .ch-group-form-heading img, .ch-group-composer .ch-group-form-heading .avatar{ flex:0 0 auto!important; width:44px!important; height:44px!important; border-radius:50%!important; } .ch-group-composer .ch-group-form-heading>div{ display:grid!important; gap:4px!important; min-width:0!important; } .ch-group-composer .ch-group-form-heading strong{ display:block!important; margin:0!important; color:var(--ch-settings-text,#111827)!important; font-size:15px!important; font-weight:850!important; line-height:1.2!important; } .ch-group-composer .ch-group-form-heading span{ display:block!important; margin:0!important; color:var(--ch-settings-muted,#64748b)!important; font-size:13px!important; line-height:1.35!important; } .ch-group-composer textarea{ display:block!important; width:100%!important; min-height:108px!important; margin:0!important; padding:13px 14px!important; box-sizing:border-box!important; resize:vertical!important; border:1px solid #dbe3ec!important; border-radius:14px!important; background:#ffffff!important; color:#111827!important; line-height:1.5!important; box-shadow:none!important; } .ch-group-composer textarea::placeholder{color:#7c8797!important} .ch-group-composer textarea:focus{ border-color:#60a5fa!important; box-shadow:0 0 0 3px rgba(37,99,235,.12)!important; outline:none!important; } .ch-group-composer .ch-group-form-actions{ display:flex!important; justify-content:flex-end!important; align-items:center!important; margin:0!important; } .ch-group-composer .ch-group-form-status{ min-height:0!important; margin:0!important; color:#64748b!important; font-size:12px!important; line-height:1.35!important; } html[data-ch-theme-mode="dark"] .ch-group-composer, body.ch-theme-mode-dark .ch-group-composer{ background:#17191d!important; border-color:#343942!important; color:#f3f4f6!important; } html[data-ch-theme-mode="dark"] .ch-group-composer .ch-group-form-heading strong, body.ch-theme-mode-dark .ch-group-composer .ch-group-form-heading strong{color:#f3f4f6!important} html[data-ch-theme-mode="dark"] .ch-group-composer .ch-group-form-heading span, html[data-ch-theme-mode="dark"] .ch-group-composer .ch-group-form-status, body.ch-theme-mode-dark .ch-group-composer .ch-group-form-heading span, body.ch-theme-mode-dark .ch-group-composer .ch-group-form-status{color:#aeb6c2!important} html[data-ch-theme-mode="dark"] .ch-group-composer textarea, body.ch-theme-mode-dark .ch-group-composer textarea{ background:#111318!important; border-color:#3a4049!important; color:#f3f4f6!important; } html[data-ch-theme-mode="dark"] .ch-group-composer textarea::placeholder, body.ch-theme-mode-dark .ch-group-composer textarea::placeholder{color:#8993a1!important} .ch-profile-badges-card .ch-profile-badges-shell-item, .ch-profile-badges-card .ch-profile-badges-live-preview, .ch-profile-badges-card .ch-profile-badges-info-grid>div{ background:var(--ch-settings-bg-soft)!important; border-color:var(--ch-settings-border)!important; color:var(--ch-settings-text)!important; } .ch-profile-badges-card .ch-profile-badges-shell-item>span, .ch-profile-badges-card .ch-profile-badges-info-grid span{ color:var(--ch-settings-muted)!important; -webkit-text-fill-color:var(--ch-settings-muted)!important; } .ch-profile-badges-card .ch-profile-badges-shell-item strong, .ch-profile-badges-card .ch-profile-badges-live-preview>strong, .ch-profile-badges-card .ch-profile-badges-info-grid strong{ color:var(--ch-settings-text)!important; -webkit-text-fill-color:var(--ch-settings-text)!important; } .ch-profile-badges-card .ch-profile-badges-live-preview{ background:var(--ch-settings-bg)!important; } .ch-single-post-header{ background:#ffffff!important; border-color:#dbe3ec!important; color:#111827!important; } .ch-single-post-header h1{ color:#111827!important; -webkit-text-fill-color:#111827!important; } .ch-single-post-back{ color:#1d4ed8!important; -webkit-text-fill-color:#1d4ed8!important; } .ch-single-post-back:hover, .ch-single-post-back:focus-visible{color:#1e40af!important} html[data-ch-theme-mode="dark"] .ch-single-post-header, body.ch-theme-mode-dark .ch-single-post-header{ background:#17191d!important; border-color:#343942!important; color:#f3f4f6!important; box-shadow:0 2px 8px rgba(0,0,0,.28)!important; } html[data-ch-theme-mode="dark"] .ch-single-post-header h1, body.ch-theme-mode-dark .ch-single-post-header h1{ color:#f3f4f6!important; -webkit-text-fill-color:#f3f4f6!important; } html[data-ch-theme-mode="dark"] .ch-single-post-back, body.ch-theme-mode-dark .ch-single-post-back{ color:#8cc7ff!important; -webkit-text-fill-color:#8cc7ff!important; } html[data-ch-theme-mode="dark"] .ch-single-post-back:hover, html[data-ch-theme-mode="dark"] .ch-single-post-back:focus-visible, body.ch-theme-mode-dark .ch-single-post-back:hover, body.ch-theme-mode-dark .ch-single-post-back:focus-visible{color:#b8ddff!important} .ch-post-menu-dropdown{ min-width:172px!important; padding:7px!important; border:1px solid #dbe3ec!important; border-radius:14px!important; background:#ffffff!important; background-image:none!important; color:#111827!important; box-shadow:0 14px 34px rgba(15,23,42,.16)!important; overflow:hidden!important; } .ch-post-menu-dropdown[hidden]{display:none!important} .ch-post-menu-dropdown button{ display:flex!important; align-items:center!important; width:100%!important; min-height:38px!important; margin:0!important; padding:9px 11px!important; border:0!important; border-radius:9px!important; background:transparent!important; background-image:none!important; box-shadow:none!important; text-shadow:none!important; transform:none!important; appearance:none!important; -webkit-appearance:none!important; color:#111827!important; font-size:13px!important; font-weight:700!important; line-height:1.2!important; text-align:left!important; cursor:pointer!important; } .ch-post-menu-dropdown button + button{ margin-top:2px!important; } .ch-post-menu-dropdown button:hover, .ch-post-menu-dropdown button:focus-visible{ background:#f1f5f9!important; background-image:none!important; color:#111827!important; box-shadow:none!important; outline:none!important; transform:none!important; } .ch-post-menu-dropdown .ch-post-delete{ color:#b42318!important; } .ch-post-menu-dropdown .ch-post-delete:hover, .ch-post-menu-dropdown .ch-post-delete:focus-visible{ background:#fff1f0!important; color:#b42318!important; } .ch-post-menu-dropdown .ch-post-report{ color:#7c2d12!important; } .ch-post-menu-dropdown .ch-post-report:hover, .ch-post-menu-dropdown .ch-post-report:focus-visible{ background:#fff7ed!important; color:#7c2d12!important; } html[data-ch-theme-mode="dark"] .ch-post-menu-dropdown, body.ch-theme-mode-dark .ch-post-menu-dropdown{ background:#17191d!important; border-color:#343942!important; color:#f3f4f6!important; box-shadow:0 16px 38px rgba(0,0,0,.4)!important; } html[data-ch-theme-mode="dark"] .ch-post-menu-dropdown button, body.ch-theme-mode-dark .ch-post-menu-dropdown button{ background:transparent!important; color:#f3f4f6!important; } html[data-ch-theme-mode="dark"] .ch-post-menu-dropdown button:hover, html[data-ch-theme-mode="dark"] .ch-post-menu-dropdown button:focus-visible, body.ch-theme-mode-dark .ch-post-menu-dropdown button:hover, body.ch-theme-mode-dark .ch-post-menu-dropdown button:focus-visible{ background:#252a31!important; color:#ffffff!important; } html[data-ch-theme-mode="dark"] .ch-post-menu-dropdown .ch-post-delete, body.ch-theme-mode-dark .ch-post-menu-dropdown .ch-post-delete{ color:#ff9b94!important; } html[data-ch-theme-mode="dark"] .ch-post-menu-dropdown .ch-post-delete:hover, html[data-ch-theme-mode="dark"] .ch-post-menu-dropdown .ch-post-delete:focus-visible, body.ch-theme-mode-dark .ch-post-menu-dropdown .ch-post-delete:hover, body.ch-theme-mode-dark .ch-post-menu-dropdown .ch-post-delete:focus-visible{ background:#351b1b!important; color:#ffb4ae!important; } html[data-ch-theme-mode="dark"] .ch-post-menu-dropdown .ch-post-report, body.ch-theme-mode-dark .ch-post-menu-dropdown .ch-post-report{ color:#fdba74!important; } html[data-ch-theme-mode="dark"] .ch-post-menu-dropdown .ch-post-report:hover, html[data-ch-theme-mode="dark"] .ch-post-menu-dropdown .ch-post-report:focus-visible, body.ch-theme-mode-dark .ch-post-menu-dropdown .ch-post-report:hover, body.ch-theme-mode-dark .ch-post-menu-dropdown .ch-post-report:focus-visible{ background:#342313!important; color:#fed7aa!important; } .ch-post-menu-dropdown, .ch-comment-menu-dropdown{ min-width:172px!important; padding:7px!important; border:1px solid #dbe3ec!important; border-radius:14px!important; background:#ffffff!important; background-image:none!important; color:#111827!important; box-shadow:0 14px 34px rgba(15,23,42,.16)!important; overflow:hidden!important; } .ch-post-menu-dropdown[hidden], .ch-comment-menu-dropdown[hidden]{ display:none!important; } .ch-post-menu-dropdown button, .ch-comment-menu-dropdown button{ display:flex!important; align-items:center!important; width:100%!important; min-height:38px!important; margin:0!important; padding:9px 11px!important; border:0!important; border-radius:9px!important; background:transparent!important; background-image:none!important; box-shadow:none!important; text-shadow:none!important; transform:none!important; appearance:none!important; -webkit-appearance:none!important; color:#111827!important; font-size:13px!important; font-weight:700!important; line-height:1.2!important; text-align:left!important; cursor:pointer!important; } .ch-post-menu-dropdown button + button, .ch-comment-menu-dropdown button + button{ margin-top:2px!important; } .ch-post-menu-dropdown button:hover, .ch-post-menu-dropdown button:focus-visible, .ch-comment-menu-dropdown button:hover, .ch-comment-menu-dropdown button:focus-visible{ background:#f1f5f9!important; background-image:none!important; color:#111827!important; box-shadow:none!important; outline:none!important; transform:none!important; } .ch-post-menu-dropdown .ch-post-delete, .ch-comment-menu-dropdown .ch-delete-comment{ color:#b42318!important; } .ch-post-menu-dropdown .ch-post-delete:hover, .ch-post-menu-dropdown .ch-post-delete:focus-visible, .ch-comment-menu-dropdown .ch-delete-comment:hover, .ch-comment-menu-dropdown .ch-delete-comment:focus-visible{ background:#fff1f0!important; color:#b42318!important; } .ch-post-menu-dropdown .ch-post-report, .ch-comment-menu-dropdown .ch-report-comment{ color:#7c2d12!important; } .ch-post-menu-dropdown .ch-post-report:hover, .ch-post-menu-dropdown .ch-post-report:focus-visible, .ch-comment-menu-dropdown .ch-report-comment:hover, .ch-comment-menu-dropdown .ch-report-comment:focus-visible{ background:#fff7ed!important; color:#7c2d12!important; } html[data-ch-theme-mode="dark"] .ch-post-menu-dropdown, html[data-ch-theme-mode="dark"] .ch-comment-menu-dropdown, body.ch-theme-mode-dark .ch-post-menu-dropdown, body.ch-theme-mode-dark .ch-comment-menu-dropdown{ background:#17191d!important; border-color:#343942!important; color:#f3f4f6!important; box-shadow:0 16px 38px rgba(0,0,0,.4)!important; } html[data-ch-theme-mode="dark"] .ch-post-menu-dropdown button, html[data-ch-theme-mode="dark"] .ch-comment-menu-dropdown button, body.ch-theme-mode-dark .ch-post-menu-dropdown button, body.ch-theme-mode-dark .ch-comment-menu-dropdown button{ background:transparent!important; color:#f3f4f6!important; } html[data-ch-theme-mode="dark"] .ch-post-menu-dropdown button:hover, html[data-ch-theme-mode="dark"] .ch-post-menu-dropdown button:focus-visible, html[data-ch-theme-mode="dark"] .ch-comment-menu-dropdown button:hover, html[data-ch-theme-mode="dark"] .ch-comment-menu-dropdown button:focus-visible, body.ch-theme-mode-dark .ch-post-menu-dropdown button:hover, body.ch-theme-mode-dark .ch-post-menu-dropdown button:focus-visible, body.ch-theme-mode-dark .ch-comment-menu-dropdown button:hover, body.ch-theme-mode-dark .ch-comment-menu-dropdown button:focus-visible{ background:#252a31!important; color:#ffffff!important; } html[data-ch-theme-mode="dark"] .ch-post-menu-dropdown .ch-post-delete, html[data-ch-theme-mode="dark"] .ch-comment-menu-dropdown .ch-delete-comment, body.ch-theme-mode-dark .ch-post-menu-dropdown .ch-post-delete, body.ch-theme-mode-dark .ch-comment-menu-dropdown .ch-delete-comment{ color:#ff9b94!important; } html[data-ch-theme-mode="dark"] .ch-post-menu-dropdown .ch-post-delete:hover, html[data-ch-theme-mode="dark"] .ch-post-menu-dropdown .ch-post-delete:focus-visible, html[data-ch-theme-mode="dark"] .ch-comment-menu-dropdown .ch-delete-comment:hover, html[data-ch-theme-mode="dark"] .ch-comment-menu-dropdown .ch-delete-comment:focus-visible, body.ch-theme-mode-dark .ch-post-menu-dropdown .ch-post-delete:hover, body.ch-theme-mode-dark .ch-post-menu-dropdown .ch-post-delete:focus-visible, body.ch-theme-mode-dark .ch-comment-menu-dropdown .ch-delete-comment:hover, body.ch-theme-mode-dark .ch-comment-menu-dropdown .ch-delete-comment:focus-visible{ background:#351b1b!important; color:#ffb4ae!important; } html[data-ch-theme-mode="dark"] .ch-post-menu-dropdown .ch-post-report, html[data-ch-theme-mode="dark"] .ch-comment-menu-dropdown .ch-report-comment, body.ch-theme-mode-dark .ch-post-menu-dropdown .ch-post-report, body.ch-theme-mode-dark .ch-comment-menu-dropdown .ch-report-comment{ color:#fdba74!important; } html[data-ch-theme-mode="dark"] .ch-post-menu-dropdown .ch-post-report:hover, html[data-ch-theme-mode="dark"] .ch-post-menu-dropdown .ch-post-report:focus-visible, html[data-ch-theme-mode="dark"] .ch-comment-menu-dropdown .ch-report-comment:hover, html[data-ch-theme-mode="dark"] .ch-comment-menu-dropdown .ch-report-comment:focus-visible, body.ch-theme-mode-dark .ch-post-menu-dropdown .ch-post-report:hover, body.ch-theme-mode-dark .ch-post-menu-dropdown .ch-post-report:focus-visible, body.ch-theme-mode-dark .ch-comment-menu-dropdown .ch-report-comment:hover, body.ch-theme-mode-dark .ch-comment-menu-dropdown .ch-report-comment:focus-visible{ background:#342313!important; color:#fed7aa!important; } .ch-composer-explicit-mark, .ch-explicit-badge, html[data-ch-theme-mode="dark"] .ch-composer-explicit-mark, html[data-ch-theme-mode="dark"] .ch-explicit-badge, body.ch-theme-mode-dark .ch-composer-explicit-mark, body.ch-theme-mode-dark .ch-explicit-badge{ background:rgba(180,35,35,.12)!important; background-image:none!important; color:#b42323!important; -webkit-text-fill-color:#b42323!important; border-color:transparent!important; box-shadow:none!important; } .ch-profile-post-autoload{ display:flex; align-items:center; justify-content:center; gap:10px; min-height:52px; margin:8px 0 2px; padding:10px; color:#64748b; font-size:12px; font-weight:700; text-align:center; } .ch-profile-post-retry{ min-height:34px!important; padding:7px 11px!important; border:1px solid #dbe3ec!important; border-radius:999px!important; background:#f8fafc!important; background-image:none!important; box-shadow:none!important; color:#1d4ed8!important; font-size:12px!important; font-weight:750!important; line-height:1.2!important; cursor:pointer!important; } .ch-profile-post-retry:hover, .ch-profile-post-retry:focus-visible{ background:#eff6ff!important; border-color:#bfdbfe!important; color:#1e40af!important; } html[data-ch-theme-mode="dark"] .ch-profile-post-autoload, body.ch-theme-mode-dark .ch-profile-post-autoload{ color:#aeb6c2; } html[data-ch-theme-mode="dark"] .ch-profile-post-retry, body.ch-theme-mode-dark .ch-profile-post-retry{ background:#20242a!important; border-color:#3a4049!important; color:#8cc7ff!important; } html[data-ch-theme-mode="dark"] .ch-profile-post-retry:hover, html[data-ch-theme-mode="dark"] .ch-profile-post-retry:focus-visible, body.ch-theme-mode-dark .ch-profile-post-retry:hover, body.ch-theme-mode-dark .ch-profile-post-retry:focus-visible{ background:#182337!important; border-color:#31577f!important; color:#b8ddff!important; } .ch-report-modal-open{overflow:hidden!important} .ch-report-modal{position:fixed;inset:0;z-index:2147483550;display:flex;align-items:center;justify-content:center;padding:18px} .ch-report-modal-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.66);backdrop-filter:blur(3px)} .ch-report-modal-dialog{position:relative;z-index:1;width:min(520px,100%);padding:22px;border:1px solid #dbe3ec;border-radius:18px;background:#fff;color:#111827;box-shadow:0 24px 70px rgba(15,23,42,.32)} .ch-report-modal-dialog h2{margin:3px 34px 8px 0;font-size:22px;line-height:1.2} .ch-report-modal-dialog p{margin:0 0 16px;color:#64748b;line-height:1.5} .ch-report-modal-kicker{display:inline-flex;padding:4px 9px;border-radius:999px;background:#fff7ed;color:#9a3412;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em} .ch-report-modal-x{position:absolute!important;top:12px;right:12px;width:34px!important;height:34px!important;padding:0!important;border:0!important;border-radius:50%!important;background:#f1f5f9!important;color:#334155!important;box-shadow:none!important;font-size:22px!important;line-height:1!important;cursor:pointer!important} .ch-report-field{display:grid;gap:6px;margin:12px 0} .ch-report-field>span{font-size:13px;font-weight:800;color:#334155} .ch-report-field small{font-weight:600;color:#94a3b8} .ch-report-field select,.ch-report-field textarea{width:100%;border:1px solid #cbd5e1!important;border-radius:10px!important;background:#fff!important;color:#111827!important;padding:10px 11px!important;box-shadow:none!important} .ch-report-field textarea{resize:vertical;min-height:96px} .ch-report-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px} .ch-report-cancel,.ch-report-submit{min-height:38px!important;padding:8px 13px!important;border-radius:999px!important;font-size:13px!important;font-weight:800!important;box-shadow:none!important;cursor:pointer!important} .ch-report-cancel{border:1px solid #cbd5e1!important;background:#fff!important;color:#334155!important} .ch-report-submit{border:1px solid #b91c1c!important;background:#b91c1c!important;color:#fff!important} .ch-report-submit:disabled{opacity:.65;cursor:wait!important} .ch-report-modal-status{margin-top:12px;padding:9px 11px;border-radius:10px;background:#fff1f2;color:#9f1239;font-size:13px;font-weight:700} .ch-report-modal-status.is-success{background:#ecfdf5;color:#047857} .ch-explicit-content-shell.is-system-flagged{border:1px solid rgba(220,38,38,.34);border-radius:14px;overflow:hidden} .ch-system-flag-overlay{background:linear-gradient(145deg,rgba(69,10,10,.92),rgba(24,24,27,.94))!important;color:#fff!important} .ch-system-flag-overlay>span:not(.ch-system-flag-badge){color:#fecaca!important} .ch-system-flag-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:999px;background:#dc2626!important;color:#fff!important;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.035em} .ch-system-flag-overlay .ch-explicit-reveal{background:#fff!important;color:#991b1b!important;border-color:#fecaca!important} .ch-moderation-removed-tombstone{margin:12px 0;padding:18px;border:1px dashed #ef4444;border-radius:14px;background:#fff7f7;color:#7f1d1d;display:grid;gap:7px} .ch-moderation-removed-badge{display:inline-flex;width:max-content;padding:4px 9px;border-radius:999px;background:#991b1b;color:#fff;font-size:11px;font-weight:900;text-transform:uppercase} .ch-moderation-removed-reason{font-weight:700;color:#991b1b} .ch-moderation-removed-note{font-size:12px;color:#b45353} html[data-ch-theme-mode="dark"] .ch-report-modal-dialog,body.ch-theme-mode-dark .ch-report-modal-dialog{background:#17191d;border-color:#343942;color:#f3f4f6} html[data-ch-theme-mode="dark"] .ch-report-modal-dialog p,body.ch-theme-mode-dark .ch-report-modal-dialog p{color:#aeb6c2} html[data-ch-theme-mode="dark"] .ch-report-field>span,body.ch-theme-mode-dark .ch-report-field>span{color:#e5e7eb} html[data-ch-theme-mode="dark"] .ch-report-field select,html[data-ch-theme-mode="dark"] .ch-report-field textarea,body.ch-theme-mode-dark .ch-report-field select,body.ch-theme-mode-dark .ch-report-field textarea{background:#20242a!important;border-color:#3a4049!important;color:#f9fafb!important} html[data-ch-theme-mode="dark"] .ch-report-cancel,body.ch-theme-mode-dark .ch-report-cancel{background:#20242a!important;border-color:#3a4049!important;color:#e5e7eb!important} html[data-ch-theme-mode="dark"] .ch-moderation-removed-tombstone,body.ch-theme-mode-dark .ch-moderation-removed-tombstone{background:#2a1719;border-color:#7f1d1d;color:#fecaca} html[data-ch-theme-mode="dark"] .ch-moderation-removed-reason,body.ch-theme-mode-dark .ch-moderation-removed-reason{color:#fca5a5} html[data-ch-theme-mode="dark"] .ch-moderation-removed-note,body.ch-theme-mode-dark .ch-moderation-removed-note{color:#d49a9a} .ch-comment-removed-tombstone{display:grid;gap:5px;margin:8px 0;padding:10px 12px;border:1px dashed #dc2626;border-radius:10px;background:#fff7f7;color:#991b1b;font-size:13px}.ch-moderation-appeal-toggle,.ch-moderation-appeal-actions button{width:max-content!important;min-height:36px!important;padding:7px 12px!important;border-radius:999px!important;font-size:12px!important;font-weight:800!important}.ch-moderation-appeal-toggle,.ch-moderation-appeal-actions [data-ch-appeal-submit]{border:1px solid #991b1b!important;background:#991b1b!important;color:#fff!important}.ch-moderation-appeal-form{display:grid;gap:10px;margin-top:8px;padding-top:10px;border-top:1px solid rgba(153,27,27,.22)}.ch-moderation-appeal-form label{display:grid;gap:6px;font-size:12px;font-weight:700}.ch-moderation-appeal-form textarea{width:100%;min-height:96px;padding:10px;border:1px solid #fecaca;border-radius:10px;background:#fff;color:#111827;resize:vertical}.ch-moderation-appeal-actions{display:flex;gap:8px;flex-wrap:wrap}.ch-moderation-appeal-actions [data-ch-appeal-cancel]{border:1px solid #cbd5e1!important;background:#fff!important;color:#334155!important}.ch-moderation-appeal-state,.ch-moderation-appeal-response{display:block;font-size:12px;font-weight:700}.ch-moderation-appeal-state.is-pending{color:#92400e}.ch-moderation-appeal-state.is-rejected{color:#991b1b}.ch-moderation-appeal-response{padding:8px 10px;border-radius:8px;background:rgba(153,27,27,.06);color:#7f1d1d}html[data-ch-theme-mode="dark"] .ch-comment-removed-tombstone,body.ch-theme-mode-dark .ch-comment-removed-tombstone{background:#2a1719;border-color:#7f1d1d;color:#fecaca}html[data-ch-theme-mode="dark"] .ch-moderation-appeal-form textarea,body.ch-theme-mode-dark .ch-moderation-appeal-form textarea{background:#20242a;border-color:#7f1d1d;color:#f9fafb} .ch-inline-video-stage{position:relative!important;display:block!important;aspect-ratio:16/9;overflow:hidden;background:#080b10!important}.ch-inline-video-poster,.ch-inline-video-poster-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ch-inline-video-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.3))}.ch-inline-video-load{position:absolute!important;inset:0!important;z-index:2!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;width:100%!important;height:100%!important;border:0!important;border-radius:0!important;background:transparent!important;color:#fff!important;box-shadow:none!important}.ch-inline-video-play-icon{width:62px;height:62px}.ch-inline-video-play-icon svg{width:100%;height:100%}.ch-inline-video-play-icon circle{fill:rgba(8,10,14,.84);stroke:#fff;stroke-width:2}.ch-inline-video-play-icon path{fill:#fff}.ch-inline-video-play-copy{display:grid;gap:3px;max-width:70%;padding:8px 10px;border-radius:10px;background:rgba(8,10,14,.58)}.ch-inline-video-play-copy strong{color:#fff!important}.ch-inline-video-play-copy small{color:#e2e8f0!important}.ch-inline-video-stage iframe{position:absolute;inset:0;z-index:4;width:100%;height:100%;border:0} .ch-composer-poll-tools{margin-top:9px}.ch-composer-poll-toggle,.ch-poll-add-option{min-height:36px!important;padding:7px 11px!important;border:1px solid #dbe3ec!important;border-radius:999px!important;background:#fff!important;color:#334155!important;box-shadow:none!important}.ch-composer-poll-builder{margin-top:9px;padding:13px;border:1px solid #dbe3ec;border-radius:13px;background:#f8fafc}.ch-composer-poll-builder-head{display:flex;justify-content:space-between}.ch-composer-poll-builder label{display:grid;gap:5px;margin:8px 0}.ch-composer-poll-builder input{width:100%;min-height:39px;padding:8px 10px;border:1px solid #cbd5e1;border-radius:9px}.ch-poll-option-inputs{display:grid;gap:7px}.ch-poll{margin:12px 0;padding:15px;border:1px solid #dbe3ec;border-radius:15px;background:#fff}.ch-poll-head{display:grid;gap:5px;margin-bottom:11px}.ch-poll-kicker{width:max-content;padding:4px 8px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:10px;font-weight:900}.ch-poll-options{display:grid;gap:7px}.ch-poll-option{position:relative!important;isolation:isolate!important;display:flex!important;justify-content:space-between!important;width:100%!important;min-height:44px!important;padding:9px 12px!important;overflow:hidden!important;border:1px solid #cbd5e1!important;border-radius:10px!important;background:#fff!important;color:#1f2937!important;box-shadow:none!important}.ch-poll-option-progress{position:absolute;inset:0 auto 0 0;z-index:-1;width:var(--ch-poll-percent);background:#eff6ff}.ch-poll-meta{display:flex;gap:10px;margin-top:10px;color:#64748b;font-size:11px;font-weight:700} .ch-repost-combo-button.is-reposted{color:#1677d2!important;font-weight:800!important}html[data-ch-theme-mode="dark"] .ch-repost-combo-button.is-reposted,body.ch-theme-mode-dark .ch-repost-combo-button.is-reposted{color:#72b7ff!important}.ch-inline-video-load{background:transparent!important}.ch-inline-video-load:hover,.ch-inline-video-load:focus-visible{background:rgba(0,0,0,.025)!important}.ch-inline-video-play-copy,.ch-inline-video-shade{display:none!important}.ch-inline-video-play-icon{width:66px!important;height:66px!important;filter:drop-shadow(0 7px 20px rgba(0,0,0,.45));transition:transform .16s ease}.ch-inline-video-load:hover .ch-inline-video-play-icon{transform:scale(1.06)}.ch-inline-video-play-icon circle{fill:rgba(0,0,0,.68)!important;stroke:#fff!important;stroke-width:2.2!important}.ch-composer-poll-tools{margin:0!important}.ch-composer-poll-builder{margin:10px 0 5px!important;padding:15px!important;border:1px solid #d8e1ec!important;border-radius:14px!important;background:#f8fafc!important;box-shadow:0 8px 22px rgba(15,23,42,.05)!important}.ch-composer-poll-builder-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:0 0 12px!important}.ch-composer-poll-builder label{margin:0 0 10px!important}.ch-poll-option-inputs{display:grid!important;gap:8px!important;margin-bottom:10px!important}.ch-poll-add-option{margin:0!important}.ch-composer-poll-builder>small{display:block!important;margin:9px 0 0!important;line-height:1.35!important}.ch-composer-actions .ch-composer-poll-toggle{display:inline-flex!important;align-items:center!important;gap:6px!important;min-height:36px!important;padding:7px 11px!important;border:1px solid #dbe3ec!important;border-radius:999px!important;background:#fff!important;color:#334155!important;box-shadow:none!important;font-size:12px!important;font-weight:800!important}.ch-composer-actions .ch-composer-poll-toggle[aria-expanded="true"]{border-color:#93c5fd!important;background:#eff6ff!important;color:#1d4ed8!important}html[data-ch-theme-mode="dark"] .ch-composer-poll-builder,body.ch-theme-mode-dark .ch-composer-poll-builder{background:#17191d!important;border-color:#343942!important} .ch-notification-bell--panel-only{position:static!important} .ch-notification-bell--panel-only>.ch-notification-button--panel-proxy{ position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important; clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important; opacity:0!important;pointer-events:none!important } .ch-notification-dropdown-footer{padding:9px 10px 10px;border-top:1px solid #e5e7eb;background:#fff} .ch-notification-view-all{ display:flex!important;align-items:center!important;justify-content:center!important;min-height:36px; padding:7px 11px!important;border-radius:9px!important;background:#f1f5f9;color:#1f2937!important; font-size:12px!important;font-weight:800!important;text-decoration:none!important } .ch-notification-view-all:hover,.ch-notification-view-all:focus-visible{background:#e7eef7;color:#111827!important;outline:none!important} html[data-ch-theme-mode="dark"] .ch-notification-dropdown-footer,body.ch-theme-mode-dark .ch-notification-dropdown-footer{background:#17191d;border-color:#343942} html[data-ch-theme-mode="dark"] .ch-notification-view-all,body.ch-theme-mode-dark .ch-notification-view-all{background:#242931;color:#f3f4f6!important} .ch-composer-destination{display:flex;align-items:center;gap:8px;margin:8px 0;color:#64748b;font-size:11px;font-weight:800}.ch-composer-destination select{min-height:34px;padding:5px 28px 5px 9px;border:1px solid #dbe3ec;border-radius:999px}.ch-quick-preview-heading{display:flex;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #e5e7eb}.ch-quick-preview-messages-app{height:min(440px,62vh);overflow:hidden}.ch-quick-preview-cart{max-height:380px;overflow:auto;padding:10px 14px}.ch-quick-preview-shop-link{display:inline-flex;margin:0 14px 12px}.ch-quick-preview-empty{display:grid;gap:8px;padding:16px} .ch-composer-actions{ display:flex!important; align-items:center!important; flex-wrap:wrap!important; gap:8px!important; } .ch-composer-actions .ch-composer-upload{order:10!important} .ch-composer-actions .ch-gif-picker-button{order:20!important} .ch-composer-actions .ch-composer-poll-toggle{order:30!important} .ch-composer-actions .ch-composer-submit{ order:100!important; margin-left:auto!important; } .ch-repost-embed--removed .ch-repost-missing{ display:grid; gap:5px; padding:14px; border:1px solid #f0b7b7; border-radius:11px; background:#fff5f5; color:#7f1d1d; } html[data-ch-theme-mode="dark"] .ch-repost-embed--removed .ch-repost-missing, body.ch-theme-mode-dark .ch-repost-embed--removed .ch-repost-missing{ background:#2a1719; border-color:#66363b; color:#fecaca; } .ch-composer-actions{display:flex!important;align-items:center!important;flex-wrap:wrap!important;justify-content:flex-start!important;gap:10px!important} .ch-composer-actions .ch-composer-submit{order:5!important;margin-left:0!important} .ch-composer-actions .ch-composer-upload{order:10!important} .ch-composer-actions .ch-gif-picker-button{order:20!important} .ch-composer-actions .ch-composer-poll-toggle{order:30!important} .ch-bookmarks-header{flex-wrap:wrap!important} .ch-bookmarks-header>div:first-child{flex:1 1 260px!important;min-width:0!important} .ch-bookmarks-count{display:grid!important;align-content:center!important;justify-items:center!important;min-width:128px!important} .ch-bookmarks-empty.ch-empty-state, .ch-bookmarks-empty.ch-empty-state h2, .ch-bookmarks-empty.ch-empty-state p{color:inherit!important} .ch-bookmarks-empty.ch-empty-state .ch-button, .ch-bookmarks-empty.ch-empty-state .ch-button-primary{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;padding:11px 16px!important;border-radius:12px!important;font-weight:900!important;text-decoration:none!important} .ch-bookmarks-empty.ch-empty-state .ch-button-primary{background:#2563eb!important;border:1px solid #2563eb!important;color:#fff!important;box-shadow:0 10px 22px rgba(37,99,235,.18)!important} .ch-bookmarks-empty.ch-empty-state .ch-button-primary:hover,.ch-bookmarks-empty.ch-empty-state .ch-button-primary:focus-visible{background:#1d4ed8!important;border-color:#1d4ed8!important;color:#fff!important} @media(max-width:720px){.ch-bookmarks-header{display:grid!important;grid-template-columns:minmax(0,1fr)!important}.ch-bookmarks-count{width:100%!important;min-width:0!important}.ch-bookmarks-count span{font-size:24px!important;line-height:1!important}.ch-bookmarks-count small{font-size:11px!important;line-height:1.2!important}} .ch-poll{background:#fff!important;border:1px solid #dbe3ec!important;color:#0f172a!important} .ch-poll-head,.ch-poll-question,.ch-poll-option-text,.ch-poll-option-result{color:#0f172a!important} .ch-poll-meta{color:#64748b!important} .ch-poll-option{background:#fff!important;border-color:#cbd5e1!important;color:#0f172a!important} .ch-poll-option-progress{background:#eaf2ff!important} .ch-poll-option.is-selected{border-color:#93c5fd!important;box-shadow:inset 0 0 0 1px #93c5fd!important} html[data-ch-theme-mode="dark"] .ch-bookmarks-header, html[data-ch-theme-mode="dark"] .ch-bookmarks-empty, html[data-ch-theme-mode="dark"] .ch-saved-route-page, body.ch-theme-mode-dark .ch-bookmarks-header, body.ch-theme-mode-dark .ch-bookmarks-empty, body.ch-theme-mode-dark .ch-saved-route-page{background:#0f172a!important;color:#e5eefb!important} html[data-ch-theme-mode="dark"] .ch-bookmarks-header, html[data-ch-theme-mode="dark"] .ch-bookmarks-empty, body.ch-theme-mode-dark .ch-bookmarks-header, body.ch-theme-mode-dark .ch-bookmarks-empty{border-color:#334155!important;box-shadow:0 12px 35px rgba(0,0,0,.35)!important} html[data-ch-theme-mode="dark"] .ch-bookmarks-header h1, html[data-ch-theme-mode="dark"] .ch-bookmarks-header h2, html[data-ch-theme-mode="dark"] .ch-empty-state h2, html[data-ch-theme-mode="dark"] .ch-bookmarks-empty h2, body.ch-theme-mode-dark .ch-bookmarks-header h1, body.ch-theme-mode-dark .ch-bookmarks-header h2, body.ch-theme-mode-dark .ch-empty-state h2, body.ch-theme-mode-dark .ch-bookmarks-empty h2{color:#f8fafc!important} html[data-ch-theme-mode="dark"] .ch-bookmarks-header p, html[data-ch-theme-mode="dark"] .ch-empty-state p, html[data-ch-theme-mode="dark"] .ch-bookmarks-empty p, body.ch-theme-mode-dark .ch-bookmarks-header p, body.ch-theme-mode-dark .ch-empty-state p, body.ch-theme-mode-dark .ch-bookmarks-empty p{color:#cbd5e1!important} html[data-ch-theme-mode="dark"] .ch-bookmarks-count,body.ch-theme-mode-dark .ch-bookmarks-count{background:linear-gradient(180deg,#13233f,#0f172a)!important;border-color:#335b9f!important;color:#bfdbfe!important} html[data-ch-theme-mode="dark"] .ch-bookmarks-count span,body.ch-theme-mode-dark .ch-bookmarks-count span{color:#fff!important} html[data-ch-theme-mode="dark"] .ch-bookmarks-count small,body.ch-theme-mode-dark .ch-bookmarks-count small{color:#cfe0ff!important} html[data-ch-theme-mode="dark"] .ch-poll,body.ch-theme-mode-dark .ch-poll{background:#111827!important;border-color:#334155!important;color:#e5eefb!important} html[data-ch-theme-mode="dark"] .ch-poll-kicker,body.ch-theme-mode-dark .ch-poll-kicker{background:#1e3a8a!important;color:#dbeafe!important} html[data-ch-theme-mode="dark"] .ch-poll-head, html[data-ch-theme-mode="dark"] .ch-poll-question, html[data-ch-theme-mode="dark"] .ch-poll-option-text, html[data-ch-theme-mode="dark"] .ch-poll-option-result, body.ch-theme-mode-dark .ch-poll-head, body.ch-theme-mode-dark .ch-poll-question, body.ch-theme-mode-dark .ch-poll-option-text, body.ch-theme-mode-dark .ch-poll-option-result{color:#f8fafc!important} html[data-ch-theme-mode="dark"] .ch-poll-meta,body.ch-theme-mode-dark .ch-poll-meta{color:#cbd5e1!important} html[data-ch-theme-mode="dark"] .ch-poll-option,body.ch-theme-mode-dark .ch-poll-option{background:#0f172a!important;border-color:#334155!important;color:#f8fafc!important} html[data-ch-theme-mode="dark"] .ch-poll-option-progress,body.ch-theme-mode-dark .ch-poll-option-progress{background:rgba(59,130,246,.22)!important} html[data-ch-theme-mode="dark"] .ch-composer-poll-builder,body.ch-theme-mode-dark .ch-composer-poll-builder{background:#111827!important;border-color:#334155!important;color:#e5eefb!important} html[data-ch-theme-mode="dark"] .ch-composer-poll-builder input,body.ch-theme-mode-dark .ch-composer-poll-builder input{background:#0f172a!important;border-color:#334155!important;color:#f8fafc!important} html[data-ch-theme-mode="dark"] .ch-composer-actions .ch-composer-upload, html[data-ch-theme-mode="dark"] .ch-composer-actions .ch-gif-picker-button, html[data-ch-theme-mode="dark"] .ch-composer-actions .ch-composer-poll-toggle, body.ch-theme-mode-dark .ch-composer-actions .ch-composer-upload, body.ch-theme-mode-dark .ch-composer-actions .ch-gif-picker-button, body.ch-theme-mode-dark .ch-composer-actions .ch-composer-poll-toggle{background:#0f172a!important;border-color:#334155!important;color:#e5eefb!important} .ch-composer-actions{display:flex!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:wrap!important;gap:10px!important} .ch-composer-actions .ch-composer-submit{order:10!important;margin:0!important} .ch-composer-actions .ch-composer-upload{order:20!important;margin:0!important} .ch-composer-actions .ch-gif-picker-button{order:30!important;margin:0!important} .ch-composer-actions .ch-composer-poll-toggle{order:40!important;margin:0!important} nn/**/n.ch-inline-video--recovered{margin:10px 0 0;border:1px solid #dbe3ec;border-radius:14px;overflow:hidden;background:#080b10}n.ch-inline-video--recovered .ch-inline-video-stage{position:relative;aspect-ratio:16/9;background:#080b10}n.ch-inline-video--recovered iframe{position:absolute;inset:0;width:100%;height:100%;border:0}n .ch-composer-actions{ display:flex!important; align-items:center!important; justify-content:flex-start!important; flex-wrap:wrap!important; gap:8px!important; } .ch-composer-actions .ch-composer-submit{ order:1!important; min-width:82px!important; min-height:40px!important; margin:0!important; padding:0 18px!important; border:1px solid #1679ef!important; border-radius:12px!important; background:linear-gradient(180deg,#168fff 0%,#0877e8 100%)!important; color:#fff!important; font-size:13px!important; font-weight:900!important; box-shadow:0 8px 18px rgba(0,119,232,.24)!important; } .ch-composer-actions .ch-composer-upload{order:10!important} .ch-composer-actions .ch-gif-picker-button{order:20!important} .ch-composer-actions .ch-composer-poll-toggle{order:30!important} .ch-composer-actions .ch-composer-upload, .ch-composer-actions .ch-gif-picker-button, .ch-composer-actions .ch-composer-poll-toggle{ min-height:36px!important; padding:0 13px!important; border:1px solid #cbd5e1!important; border-radius:11px!important; background:#fff!important; color:#334155!important; font-size:12px!important; font-weight:800!important; box-shadow:none!important; } .ch-composer-actions .ch-composer-upload:hover, .ch-composer-actions .ch-gif-picker-button:hover, .ch-composer-actions .ch-composer-poll-toggle:hover{ border-color:#94a3b8!important; background:#f8fafc!important; } html[data-ch-theme-mode="dark"] .ch-composer-actions .ch-composer-upload, html[data-ch-theme-mode="dark"] .ch-composer-actions .ch-gif-picker-button, html[data-ch-theme-mode="dark"] .ch-composer-actions .ch-composer-poll-toggle, body.ch-theme-mode-dark .ch-composer-actions .ch-composer-upload, body.ch-theme-mode-dark .ch-composer-actions .ch-gif-picker-button, body.ch-theme-mode-dark .ch-composer-actions .ch-composer-poll-toggle{ background:#111827!important; border-color:#334155!important; color:#dbe7f5!important; } .ch-suggestion-form{display:grid;gap:14px}.ch-suggestion-form label{display:grid;gap:7px;font-weight:800}.ch-suggestion-form input,.ch-suggestion-form textarea{width:100%;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:12px;padding:11px 12px;background:#fff;color:#0f172a}.ch-blog-activity-featured{display:block;width:100%;height:auto;max-height:420px;object-fit:cover;border-radius:12px;margin:0 0 12px}html[data-ch-theme-mode="dark"] .ch-suggestion-form input,html[data-ch-theme-mode="dark"] .ch-suggestion-form textarea,body.ch-theme-mode-dark .ch-suggestion-form input,body.ch-theme-mode-dark .ch-suggestion-form textarea{background:#0f172a;border-color:#334155;color:#f8fafc} .ch-inline-video-meta{display:grid;gap:2px;padding:10px 12px 12px;background:var(--ch-card-bg,#fff);border-top:1px solid rgba(148,163,184,.22);color:var(--ch-text,#111827)} .ch-inline-video-meta strong{font-size:13px;line-height:1.35;color:inherit}.ch-inline-video-meta span{font-size:11px;color:#64748b} html[data-ch-theme-mode="dark"] .ch-inline-video-meta,body.ch-theme-mode-dark .ch-inline-video-meta{background:#111827;color:#f8fafc;border-color:#334155}html[data-ch-theme-mode="dark"] .ch-inline-video-meta span,body.ch-theme-mode-dark .ch-inline-video-meta span{color:#cbd5e1} .ch-social-embed{width:100%;max-width:100%;margin-top:10px;overflow:hidden;border:1px solid rgba(148,163,184,.26);border-radius:14px;background:#fff;color:#111827} .ch-social-embed-placeholder{display:grid;gap:4px;padding:16px}.ch-social-embed-placeholder strong{font-size:14px}.ch-social-embed-placeholder span{font-size:12px;color:#64748b}.ch-social-embed iframe{display:block;width:100%;min-height:420px;border:0}.ch-social-embed--tiktok{max-width:600px;margin-left:auto;margin-right:auto}.ch-social-embed--tiktok iframe{min-height:720px} html[data-ch-theme-mode="dark"] .ch-social-embed,body.ch-theme-mode-dark .ch-social-embed{background:#111827;color:#f8fafc;border-color:#334155}html[data-ch-theme-mode="dark"] .ch-social-embed-placeholder span,body.ch-theme-mode-dark .ch-social-embed-placeholder span{color:#cbd5e1} .ch-blog-activity-copy{display:grid;gap:7px;padding:10px 0}.ch-blog-activity-title a{color:inherit;text-decoration:none;font-size:16px}.ch-blog-activity-title a:hover{text-decoration:underline}.ch-blog-activity-excerpt{margin:0!important;line-height:1.5}.ch-blog-activity-read{display:inline-flex;width:max-content;font-size:12px;font-weight:850;text-decoration:none} .ch-suggestion-form{display:grid;gap:14px;max-width:760px}.ch-suggestion-form label{display:grid;gap:6px}.ch-suggestion-form label>span{font-size:12px;font-weight:850}.ch-suggestion-form input[type="text"],.ch-suggestion-form input[type="url"],.ch-suggestion-form textarea,.ch-suggestion-form input[type="file"]{box-sizing:border-box;width:100%;min-height:44px;padding:10px 12px;border:1px solid #cbd5e1;border-radius:11px;background:#fff;color:#111827}.ch-suggestion-form textarea{min-height:150px;resize:vertical}.ch-profile-notice.is-error{padding:10px 12px;border:1px solid #fecaca;border-radius:10px;background:#fff1f2;color:#991b1b} html[data-ch-theme-mode="dark"] .ch-suggestion-form input[type="text"],html[data-ch-theme-mode="dark"] .ch-suggestion-form input[type="url"],html[data-ch-theme-mode="dark"] .ch-suggestion-form textarea,html[data-ch-theme-mode="dark"] .ch-suggestion-form input[type="file"],body.ch-theme-mode-dark .ch-suggestion-form input[type="text"],body.ch-theme-mode-dark .ch-suggestion-form input[type="url"],body.ch-theme-mode-dark .ch-suggestion-form textarea,body.ch-theme-mode-dark .ch-suggestion-form input[type="file"]{background:#0f172a;color:#f8fafc;border-color:#334155} .ch-inline-video-stage{position:relative!important;overflow:hidden!important} .ch-inline-video-native-preview{ position:absolute!important;inset:0!important;z-index:2!important;width:100%!important;height:100%!important; border:0!important;background:#000!important;pointer-events:none!important; } .ch-inline-video.has-native-preview .ch-inline-video-poster, .ch-inline-video.has-native-preview .ch-inline-video-poster-fallback{position:relative!important;z-index:1!important} .ch-inline-video.has-native-preview .ch-inline-video-load{z-index:4!important;background:transparent!important} .ch-inline-video.has-native-preview .ch-inline-video-play-icon{filter:drop-shadow(0 5px 18px rgba(0,0,0,.58))!important} .ch-inline-video--rumble.has-interactive-native-preview .ch-inline-video-native-preview--interactive{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border:0!important;z-index:5!important;pointer-events:auto!important;background:#000!important} .ch-inline-video--rumble.has-interactive-native-preview .ch-inline-video-poster{opacity:0!important} .ch-activity-member-type-row,.ch-profile-member-type-row{display:flex;align-items:center;gap:6px;margin-top:3px} .ch-member-type{display:inline-flex!important;align-items:center!important;min-height:20px!important;padding:3px 8px!important;border-radius:999px!important;font-size:10px!important;font-weight:900!important;letter-spacing:.025em!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),0 3px 10px rgba(15,23,42,.12)!important} .ch-user-badges{display:inline-flex!important;align-items:center!important;gap:4px!important;flex-wrap:wrap!important}.ch-profile-name-row .ch-user-badges{margin-left:4px!important}.ch-user-badge{min-height:21px!important;border-radius:999px!important;padding:2px 7px!important;font-size:10px!important;font-weight:900!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 2px 8px rgba(15,23,42,.12)!important}.ch-user-badge-img{width:15px!important;height:15px!important;object-fit:contain!important}.ch-user-badges-icon-only .ch-user-badge{width:24px!important;height:24px!important;min-width:24px!important;padding:0!important;justify-content:center!important}.ch-user-badges-icon-only .ch-user-badge-label{display:none!important}.ch-user-badges-icon-only .ch-user-badge-img{width:17px!important;height:17px!important}.ch-user-badges-icon-only .ch-user-badge-emoji{font-size:14px!important} .ch-suggestion-form,.ch-suggestion-form input,.ch-suggestion-form textarea,.ch-suggestion-form button{font-family:inherit!important}.ch-suggestion-form label>span{display:block;margin:0 0 6px;font-size:12px;font-weight:800;letter-spacing:0;color:inherit}.ch-suggestion-form input[type="text"],.ch-suggestion-form input[type="url"],.ch-suggestion-form textarea{font-size:14px!important;line-height:1.5!important;font-weight:500!important} .ch-announcement-overlay{position:fixed;inset:0;z-index:2147482500;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(2,6,23,.58);backdrop-filter:blur(4px)}.ch-announcement-overlay[hidden]{display:none!important}.ch-announcement-dialog{position:relative;width:min(560px,100%);max-height:min(78vh,720px);overflow:auto;padding:24px;border:1px solid #dbe3ec;border-radius:18px;background:#fff;color:#0f172a;box-shadow:0 28px 80px rgba(2,6,23,.36)}.ch-announcement-kicker{margin:0 0 6px;color:#2563eb;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.ch-announcement-dialog h2{margin:0 44px 12px 0;color:#0f172a;font-size:24px;line-height:1.15}.ch-announcement-content{color:#334155;font-size:14px;line-height:1.65}.ch-announcement-close{position:absolute;top:14px;right:14px;width:34px;height:34px;border:1px solid #dbe3ec;border-radius:50%;background:#f8fafc;color:#334155;font-size:22px;line-height:1;cursor:pointer}.ch-announcement-done{display:inline-flex;align-items:center;justify-content:center;margin-top:12px;min-height:40px;padding:0 16px;border:0;border-radius:11px;background:#2563eb;color:#fff;font-weight:900;cursor:pointer}html[data-ch-theme-mode="dark"] .ch-announcement-dialog,body.ch-theme-mode-dark .ch-announcement-dialog{background:#111827;color:#f8fafc;border-color:#334155}html[data-ch-theme-mode="dark"] .ch-announcement-dialog h2,body.ch-theme-mode-dark .ch-announcement-dialog h2{color:#f8fafc}html[data-ch-theme-mode="dark"] .ch-announcement-content,body.ch-theme-mode-dark .ch-announcement-content{color:#cbd5e1}html[data-ch-theme-mode="dark"] .ch-announcement-close,body.ch-theme-mode-dark .ch-announcement-close{background:#0f172a;border-color:#334155;color:#f8fafc} .ch-composer{ border-radius:18px!important; } .ch-composer-textarea{ min-height:132px!important; padding:16px!important; border-radius:15px!important; font-size:15px!important; line-height:1.55!important; } .ch-composer-destination{ display:grid!important; grid-template-columns:70px minmax(0,1fr)!important; align-items:center!important; gap:12px!important; margin:12px 0!important; color:inherit!important; } .ch-composer-destination-label{ font-size:12px!important; font-weight:900!important; line-height:1.2!important; letter-spacing:.01em!important; color:var(--ch-text,#334155)!important; } .ch-composer-destination-control{ position:relative!important; display:flex!important; align-items:center!important; min-width:0!important; } .ch-composer-destination-icon{ position:absolute!important; left:13px!important; z-index:2!important; color:#2563eb!important; font-size:15px!important; font-weight:900!important; pointer-events:none!important; } .ch-composer-destination select, .ch-composer-group-select{ width:100%!important; min-width:0!important; min-height:46px!important; padding:9px 38px 9px 38px!important; border:1px solid #cbd5e1!important; border-radius:13px!important; background:#fff!important; color:#0f172a!important; font-family:inherit!important; font-size:14px!important; font-weight:750!important; line-height:1.3!important; box-shadow:0 4px 14px rgba(15,23,42,.04)!important; } .ch-composer-actions{ display:flex!important; align-items:center!important; flex-wrap:wrap!important; gap:8px!important; margin-top:12px!important; } .ch-composer-actions .ch-composer-submit{ order:5!important; min-height:42px!important; padding:0 22px!important; margin:0!important; border:1px solid #2563eb!important; border-radius:12px!important; background:linear-gradient(180deg,#3b82f6,#2563eb)!important; color:#fff!important; font-size:14px!important; font-weight:900!important; box-shadow:0 8px 20px rgba(37,99,235,.24)!important; } .ch-composer-actions .ch-composer-upload, .ch-composer-actions .ch-gif-picker-button, .ch-composer-actions .ch-composer-poll-toggle{ min-height:38px!important; padding:0 13px!important; border-radius:11px!important; background:transparent!important; border:1px solid #cbd5e1!important; color:#475569!important; font-size:12px!important; font-weight:800!important; box-shadow:none!important; } .ch-composer-actions .ch-composer-upload:hover, .ch-composer-actions .ch-gif-picker-button:hover, .ch-composer-actions .ch-composer-poll-toggle:hover{ background:#f8fafc!important; color:#1e293b!important; border-color:#94a3b8!important; } .ch-legacy-buddyboss-media{ width:100%; max-width:100%; overflow:hidden; } html[data-ch-theme-mode="dark"] .ch-composer-destination-label, body.ch-theme-mode-dark .ch-composer-destination-label{color:#dbe7f5!important} html[data-ch-theme-mode="dark"] .ch-composer-destination select, html[data-ch-theme-mode="dark"] .ch-composer-group-select, body.ch-theme-mode-dark .ch-composer-destination select, body.ch-theme-mode-dark .ch-composer-group-select{ background:#0f172a!important; color:#f8fafc!important; border-color:#334155!important; } html[data-ch-theme-mode="dark"] .ch-composer-actions .ch-composer-upload, html[data-ch-theme-mode="dark"] .ch-composer-actions .ch-gif-picker-button, html[data-ch-theme-mode="dark"] .ch-composer-actions .ch-composer-poll-toggle, body.ch-theme-mode-dark .ch-composer-actions .ch-composer-upload, body.ch-theme-mode-dark .ch-composer-actions .ch-gif-picker-button, body.ch-theme-mode-dark .ch-composer-actions .ch-composer-poll-toggle{ background:#111827!important; border-color:#334155!important; color:#dbe7f5!important; } @media(max-width:640px){ .ch-composer-destination{grid-template-columns:1fr!important;gap:7px!important} .ch-composer-actions .ch-composer-submit{min-width:86px!important} } .ch-legacy-buddyboss-media .bb-activity-media-wrap, .ch-legacy-buddyboss-media .bb-activity-media-elem, .ch-legacy-buddyboss-media .bb-activity-media-elem img, .ch-legacy-buddyboss-media img{ max-width:100%!important; height:auto!important; } .ch-legacy-buddyboss-media .bb-activity-media-wrap{ display:grid!important; gap:6px!important; width:100%!important; margin:0!important; padding:0!important; } .ch-activity-media.ch-attachment-image,.ch-repost-embed-media.ch-attachment-image{display:block!important;visibility:visible!important;opacity:1!important;overflow:hidden!important} .ch-activity-media.ch-attachment-image .ch-media-lightbox-trigger,.ch-repost-embed-media.ch-attachment-image .ch-media-lightbox-trigger{display:block!important;width:100%!important;padding:0!important;border:0!important;background:transparent!important} .ch-activity-media.ch-attachment-image img,.ch-repost-embed-media.ch-attachment-image img{display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;height:auto!important;max-width:100%!important;object-fit:contain!important} .ch-activity-member-type-row{display:flex;align-items:center;min-height:22px;margin-top:2px} .ch-legacy-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;width:100%;overflow:hidden;border-radius:12px} .ch-legacy-media-trigger{display:block!important;width:100%!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:hidden!important;cursor:zoom-in!important} .ch-legacy-media-trigger img{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:560px!important;object-fit:cover!important} .ch-legacy-activity-video{display:block;width:100%;max-height:560px;background:#000;border-radius:12px} .ch-feed .ch-activity-user-block{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:2px!important} .ch-feed .ch-activity-name-row{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:5px!important} .ch-feed .ch-activity-member-type-row{display:flex!important;width:100%!important;margin-top:2px!important} .ch-feed .ch-post-time{display:block!important;margin-top:1px!important} .ch-feed .ch-activity-name-row{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:5px!important;min-width:0!important} .ch-feed .ch-activity-name-row .ch-post-time{display:inline-flex!important;align-items:center!important;margin:0 0 0 2px!important;padding:0!important;color:var(--ch-muted,#64748b)!important;font-size:11px!important;font-weight:500!important;line-height:1.2!important;text-decoration:none!important;white-space:nowrap!important} .ch-feed .ch-activity-name-row .ch-post-time:before{content:"·";margin-right:5px!important;color:currentColor!important} .ch-feed .ch-activity-member-type-row{display:flex!important;align-items:center!important;margin-top:3px!important} .ch-feed .ch-legacy-buddyboss-media-native .ch-legacy-media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;overflow:visible!important;border-radius:0!important} .ch-feed .ch-legacy-buddyboss-media-native .ch-legacy-media-grid:has(.ch-legacy-media-trigger:only-child){grid-template-columns:minmax(0,1fr)} .ch-feed .ch-legacy-buddyboss-media-native .ch-legacy-media-trigger{border-radius:0!important;clip-path:none!important;aspect-ratio:auto!important;overflow:hidden!important} .ch-feed .ch-legacy-buddyboss-media-native .ch-legacy-media-trigger img{width:100%!important;height:auto!important;max-height:680px!important;object-fit:contain!important;object-position:center!important;border-radius:0!important;clip-path:none!important;aspect-ratio:auto!important;background:transparent!important} .ch-feed .ch-legacy-buddyboss-media-native .ch-legacy-activity-video{width:100%!important;height:auto!important;max-height:680px!important;object-fit:contain!important;border-radius:12px!important} .ch-feed .ch-activity-destination-inline{display:inline-flex!important;align-items:center!important;gap:5px!important;min-width:0!important;margin-left:4px!important;padding:2px 7px 2px 3px!important;border:1px solid rgba(100,116,139,.22)!important;border-radius:999px!important;background:rgba(148,163,184,.09)!important;color:var(--ch-muted,#64748b)!important;font-size:11px!important;font-weight:600!important;line-height:1.2!important;text-decoration:none!important;vertical-align:middle!important} .ch-feed .ch-activity-destination-inline img{display:block!important;width:20px!important;height:20px!important;min-width:20px!important;object-fit:cover!important;border-radius:50%!important} .ch-feed .ch-activity-destination-inline strong{color:inherit!important;font-weight:800!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:150px!important} html[data-ch-theme-mode="dark"] .ch-feed .ch-activity-destination-inline,body.ch-theme-mode-dark .ch-feed .ch-activity-destination-inline{border-color:rgba(203,213,225,.18)!important;background:rgba(255,255,255,.055)!important;color:#cbd5e1!important} @media(max-width:640px){.ch-feed .ch-activity-destination-inline{max-width:150px!important}.ch-feed .ch-activity-destination-inline strong{max-width:92px!important}} .ch-activity-destination--mention{background:color-mix(in srgb,var(--ch-accent,#2563eb) 8%,transparent);border-color:color-mix(in srgb,var(--ch-accent,#2563eb) 22%,transparent)} .ch-activity-destination--mention small{font-size:10px;font-weight:800;opacity:.72} .ch-explicit-login-required{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 14px;border-radius:999px;background:var(--ch-accent,#2563eb);color:#fff!important;font-weight:800;text-decoration:none!important;box-shadow:0 8px 22px rgba(37,99,235,.22)} .ch-explicit-login-required:hover{filter:brightness(.96)} @media (min-width:783px){ .ch-activity-video video,.ch-repost-embed-video video{max-height:680px!important;min-height:320px!important;object-fit:contain!important} } @media (max-width:782px){ .ch-media-lightbox{padding:0!important;background:#000!important;align-items:stretch!important} .ch-media-lightbox-dialog{width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;padding:0!important;overflow:hidden!important} .ch-media-lightbox-image{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;border-radius:0!important;box-shadow:none!important;touch-action:pinch-zoom!important} .ch-media-lightbox-close{top:calc(10px + env(safe-area-inset-top))!important;right:12px!important;width:40px!important;height:40px!important;background:rgba(0,0,0,.68)!important} .ch-activity-video,.ch-repost-embed-video,.ch-inline-video{border-radius:13px!important;margin-left:0!important;margin-right:0!important} .ch-activity-video video,.ch-repost-embed-video video{width:100%!important;max-height:72dvh!important;min-height:220px!important;object-fit:contain!important} .ch-inline-video-stage{min-height:210px!important} .ch-profile-tabs{overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x proximity!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;justify-content:flex-start!important;flex-wrap:nowrap!important} .ch-profile-tabs::-webkit-scrollbar{display:none!important} .ch-profile-tab{flex:0 0 auto!important;scroll-snap-align:center!important;white-space:nowrap!important;min-height:42px!important;display:inline-flex!important;align-items:center!important} } .ch-profile-tabs.is-loading{opacity:.72;pointer-events:none} @media (min-width:783px){ .ch-user-badges-icon-only-desktop .ch-user-badge{width:24px!important;height:24px!important;min-width:24px!important;padding:0!important;justify-content:center!important} .ch-user-badges-icon-only-desktop .ch-user-badge-label{display:none!important} .ch-user-badges-icon-only-desktop .ch-user-badge-img{width:17px!important;height:17px!important} .ch-user-badges-icon-only-desktop .ch-user-badge-emoji{font-size:14px!important} } @media (max-width:782px){ .ch-user-badges-icon-only-mobile .ch-user-badge{width:24px!important;height:24px!important;min-width:24px!important;padding:0!important;justify-content:center!important} .ch-user-badges-icon-only-mobile .ch-user-badge-label{display:none!important} .ch-user-badges-icon-only-mobile .ch-user-badge-img{width:17px!important;height:17px!important} .ch-user-badges-icon-only-mobile .ch-user-badge-emoji{font-size:14px!important} } .ch-reward-toast{ position:fixed;right:18px;top:88px;z-index:2147483400;display:flex;align-items:center;gap:12px; min-width:290px;max-width:min(420px,calc(100vw - 28px));padding:14px 16px;border:1px solid #c8a84b;border-radius:18px; background:linear-gradient(135deg,#070707 0%,#19140a 58%,#070707 100%);color:#f5f0e8; box-shadow:0 20px 60px rgba(0,0,0,.48),0 0 0 1px rgba(200,168,75,.22),0 0 34px rgba(200,168,75,.30); opacity:0;transform:translate3d(0,-14px,0) scale(.96);pointer-events:none;overflow:hidden; transition:opacity .24s ease,transform .42s cubic-bezier(.2,.9,.25,1.15) } .ch-reward-toast:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(105deg,#7c6728,#f3dc7b,#9b7f2d,#f8e79b,#7c6728);background-size:260% 100%;animation:chRewardBorder 2.2s linear infinite;pointer-events:none;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor} .ch-reward-toast.is-visible{opacity:1;transform:translate3d(0,0,0) scale(1);pointer-events:auto} .ch-reward-toast-icon{position:relative;z-index:1;display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#fff4b5 0 10%,#d5b34e 26%,#8a6b20 72%,#3a2b0b 100%);color:#090909;font-size:21px;font-weight:950;box-shadow:0 0 0 2px rgba(255,235,150,.30),0 7px 20px rgba(200,168,75,.35);animation:chRewardStar 1.1s cubic-bezier(.2,.8,.2,1)} .ch-reward-toast-copy{position:relative;z-index:1;display:grid;gap:2px;min-width:0}.ch-reward-toast-copy strong{color:#fff8dc;font-size:14px;font-weight:900;letter-spacing:.01em}.ch-reward-toast-copy span{color:#e9c85e;font-size:15px;font-weight:950}.ch-reward-toast-copy small{color:#cfc8b5;font-size:11px;font-weight:700}.ch-reward-toast-sparkles{position:absolute;inset:0;pointer-events:none}.ch-reward-toast-sparkles i{position:absolute;width:4px;height:4px;border-radius:50%;background:#f7df79;box-shadow:0 0 9px #f7df79;animation:chRewardSpark 1.8s ease-in-out infinite}.ch-reward-toast-sparkles i:nth-child(1){left:12%;top:18%}.ch-reward-toast-sparkles i:nth-child(2){left:48%;top:10%;animation-delay:.35s}.ch-reward-toast-sparkles i:nth-child(3){right:10%;top:28%;animation-delay:.7s}.ch-reward-toast-sparkles i:nth-child(4){right:28%;bottom:15%;animation-delay:1s} @keyframes chRewardBorder{to{background-position:260% 0}}@keyframes chRewardStar{0%{transform:rotate(-22deg) scale(.4)}65%{transform:rotate(10deg) scale(1.13)}100%{transform:rotate(0) scale(1)}}@keyframes chRewardSpark{0%,100%{opacity:.15;transform:scale(.5)}50%{opacity:1;transform:scale(1.5)}} @media(max-width:782px){.ch-reward-toast{left:10px;right:10px;top:auto;bottom:calc(82px + env(safe-area-inset-bottom));min-width:0;max-width:none;padding:12px 13px;border-radius:16px}.ch-reward-toast-icon{flex-basis:40px;width:40px;height:40px;font-size:19px}.ch-reward-toast-copy strong{font-size:13px}.ch-reward-toast-copy span{font-size:14px}.ch-reward-toast-copy small{font-size:10px}} .ch-legacy-buddyboss-media-native .ch-legacy-media-grid{display:grid!important;gap:4px!important;width:100%!important;overflow:hidden!important;border-radius:14px!important;background:#0b0d10!important} .ch-legacy-buddyboss-media-native .ch-legacy-media-trigger{position:relative!important;min-height:0!important;border-radius:0!important;background:#0b0d10!important} .ch-legacy-buddyboss-media-native .ch-legacy-media-trigger img{width:100%!important;height:100%!important;min-height:220px!important;max-height:520px!important;object-fit:cover!important;background:#0b0d10!important} .ch-media-grid-count-1{grid-template-columns:1fr!important}.ch-media-grid-count-1 .ch-legacy-media-trigger img{height:auto!important;min-height:0!important;max-height:680px!important;object-fit:contain!important} .ch-media-grid-count-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ch-media-grid-count-2 .ch-legacy-media-trigger{aspect-ratio:1/1!important} .ch-media-grid-count-3{grid-template-columns:1.35fr 1fr!important;grid-template-rows:repeat(2,minmax(0,1fr))!important}.ch-media-grid-count-3>:first-child{grid-row:1/3!important}.ch-media-grid-count-3 .ch-legacy-media-trigger{min-height:180px!important} .ch-media-grid-count-4,.ch-media-grid-count-5,.ch-media-grid-count-6{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ch-media-grid-count-4 .ch-legacy-media-trigger,.ch-media-grid-count-5 .ch-legacy-media-trigger,.ch-media-grid-count-6 .ch-legacy-media-trigger{aspect-ratio:1.25/1!important} @media(max-width:640px){.ch-legacy-buddyboss-media-native .ch-legacy-media-trigger img{min-height:150px!important;max-height:58dvh!important}.ch-media-grid-count-3 .ch-legacy-media-trigger{min-height:130px!important}} .ch-media-lightbox-toolbar{position:absolute;left:12px;top:12px;z-index:4;display:flex;align-items:center;gap:9px;pointer-events:none}.ch-media-lightbox-counter{display:inline-flex;min-width:42px;justify-content:center;padding:6px 9px;border-radius:999px;background:rgba(0,0,0,.62);color:#fff;font-size:12px;font-weight:850;backdrop-filter:blur(8px)}.ch-media-lightbox-zoom-controls{display:flex;gap:4px;pointer-events:auto}.ch-media-lightbox-zoom-controls button{display:grid;place-items:center;min-width:36px;height:36px;padding:0 8px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(0,0,0,.62);color:#fff;font-weight:900;cursor:pointer;backdrop-filter:blur(8px)}.ch-media-lightbox-stage{position:relative;display:grid;place-items:center;width:100%;height:100%;overflow:hidden;touch-action:none}.ch-media-lightbox-image{transform-origin:center center;will-change:transform;transition:transform .12s ease-out;user-select:none;-webkit-user-drag:none}.ch-media-lightbox.is-zoomed .ch-media-lightbox-image{cursor:grab}.ch-media-lightbox.is-zoomed .ch-media-lightbox-image:active{cursor:grabbing}.ch-media-lightbox-nav{display:none;position:absolute;top:50%;z-index:4;width:48px;height:58px;margin-top:-29px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(0,0,0,.48);color:#fff;font-size:38px;line-height:1;cursor:pointer;backdrop-filter:blur(8px)}.ch-media-lightbox.has-gallery .ch-media-lightbox-nav{display:grid;place-items:center}.ch-media-lightbox-prev{left:14px}.ch-media-lightbox-next{right:14px} @media(max-width:782px){.ch-media-lightbox-toolbar{top:calc(10px + env(safe-area-inset-top));left:10px}.ch-media-lightbox-zoom-controls{display:none}.ch-media-lightbox-nav{width:42px;height:52px;font-size:32px;background:rgba(0,0,0,.36)}.ch-media-lightbox-prev{left:6px}.ch-media-lightbox-next{right:6px}.ch-media-lightbox-counter{font-size:11px}.ch-media-lightbox-stage{touch-action:none}} .ch-activity-video,.ch-repost-embed-video{width:100%!important;background:#000!important;border-radius:14px!important;overflow:hidden!important} .ch-activity-video video,.ch-repost-embed-video video,.ch-legacy-activity-video{display:block!important;width:100%!important;min-height:420px!important;max-height:700px!important;object-fit:contain!important;background:#000!important} @media(max-width:782px){.ch-activity-video video,.ch-repost-embed-video video,.ch-legacy-activity-video{min-height:270px!important;max-height:72dvh!important}} .ch-composer-destination{grid-template-columns:52px minmax(0,1fr)!important;gap:6px!important} .ch-composer-destination-control::after{content:"⌄";position:absolute;right:14px;top:50%;z-index:3;transform:translateY(-56%);color:#64748b;font-size:15px;font-weight:900;pointer-events:none} .ch-composer-destination select,.ch-composer-group-select{appearance:none!important;-webkit-appearance:none!important;padding-right:42px!important;background-image:none!important} @media(max-width:640px){.ch-composer-destination{grid-template-columns:48px minmax(0,1fr)!important;gap:6px!important}.ch-composer-destination-label{align-self:center!important}} .ch-reaction-users-panel.is-mobile-sheet{position:fixed!important;left:10px!important;right:10px!important;top:auto!important;bottom:calc(76px + env(safe-area-inset-bottom))!important;width:auto!important;max-width:none!important;z-index:2147483300!important;border-radius:18px!important;box-shadow:0 24px 70px rgba(0,0,0,.42)!important} @media(max-width:782px){.ch-reaction-count,.ch-reaction-summary{cursor:pointer!important}.ch-reaction-users-panel.is-mobile-sheet .ch-reaction-users-inner{max-height:min(52dvh,430px)!important;overflow:auto!important;padding:10px!important}} .ch-social-embed--x,.ch-social-embed--facebook{max-width:680px!important;margin-left:auto!important;margin-right:auto!important}.ch-social-embed--x iframe,.ch-social-embed--facebook iframe{display:block!important;width:100%!important;max-width:100%!important;min-height:420px!important;border:0!important;background:#fff!important}.ch-social-embed--facebook iframe{min-height:440px!important} @media(max-width:640px){.ch-social-embed--x iframe,.ch-social-embed--facebook iframe{min-height:460px!important}} html:not([data-ch-theme-mode="dark"]) .ch-post-menu-toggle, body:not(.ch-theme-mode-dark) .ch-post-menu-toggle{color:#475569!important;opacity:1!important;text-shadow:none!important} html:not([data-ch-theme-mode="dark"]) .ch-post-menu-toggle:hover, html:not([data-ch-theme-mode="dark"]) .ch-post-menu-toggle:focus-visible, body:not(.ch-theme-mode-dark) .ch-post-menu-toggle:hover, body:not(.ch-theme-mode-dark) .ch-post-menu-toggle:focus-visible{color:#0f172a!important;background:#eef2f7!important} .ch-user-badge{ font-size:10.5px!important; font-weight:700!important; letter-spacing:.005em!important; line-height:1.15!important; padding:3px 7px!important; } .ch-user-badge-label{font-weight:700!important} .ch-reaction-count:not(:empty){ display:inline-flex!important;align-items:center!important;justify-content:center!important; min-width:24px!important;min-height:24px!important;padding:0 5px!important;margin-left:2px!important; border-radius:999px!important;cursor:pointer!important;font-weight:700!important;font-size:12px!important; color:var(--ch-theme-muted,#667085)!important;background:rgba(148,163,184,.12)!important; } @media(max-width:782px){ .ch-reaction-count:not(:empty){min-width:28px!important;min-height:28px!important;font-size:12px!important;padding:0 7px!important} } .ch-legacy-buddyboss-media-native{width:100%!important;max-width:100%!important;overflow:hidden!important;border-radius:14px!important} .ch-legacy-media-grid{display:grid!important;gap:4px!important;width:100%!important;max-width:100%!important;overflow:hidden!important;background:rgba(15,23,42,.04)!important} .ch-legacy-media-trigger{display:block!important;width:100%!important;height:100%!important;min-width:0!important;overflow:hidden!important;border:0!important;padding:0!important;background:transparent!important;cursor:zoom-in!important} .ch-legacy-media-trigger img{display:block!important;width:100%!important;height:100%!important;min-width:0!important;max-width:none!important;object-fit:cover!important;border-radius:0!important} .ch-media-grid-count-1{display:block!important;background:transparent!important} .ch-media-grid-count-1 .ch-legacy-media-trigger img{height:auto!important;max-height:680px!important;object-fit:contain!important;background:#050505!important} .ch-media-grid-count-2{grid-template-columns:repeat(2,minmax(0,1fr))!important;aspect-ratio:2/1!important} .ch-media-grid-count-3{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;aspect-ratio:1.55/1!important} .ch-media-grid-count-3>.ch-legacy-media-trigger:first-child{grid-row:1/3!important} .ch-media-grid-count-4,.ch-media-grid-count-5,.ch-media-grid-count-6{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:minmax(0,1fr)!important;aspect-ratio:1.35/1!important} @media(max-width:640px){ .ch-legacy-buddyboss-media-native{border-radius:12px!important} .ch-legacy-media-grid{gap:3px!important} .ch-media-grid-count-2{aspect-ratio:1.55/1!important} .ch-media-grid-count-3{aspect-ratio:1.15/1!important} .ch-media-grid-count-4,.ch-media-grid-count-5,.ch-media-grid-count-6{aspect-ratio:1.05/1!important} } .ch-media-lightbox-dialog{width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important} .ch-media-lightbox-stage{width:100%!important;height:100%!important;max-width:100vw!important;max-height:100dvh!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:58px 56px 34px!important;box-sizing:border-box!important} .ch-media-lightbox-image{display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;transform-origin:center center!important} .ch-media-lightbox-download{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:5px 10px;border-radius:999px;text-decoration:none!important;font-size:12px;font-weight:750;color:#fff!important;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.24)} .ch-media-lightbox-download[hidden]{display:none!important} @media(max-width:782px){ .ch-media-lightbox-stage{padding:54px 8px calc(18px + env(safe-area-inset-bottom))!important} .ch-media-lightbox-toolbar{left:8px!important;right:50px!important;top:calc(8px + env(safe-area-inset-top))!important;gap:7px!important} .ch-media-lightbox-zoom-controls{gap:5px!important;flex-wrap:wrap!important} .ch-media-lightbox-download{min-height:32px!important;padding:4px 9px!important;font-size:11px!important} } .ch-video-upload-shell{display:grid!important;gap:7px!important;width:100%!important;max-width:100%!important} .ch-activity-video video,.ch-legacy-activity-video{ display:block!important;width:100%!important;max-width:100%!important;height:auto!important; min-height:380px!important;max-height:720px!important;object-fit:contain!important;background:#050505!important;border-radius:14px!important; } .ch-media-download-link{justify-self:end;display:inline-flex;align-items:center;min-height:32px;padding:5px 10px;border-radius:9px;text-decoration:none!important;font-size:12px;font-weight:700;color:var(--ch-theme-text,#172033)!important;background:var(--ch-theme-surface,#fff);border:1px solid var(--ch-theme-border,#dbe3ec)} @media(max-width:782px){ .ch-activity-video video,.ch-legacy-activity-video{min-height:260px!important;max-height:72dvh!important;border-radius:12px!important} .ch-media-download-link{font-size:11px!important;min-height:30px!important} } .ch-user-badge{ display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:4px!important; min-height:22px!important;padding:3px 8px!important;border-radius:999px!important; font-size:10px!important;font-weight:650!important;line-height:1!important;letter-spacing:0!important; vertical-align:middle!important; } .ch-user-badge-label{display:inline-flex!important;align-items:center!important;line-height:1!important;font-weight:650!important;transform:translateY(.1px)!important} .ch-user-badge-img{display:block!important;flex:0 0 auto!important}.ch-user-badge-emoji{line-height:1!important} @media(min-width:783px){ .ch-comment-reaction-wrap::before{left:-8px!important;right:-8px!important;bottom:100%!important;height:10px!important} .ch-reaction-picker{left:-6px!important;bottom:calc(100% + 4px)!important;transform:translateY(2px) scale(.985)!important} .ch-comment-reaction-wrap:hover .ch-reaction-picker,.ch-comment-reaction-wrap.is-picker-open .ch-reaction-picker,.ch-reaction-picker:hover{transform:translateY(0) scale(1)!important} } @media(max-width:782px){ .ch-media-lightbox-close{ position:fixed!important; top:max(10px,env(safe-area-inset-top))!important; right:max(10px,env(safe-area-inset-right))!important; left:auto!important; margin:0!important; transform:none!important; z-index:2147483646!important; } .ch-media-lightbox-stage{padding-top:58px!important;padding-left:6px!important;padding-right:6px!important;padding-bottom:max(16px,env(safe-area-inset-bottom))!important} .ch-media-lightbox-image{max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;object-fit:contain!important} } @media(min-width:783px){ .ch-social-embed--x,.ch-social-embed--facebook{width:100%!important;max-width:100%!important;overflow:visible!important} .ch-social-embed--x iframe{width:100%!important;height:680px!important;min-height:680px!important;max-width:100%!important;overflow:visible!important} .ch-social-embed--facebook iframe{width:100%!important;height:520px!important;min-height:520px!important;max-width:100%!important} } .ch-user-badges{gap:3px!important;margin-top:0!important} .ch-user-badge{min-height:18px!important;padding:2px 6px!important;gap:3px!important;font-size:9px!important;font-weight:650!important;line-height:1!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 1px 4px rgba(15,23,42,.12)!important} .ch-user-badge-img{width:12px!important;height:12px!important;min-width:12px!important;border-radius:2px!important} .ch-user-badge-emoji{width:12px!important;height:12px!important;font-size:10px!important;line-height:12px!important} .ch-user-badge-label{font-size:9px!important;line-height:1!important} .ch-user-badge-shape-pill{border-radius:999px!important} .ch-user-badge-shape-rounded{border-radius:6px!important} .ch-user-badge-shape-square{border-radius:2px!important} .ch-user-badge-shape-shield{border-radius:4px 4px 8px 8px!important;clip-path:polygon(0 0,100% 0,94% 72%,50% 100%,6% 72%)!important;padding-inline:8px!important} .ch-user-badge-shape-seal{border-radius:7px!important} @media (min-width:783px){ .ch-user-badges-icon-only-desktop .ch-user-badge{width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;padding:0!important} .ch-user-badges-icon-only-desktop .ch-user-badge-img{width:13px!important;height:13px!important;min-width:13px!important} .ch-user-badges-icon-only-desktop .ch-user-badge-emoji{width:13px!important;height:13px!important;font-size:11px!important} .ch-user-badges-icon-only-desktop .ch-user-badge-shape-seal{border-radius:0!important;clip-path:polygon(50% 0%,61% 10%,76% 5%,82% 19%,97% 21%,94% 37%,100% 50%,90% 61%,95% 76%,81% 82%,79% 97%,63% 94%,50% 100%,39% 90%,24% 95%,18% 81%,3% 79%,6% 63%,0 50%,10% 39%,5% 24%,19% 18%,21% 3%,37% 6%)!important} } @media (max-width:782px){ .ch-user-badges-icon-only-mobile .ch-user-badge{width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;padding:0!important} .ch-user-badges-icon-only-mobile .ch-user-badge-img{width:13px!important;height:13px!important;min-width:13px!important} .ch-user-badges-icon-only-mobile .ch-user-badge-emoji{width:13px!important;height:13px!important;font-size:11px!important} .ch-user-badges-icon-only-mobile .ch-user-badge-shape-seal{border-radius:0!important;clip-path:polygon(50% 0%,61% 10%,76% 5%,82% 19%,97% 21%,94% 37%,100% 50%,90% 61%,95% 76%,81% 82%,79% 97%,63% 94%,50% 100%,39% 90%,24% 95%,18% 81%,3% 79%,6% 63%,0 50%,10% 39%,5% 24%,19% 18%,21% 3%,37% 6%)!important} } .ch-profile-actions--report-only{display:flex!important;justify-content:flex-end!important;align-items:center!important} .ch-profile-report-quiet{appearance:none;border:0;background:transparent;color:var(--ch-theme-muted,#64748b);font:inherit;font-size:11px;font-weight:600;padding:4px 6px;border-radius:6px;cursor:pointer;text-decoration:none} .ch-profile-report-quiet:hover,.ch-profile-report-quiet:focus-visible{background:rgba(148,163,184,.12);color:var(--ch-theme-text,#172033);outline:none} .ch-reaction-people-label{display:none} @media(max-width:782px){ .ch-post-reaction-wrap>.ch-reaction-total .ch-reaction-people-label{display:inline!important;font-size:11px!important;font-weight:750!important;margin-left:2px!important} } @media(max-width:782px){ .ch-post-reaction-wrap>.ch-reaction-total .ch-reaction-summary{display:none!important} .ch-post-reaction-wrap>.ch-reaction-total{background:transparent!important;border:0!important;box-shadow:none!important;padding-inline:4px!important;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:2px} .ch-post-reaction-wrap>.ch-reaction-total:hover,.ch-post-reaction-wrap>.ch-reaction-total:focus-visible{text-decoration-color:currentColor} .ch-post-reaction-wrap>.ch-reaction-total .ch-reaction-count{font-weight:850!important} .ch-post-reaction-wrap>.ch-reaction-total .ch-reaction-people-label{display:inline!important} } .ch-reward-toast{ background:var(--ch-reward-bg,#17140a)!important; border-color:color-mix(in srgb,var(--ch-reward-accent,#e9c85e) 72%,transparent)!important; } .ch-reward-toast .ch-reward-toast-copy strong{color:var(--ch-reward-text,#fff8dc)!important} .ch-reward-toast .ch-reward-toast-copy>span{color:var(--ch-reward-accent,#e9c85e)!important} .ch-reward-toast .ch-reward-toast-sparkles i{background:var(--ch-reward-accent,#e9c85e)!important;box-shadow:0 0 9px var(--ch-reward-accent,#e9c85e)!important} .ch-reward-toast--celebration{box-shadow:0 18px 50px rgba(15,23,42,.34),0 0 30px color-mix(in srgb,var(--ch-reward-accent,#e9c85e) 30%,transparent)!important} .ch-reward-toast--celebration .ch-reward-toast-icon{animation:chRewardStar .8s cubic-bezier(.2,.8,.2,1) infinite alternate!important} .ch-reward-toast--neon{border:1px solid var(--ch-reward-accent,#e9c85e)!important;box-shadow:0 0 12px color-mix(in srgb,var(--ch-reward-accent,#e9c85e) 55%,transparent),0 0 32px color-mix(in srgb,var(--ch-reward-accent,#e9c85e) 30%,transparent)!important} .ch-reward-toast--neon:before{display:none!important} .ch-reward-toast--minimal{box-shadow:0 12px 34px rgba(15,23,42,.22)!important;border:1px solid color-mix(in srgb,var(--ch-reward-accent,#e9c85e) 34%,transparent)!important} .ch-reward-toast--minimal:before,.ch-reward-toast--minimal .ch-reward-toast-sparkles{display:none!important} .ch-reward-toast--pos-top-center{left:50%!important;right:auto!important;transform:translate3d(-50%,-12px,0) scale(.98)!important} .ch-reward-toast--pos-top-center.is-visible{transform:translate3d(-50%,0,0) scale(1)!important} .ch-reward-toast--pos-bottom-right{top:auto!important;bottom:24px!important;right:24px!important} .ch-reward-toast--pos-bottom-center{top:auto!important;bottom:24px!important;left:50%!important;right:auto!important;transform:translate3d(-50%,12px,0) scale(.98)!important} .ch-reward-toast--pos-bottom-center.is-visible{transform:translate3d(-50%,0,0) scale(1)!important} @media(max-width:782px){ .ch-reward-toast[class*="ch-reward-toast--pos-"]{left:10px!important;right:10px!important;top:auto!important;bottom:calc(82px + env(safe-area-inset-bottom))!important;transform:translate3d(0,12px,0) scale(.98)!important} .ch-reward-toast[class*="ch-reward-toast--pos-"].is-visible{transform:translate3d(0,0,0) scale(1)!important} } .ch-action-row .ch-post-reaction-wrap>.ch-reaction-total[hidden]{display:none!important} .ch-reward-toast--celebration{background:linear-gradient(135deg,var(--ch-reward-bg,#17140a),color-mix(in srgb,var(--ch-reward-accent,#e9c85e) 32%,var(--ch-reward-bg,#17140a)))!important;transform-origin:center right}.ch-reward-toast--celebration.is-visible{animation:chRewardCelebrationIn .55s cubic-bezier(.2,.85,.25,1.2)} .ch-reward-toast--neon{background:#090909!important;text-shadow:0 0 8px color-mix(in srgb,var(--ch-reward-accent,#e9c85e) 55%,transparent)!important}.ch-reward-toast--minimal{background:var(--ch-reward-bg,#17140a)!important;border-radius:10px!important;padding:10px 13px!important}.ch-reward-toast--minimal .ch-reward-toast-icon{display:none!important}@keyframes chRewardCelebrationIn{0%{transform:translateY(-8px) scale(.92);opacity:0}70%{transform:translateY(0) scale(1.03);opacity:1}100%{transform:translateY(0) scale(1);opacity:1}} .ch-reward-toast.ch-reward-toast--pos-header{left:50%!important;right:auto!important;top:var(--ch-reward-banner-top,64px)!important;bottom:auto!important;transform:translate(-50%,-10px) scale(.99)!important;width:min(980px,calc(100vw - 24px))!important;max-width:980px!important;border-radius:0 0 14px 14px!important} .ch-reward-toast.ch-reward-toast--pos-header.is-visible{transform:translate(-50%,0) scale(1)!important} .ch-reward-toast-fx{position:absolute;inset:0;overflow:hidden;pointer-events:none;border-radius:inherit} .ch-reward-toast-fx b{position:absolute;display:none} .ch-reward-toast--confetti .ch-reward-toast-fx b{display:block;width:7px;height:12px;background:var(--ch-reward-accent);top:-14px;animation:chRewardConfetti 1.8s ease-out infinite} .ch-reward-toast--confetti .ch-reward-toast-fx b:nth-child(1){left:8%;transform:rotate(15deg)}.ch-reward-toast--confetti .ch-reward-toast-fx b:nth-child(2){left:20%;animation-delay:.2s;background:#fff}.ch-reward-toast--confetti .ch-reward-toast-fx b:nth-child(3){left:36%;animation-delay:.5s}.ch-reward-toast--confetti .ch-reward-toast-fx b:nth-child(4){left:52%;animation-delay:.1s;background:#fff}.ch-reward-toast--confetti .ch-reward-toast-fx b:nth-child(5){left:65%;animation-delay:.7s}.ch-reward-toast--confetti .ch-reward-toast-fx b:nth-child(6){left:78%;animation-delay:.35s;background:#fff}.ch-reward-toast--confetti .ch-reward-toast-fx b:nth-child(7){left:90%;animation-delay:.6s}.ch-reward-toast--confetti .ch-reward-toast-fx b:nth-child(8){left:45%;animation-delay:.9s} .ch-reward-toast--fireworks{background:#070707!important}.ch-reward-toast--fireworks .ch-reward-toast-fx b{display:block;width:4px;height:4px;border-radius:50%;background:var(--ch-reward-accent);box-shadow:0 -18px 0 var(--ch-reward-accent),13px -13px 0 #fff,18px 0 0 var(--ch-reward-accent),13px 13px 0 #fff,0 18px 0 var(--ch-reward-accent),-13px 13px 0 #fff,-18px 0 0 var(--ch-reward-accent),-13px -13px 0 #fff;animation:chRewardFirework 1.5s ease-out infinite}.ch-reward-toast--fireworks .ch-reward-toast-fx b:nth-child(1){left:14%;top:50%}.ch-reward-toast--fireworks .ch-reward-toast-fx b:nth-child(2){right:14%;top:45%;animation-delay:.45s}.ch-reward-toast--fireworks .ch-reward-toast-fx b:nth-child(n/**/+3){display:none} .ch-reward-toast--fire{background:linear-gradient(0deg,#210500,#7a1400 48%,#17110b)!important;border-color:#ff7a18!important;box-shadow:0 0 24px rgba(255,86,0,.45)!important}.ch-reward-toast--fire .ch-reward-toast-icon{background:radial-gradient(circle,#ffd36b,#ff7a18 58%,#721800)!important}.ch-reward-toast--fire .ch-reward-toast-fx:after{content:"🔥  🔥  🔥  🔥  🔥";position:absolute;left:8%;right:8%;bottom:-9px;text-align:center;font-size:18px;letter-spacing:12px;opacity:.5;animation:chRewardFlame .8s ease-in-out infinite alternate} .ch-reward-toast--lightning{background:linear-gradient(115deg,#060916,#101b42,#060916)!important;border-color:#8ec5ff!important;box-shadow:0 0 25px rgba(84,157,255,.55)!important}.ch-reward-toast--lightning .ch-reward-toast-fx:after{content:"⚡";position:absolute;right:8%;top:-12px;font-size:62px;color:#d9ebff;opacity:.18;transform:rotate(12deg);animation:chRewardLightning 1.15s steps(1,end) infinite} @keyframes chRewardConfetti{0%{transform:translateY(0) rotate(0);opacity:0}12%{opacity:1}100%{transform:translateY(90px) rotate(480deg);opacity:0}} @keyframes chRewardFirework{0%{transform:scale(.1);opacity:0}20%{opacity:1}75%{transform:scale(1);opacity:.9}100%{transform:scale(1.25);opacity:0}} @keyframes chRewardFlame{from{transform:translateY(1px) scaleY(.9)}to{transform:translateY(-2px) scaleY(1.08)}} @keyframes chRewardLightning{0%,86%,100%{opacity:.12}88%{opacity:.8}90%{opacity:.18}92%{opacity:.95}94%{opacity:.16}} @media(max-width:782px){.ch-reward-toast.ch-reward-toast--pos-header{left:6px!important;right:6px!important;top:var(--ch-reward-banner-top,64px)!important;bottom:auto!important;width:auto!important;max-width:none!important;transform:translateY(-8px) scale(.99)!important;border-radius:0 0 12px 12px!important}.ch-reward-toast.ch-reward-toast--pos-header.is-visible{transform:translateY(0) scale(1)!important}.ch-reward-toast--fire .ch-reward-toast-fx:after{font-size:15px;letter-spacing:5px}} .ch-reaction-trigger,.ch-reaction-mobile-caret{-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important;touch-action:manipulation!important} .ch-reaction-trigger img,.ch-reaction-mobile-caret img{pointer-events:none!important;-webkit-user-drag:none!important} .ch-reward-toast--fireworks{overflow:hidden!important;background:radial-gradient(circle at 50% 120%,#1f102f 0,#080812 48%,#030307 100%)!important;border-color:#f7d75f!important;box-shadow:0 0 32px rgba(255,212,82,.55),0 0 70px rgba(125,77,255,.28)!important} .ch-reward-toast--fireworks .ch-reward-toast-fx b{display:block!important;position:absolute!important;width:5px!important;height:5px!important;border-radius:50%!important;background:#fff!important;opacity:.95!important;box-shadow:0 -28px 0 #ffd84d,20px -20px 0 #ff5ca8,28px 0 0 #7be7ff,20px 20px 0 #9cff6b,0 28px 0 #ffd84d,-20px 20px 0 #ff7a59,-28px 0 0 #8b7cff,-20px -20px 0 #fff!important;animation:chRewardFireworkMega 1.15s ease-out infinite!important} .ch-reward-toast--fireworks .ch-reward-toast-fx b:nth-child(1){left:8%;top:52%;animation-delay:0s!important}.ch-reward-toast--fireworks .ch-reward-toast-fx b:nth-child(2){left:22%;top:30%;animation-delay:.22s!important}.ch-reward-toast--fireworks .ch-reward-toast-fx b:nth-child(3){left:38%;top:58%;animation-delay:.5s!important}.ch-reward-toast--fireworks .ch-reward-toast-fx b:nth-child(4){left:54%;top:24%;animation-delay:.12s!important}.ch-reward-toast--fireworks .ch-reward-toast-fx b:nth-child(5){left:68%;top:56%;animation-delay:.7s!important}.ch-reward-toast--fireworks .ch-reward-toast-fx b:nth-child(6){left:82%;top:30%;animation-delay:.36s!important}.ch-reward-toast--fireworks .ch-reward-toast-fx b:nth-child(7){left:92%;top:58%;animation-delay:.82s!important}.ch-reward-toast--fireworks .ch-reward-toast-fx b:nth-child(8){left:48%;top:66%;animation-delay:.93s!important} @keyframes chRewardFireworkMega{0%{transform:scale(.2);opacity:0}12%{opacity:1}68%{transform:scale(1.15);opacity:1}100%{transform:scale(1.6);opacity:0}} .ch-reward-toast--fire{overflow:hidden!important;background:linear-gradient(0deg,#240000 0%,#7b0c00 34%,#d63b00 68%,#2a0700 100%)!important;border-color:#ff9b21!important;box-shadow:0 0 35px rgba(255,73,0,.72),0 0 70px rgba(255,149,0,.35)!important} .ch-reward-toast--fire .ch-reward-toast-fx:before,.ch-reward-toast--fire .ch-reward-toast-fx:after{position:absolute;left:-2%;right:-2%;bottom:-16px;text-align:center;white-space:nowrap;pointer-events:none} .ch-reward-toast--fire .ch-reward-toast-fx:before{content:"🔥 🔥 🔥 🔥 🔥 🔥 🔥 🔥";font-size:31px;letter-spacing:3px;opacity:.92;filter:drop-shadow(0 -8px 10px #ff8a00);animation:chRewardInferno .48s ease-in-out infinite alternate!important} .ch-reward-toast--fire .ch-reward-toast-fx:after{content:"🔥  🔥  🔥  🔥  🔥";font-size:22px;bottom:-4px;opacity:.68;animation:chRewardInferno .68s ease-in-out infinite alternate-reverse!important} @keyframes chRewardInferno{from{transform:translateY(6px) scaleY(.88)}to{transform:translateY(-10px) scaleY(1.18)}} .ch-reward-toast--lightning{overflow:hidden!important;background:linear-gradient(115deg,#01030b,#071440 45%,#02040d)!important;border-color:#9ed7ff!important;box-shadow:0 0 36px rgba(55,154,255,.78),0 0 74px rgba(141,91,255,.38)!important;animation:chRewardStormFlash 1.6s infinite!important} .ch-reward-toast--lightning .ch-reward-toast-fx:before,.ch-reward-toast--lightning .ch-reward-toast-fx:after{position:absolute;content:"⚡";font-size:78px;color:#eaf8ff;text-shadow:0 0 12px #65c7ff,0 0 28px #8d6bff;opacity:.92;pointer-events:none;animation:chRewardBoltStrike 1.05s steps(1,end) infinite!important} .ch-reward-toast--lightning .ch-reward-toast-fx:before{left:5%;top:-27px;transform:rotate(-12deg)}.ch-reward-toast--lightning .ch-reward-toast-fx:after{right:4%;bottom:-28px;transform:rotate(16deg);animation-delay:.42s!important} @keyframes chRewardStormFlash{0%,17%,22%,58%,64%,100%{filter:brightness(1)}18%,20%,59%,61%{filter:brightness(2.15)}} @keyframes chRewardBoltStrike{0%,12%,18%,52%,58%,100%{opacity:.08}13%,15%,53%,55%{opacity:1}} nn/**/n@media (max-width: 782px) {n n body > .ch-reaction-picker.ch-mobile-reaction-picker.ch-mobile-picker-open {n display: grid !important;n opacity: 1 !important;n visibility: visible !important;n pointer-events: auto !important;n }nn .ch-reaction-users-backdrop {n position: fixed !important;n inset: 0 !important;n z-index: 2147483290 !important;n display: block !important;n width: 100% !important;n height: 100% !important;n padding: 0 !important;n margin: 0 !important;n border: 0 !important;n border-radius: 0 !important;n background: rgba(2, 6, 23, .46) !important;n opacity: 0 !important;n visibility: hidden !important;n pointer-events: none !important;n transition: opacity .16s ease, visibility .16s ease !important;n }nn .ch-reaction-users-backdrop.is-visible:not([hidden]) {n opacity: 1 !important;n visibility: visible !important;n pointer-events: auto !important;n }nn .ch-reaction-users-panel.is-mobile-sheet {n z-index: 2147483300 !important;n bottom: 0 !important;n left: 0 !important;n right: 0 !important;n width: 100% !important;n max-width: none !important;n border-radius: 20px 20px 0 0 !important;n padding: 8px 10px calc(12px + env(safe-area-inset-bottom)) !important;n transform: translateY(18px) !important;n }nn .ch-reaction-users-panel.is-mobile-sheet.is-visible {n transform: translateY(0) !important;n }nn .ch-reaction-users-sheet-header {n display: flex !important;n align-items: center !important;n justify-content: space-between !important;n gap: 12px !important;n min-height: 42px !important;n padding: 2px 4px 8px !important;n border-bottom: 1px solid #e5e7eb !important;n }nn .ch-reaction-users-sheet-header strong {n font-size: 15px !important;n line-height: 1.2 !important;n }nn .ch-reaction-users-close {n width: 36px !important;n height: 36px !important;n min-width: 36px !important;n border: 0 !important;n border-radius: 999px !important;n background: #eef2f7 !important;n color: #111827 !important;n font-size: 26px !important;n line-height: 1 !important;n display: inline-flex !important;n align-items: center !important;n justify-content: center !important;n cursor: pointer !important;n }nn body.ch-reaction-users-open {n overflow: hidden !important;n }n}nn@media (min-width: 783px) {n .ch-reaction-users-sheet-header {n display: none !important;n }n .ch-reaction-users-backdrop {n display: none !important;n }n}n .ch-post-reaction-wrap > .ch-reaction-total { display:none !important; } .ch-post-reaction-wrap > .ch-reaction-mobile-caret[data-ch-reaction-people] { display:inline-flex !important; align-items:center !important; justify-content:center !important; width:24px !important; height:28px !important; min-width:24px !important; margin:0 0 0 -2px !important; padding:0 !important; border:0 !important; background:transparent !important; color:inherit !important; opacity:.68 !important; font-size:15px !important; line-height:1 !important; cursor:pointer !important; box-shadow:none !important; } .ch-post-reaction-wrap > .ch-reaction-mobile-caret[data-ch-reaction-people][hidden] { display:none !important; } .ch-post-reaction-wrap > .ch-reaction-mobile-caret[data-ch-reaction-people]:hover, .ch-post-reaction-wrap > .ch-reaction-mobile-caret[data-ch-reaction-people]:focus-visible { opacity:1 !important; } @media (max-width:782px) { .ch-reaction-trigger { -webkit-touch-callout:none !important; -webkit-user-select:none !important; user-select:none !important; touch-action:manipulation !important; } .ch-reaction-trigger img, .ch-reaction-option img { -webkit-user-drag:none !important; pointer-events:none !important; } .ch-reaction-users-backdrop { background:rgba(3,7,18,.32) !important; backdrop-filter:blur(2px) !important; -webkit-backdrop-filter:blur(2px) !important; } .ch-reaction-users-panel.is-mobile-sheet { left:10px !important; right:10px !important; bottom:calc(10px + env(safe-area-inset-bottom)) !important; width:auto !important; max-width:none !important; padding:0 0 8px !important; border-radius:18px !important; overflow:hidden !important; box-shadow:0 18px 48px rgba(0,0,0,.28) !important; transform:translateY(12px) scale(.99) !important; transition:transform .14s ease, opacity .14s ease, visibility .14s ease !important; } .ch-reaction-users-panel.is-mobile-sheet.is-visible { transform:translateY(0) scale(1) !important; } .ch-reaction-users-sheet-handle { display:block !important; width:38px !important; height:4px !important; margin:8px auto 4px !important; border-radius:999px !important; background:currentColor !important; opacity:.16 !important; } .ch-reaction-users-sheet-header { display:flex !important; min-height:0 !important; padding:5px 14px 9px !important; border-bottom:1px solid rgba(127,127,127,.18) !important; } .ch-reaction-users-sheet-header strong { width:100% !important; text-align:left !important; font-size:14px !important; line-height:1.3 !important; font-weight:750 !important; } .ch-reaction-users-close { display:none !important; } .ch-reaction-users-panel.is-mobile-sheet .ch-reaction-users-inner { max-height:min(38dvh,320px) !important; overflow:auto !important; padding:8px 10px !important; } body.ch-reaction-users-open { overflow:auto !important; } } nn .ch-post-reaction-wrap > .ch-reaction-mobile-caret[data-ch-reaction-people] { width:auto !important; min-width:34px !important; height:28px !important; gap:3px !important; margin-left:0 !important; padding:2px 7px 2px 5px !important; border:1px solid rgba(127,127,127,.22) !important; border-radius:999px !important; background:rgba(127,127,127,.08) !important; opacity:.92 !important; font-size:12px !important; font-weight:700 !important; transition:background .15s ease,border-color .15s ease,transform .15s ease !important; } .ch-post-reaction-wrap > .ch-reaction-mobile-caret[data-ch-reaction-people]:hover, .ch-post-reaction-wrap > .ch-reaction-mobile-caret[data-ch-reaction-people]:focus-visible { background:rgba(127,127,127,.14) !important; border-color:rgba(127,127,127,.34) !important; transform:translateY(-1px) !important; } .ch-reaction-people-summary { display:inline-flex !important; align-items:center !important; } .ch-reaction-people-summary .ch-reaction-summary-item { display:inline-flex !important; margin-left:-3px !important; } .ch-reaction-people-summary .ch-reaction-summary-item:first-child { margin-left:0 !important; } .ch-reaction-people-summary img, .ch-reaction-people-summary .ch-reaction-emoji { width:15px !important; height:15px !important; font-size:14px !important; line-height:15px !important; } .ch-reaction-people-count { min-width:1ch !important; text-align:center !important; } .ch-reaction-people-chevron { font-size:10px !important; opacity:.7 !important; transform:translateY(1px) !important; } @media (max-width:782px) { .ch-reaction-trigger { touch-action:manipulation !important; } .ch-post-reaction-wrap > .ch-reaction-mobile-caret[data-ch-reaction-people] { min-height:30px !important; } } @media (min-width: 783px) { .ch-comment-reaction-wrap > .ch-reaction-picker { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; width: max-content !important; min-width: max-content !important; max-width: none !important; box-sizing: border-box !important; flex-wrap: nowrap !important; overflow: visible !important; } .ch-comment-reaction-wrap > .ch-reaction-trigger:hover ~ .ch-reaction-picker, .ch-comment-reaction-wrap > .ch-reaction-trigger:focus-visible ~ .ch-reaction-picker, .ch-comment-reaction-wrap.is-picker-open > .ch-reaction-picker, .ch-comment-reaction-wrap > .ch-reaction-picker:hover { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; } } @media (min-width: 769px) { .ch-comment-reaction-wrap:has(> [data-ch-reaction-summary]:hover) > .ch-reaction-picker, .ch-comment-reaction-wrap:has(> [data-ch-reaction-summary]:focus) > .ch-reaction-picker, .ch-comment-reaction-wrap:has(> [data-ch-reaction-summary]:focus-visible) > .ch-reaction-picker { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transform: translateY(4px) scale(0.98) !important; } } nn/**/n@media (max-width: 782px) {n .ch-reaction-users-panel.is-mobile-popover {n position: fixed !important;n right: auto !important;n bottom: auto !important;n max-width: calc(100vw - 20px) !important;n min-width: 220px !important;n padding: 8px !important;n border-radius: 16px !important;n overflow: hidden !important;n box-shadow: 0 16px 44px rgba(0,0,0,.30) !important;n transform: translateY(4px) scale(.985) !important;n transform-origin: 50% 100% !important;n transition: transform .12s ease, opacity .12s ease, visibility .12s ease !important;n z-index: 2147483300 !important;n }n .ch-reaction-users-panel.is-mobile-popover.is-visible {n transform: translateY(0) scale(1) !important;n }n .ch-reaction-users-panel.is-mobile-popover .ch-reaction-users-sheet-handle {n display: none !important;n }n .ch-reaction-users-panel.is-mobile-popover .ch-reaction-users-sheet-header {n display: flex !important;n align-items: center !important;n min-height: 0 !important;n padding: 4px 6px 8px !important;n border-bottom: 1px solid rgba(127,127,127,.16) !important;n }n .ch-reaction-users-panel.is-mobile-popover .ch-reaction-users-sheet-header strong {n font-size: 13px !important;n line-height: 1.25 !important;n font-weight: 800 !important;n }n .ch-reaction-users-panel.is-mobile-popover .ch-reaction-users-inner {n max-height: min(38dvh, 280px) !important;n overflow: auto !important;n padding: 6px 4px 2px !important;n }n .ch-reaction-users-panel.is-mobile-popover .ch-reaction-user {n min-height: 40px !important;n }n .ch-reaction-users-backdrop {n background: rgba(2,6,23,.18) !important;n backdrop-filter: none !important;n -webkit-backdrop-filter: none !important;n }n}n @media (max-width: 782px) { .ch-reaction-users-panel.is-mobile-popover { position: fixed !important; display: block !important; right: auto !important; bottom: auto !important; max-width: calc(100vw - 20px) !important; min-width: 220px !important; padding: 8px !important; border-radius: 16px !important; overflow: hidden !important; box-shadow: 0 16px 44px rgba(0,0,0,.30) !important; transform: translateY(4px) scale(.985) !important; transform-origin: 50% 100% !important; transition: transform .12s ease, opacity .12s ease, visibility .12s ease !important; z-index: 2147483300 !important; } .ch-reaction-users-panel.is-mobile-popover.is-visible { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transform: translateY(0) scale(1) !important; } .ch-reaction-users-panel.is-mobile-popover .ch-reaction-users-sheet-handle { display: none !important; } .ch-reaction-users-panel.is-mobile-popover .ch-reaction-users-sheet-header { display: flex !important; align-items: center !important; min-height: 0 !important; padding: 4px 6px 8px !important; border-bottom: 1px solid rgba(127,127,127,.16) !important; } .ch-reaction-users-panel.is-mobile-popover .ch-reaction-users-sheet-header strong { font-size: 13px !important; line-height: 1.25 !important; font-weight: 800 !important; } .ch-reaction-users-panel.is-mobile-popover .ch-reaction-users-inner { max-height: min(38dvh, 280px) !important; overflow: auto !important; padding: 6px 4px 2px !important; } .ch-reaction-users-panel.is-mobile-popover .ch-reaction-user { min-height: 40px !important; } .ch-reaction-users-backdrop { background: rgba(2,6,23,.18) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } } @media (max-width: 782px) { .ch-mobile-reaction-people-popover { position: fixed !important; z-index: 2147483400 !important; display: block !important; width: 260px !important; max-width: calc(100vw - 20px) !important; max-height: min(42dvh, 320px) !important; overflow: auto !important; padding: 8px !important; margin: 0 !important; border: 1px solid rgba(127,127,127,.22) !important; border-radius: 14px !important; background: var(--ch-surface, #fff) !important; color: var(--ch-text, #111827) !important; box-shadow: 0 14px 38px rgba(0,0,0,.26) !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transform: translateY(3px) scale(.985) !important; transition: opacity .12s ease, transform .12s ease, visibility .12s ease !important; } .ch-mobile-reaction-people-popover.is-visible { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transform: translateY(0) scale(1) !important; } .ch-mobile-reaction-people-inner { display: grid !important; gap: 3px !important; } .ch-mobile-reaction-people-popover .ch-reaction-user { display: grid !important; grid-template-columns: 34px minmax(0,1fr) 26px !important; align-items: center !important; min-height: 42px !important; gap: 8px !important; padding: 5px 6px !important; border-radius: 10px !important; } .ch-mobile-reaction-people-popover .ch-reaction-user-avatar img { width: 32px !important; height: 32px !important; border-radius: 50% !important; object-fit: cover !important; } .ch-mobile-reaction-people-popover .ch-reaction-user-name { min-width: 0 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; font-size: 13px !important; font-weight: 750 !important; } } @media (max-width: 768px) { .ch-comment-actions, .ch-comment-actions button, .ch-comment-actions a, .ch-comment-actions .ch-reaction-trigger, .ch-comment-actions .ch-reply-toggle { -webkit-user-select: none !important; user-select: none !important; -webkit-touch-callout: none !important; } } .ch-profile-notifications-summary{ background:#eff6ff!important; border-color:#bfdbfe!important; color:#0f172a!important; } .ch-profile-notifications-summary span{color:#475569!important} .ch-profile-notifications-summary strong{color:#1d4ed8!important} html[data-ch-theme-mode="dark"] .ch-profile-notifications-summary, body.ch-theme-mode-dark .ch-profile-notifications-summary, body.ch-theme-dark .ch-profile-notifications-summary{ background:#111827!important; border-color:#334155!important; color:#f8fafc!important; } html[data-ch-theme-mode="dark"] .ch-profile-notifications-summary span, body.ch-theme-mode-dark .ch-profile-notifications-summary span, body.ch-theme-dark .ch-profile-notifications-summary span{color:#cbd5e1!important} html[data-ch-theme-mode="dark"] .ch-profile-notifications-summary strong, body.ch-theme-mode-dark .ch-profile-notifications-summary strong, body.ch-theme-dark .ch-profile-notifications-summary strong{color:#93c5fd!important} .ch-announcement-media{margin:0 0 16px;overflow:hidden;border-radius:14px;background:#e2e8f0} .ch-announcement-image{display:block;width:100%;height:auto;max-height:360px;object-fit:cover} .ch-announcement-image-trigger{position:relative!important;overflow:hidden!important;border-radius:14px!important;outline-offset:3px!important} .ch-announcement-image-trigger:focus-visible{outline:3px solid var(--ch-theme-accent,#2563eb)!important} .ch-announcement-image-trigger .ch-announcement-image{transition:transform .18s ease,filter .18s ease} .ch-announcement-image-trigger:hover .ch-announcement-image,.ch-announcement-image-trigger:focus-visible .ch-announcement-image{transform:scale(1.012);filter:brightness(.94)} .ch-announcement-image-enlarge{position:absolute;right:10px;bottom:10px;display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:rgba(2,6,23,.72);color:#fff;font-size:18px;font-weight:900;line-height:1;box-shadow:0 5px 18px rgba(2,6,23,.28);backdrop-filter:blur(6px);pointer-events:none} @media(max-width:782px){.ch-announcement-image-enlarge{right:8px;bottom:8px;width:32px;height:32px;font-size:17px}} .ch-announcement-content a{color:#2563eb;font-weight:800;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:2px} .ch-announcement-content a:hover,.ch-announcement-content a:focus{color:#1d4ed8} html[data-ch-theme-mode="dark"] .ch-announcement-content a, body.ch-theme-mode-dark .ch-announcement-content a, body.ch-theme-dark .ch-announcement-content a{color:#93c5fd} html[data-ch-theme-mode="dark"] .ch-announcement-content a:hover, html[data-ch-theme-mode="dark"] .ch-announcement-content a:focus, body.ch-theme-mode-dark .ch-announcement-content a:hover, body.ch-theme-mode-dark .ch-announcement-content a:focus, body.ch-theme-dark .ch-announcement-content a:hover, body.ch-theme-dark .ch-announcement-content a:focus{color:#bfdbfe} .ch-announcement-overlay:not([hidden]) .ch-announcement-animation-pop{animation:chAnnouncementPop .34s cubic-bezier(.2,.9,.25,1.15) both} .ch-announcement-overlay:not([hidden]) .ch-announcement-animation-slide{animation:chAnnouncementSlide .38s cubic-bezier(.2,.8,.2,1) both} .ch-announcement-overlay:not([hidden]) .ch-announcement-animation-fade{animation:chAnnouncementFade .28s ease-out both} @keyframes chAnnouncementPop{from{opacity:0;transform:scale(.92) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}} @keyframes chAnnouncementSlide{from{opacity:0;transform:translateY(34px)}to{opacity:1;transform:translateY(0)}} @keyframes chAnnouncementFade{from{opacity:0}to{opacity:1}} @media (prefers-reduced-motion:reduce){.ch-announcement-dialog{animation:none!important}} .ch-announcement-dialog.ch-announcement-animation-pop{animation:chAnnouncementPop .42s cubic-bezier(.16,1,.3,1) both} .ch-announcement-dialog.ch-announcement-animation-slide{animation:chAnnouncementSlideUp .44s cubic-bezier(.16,1,.3,1) both} .ch-announcement-dialog.ch-announcement-animation-slide-down{animation:chAnnouncementSlideDown .44s cubic-bezier(.16,1,.3,1) both} .ch-announcement-dialog.ch-announcement-animation-slide-left{animation:chAnnouncementSlideLeft .46s cubic-bezier(.16,1,.3,1) both} .ch-announcement-dialog.ch-announcement-animation-slide-right{animation:chAnnouncementSlideRight .46s cubic-bezier(.16,1,.3,1) both} .ch-announcement-dialog.ch-announcement-animation-fade{animation:chAnnouncementFade .34s ease both} .ch-announcement-dialog.ch-announcement-animation-zoom{animation:chAnnouncementZoom .42s cubic-bezier(.16,1,.3,1) both} .ch-announcement-dialog.ch-announcement-animation-bounce{animation:chAnnouncementBounce .58s cubic-bezier(.22,1.35,.36,1) both} .ch-announcement-dialog.ch-announcement-animation-flip{animation:chAnnouncementFlip .58s cubic-bezier(.16,1,.3,1) both;backface-visibility:hidden} .ch-announcement-effect-glow .ch-announcement-dialog{isolation:isolate}.ch-announcement-effect-glow .ch-announcement-dialog:after{content:"";position:absolute;inset:-2px;border-radius:inherit;pointer-events:none;z-index:-1;animation:chAnnouncementGlow 1.4s ease-out both} .ch-announcement-effect-sparkles .ch-announcement-dialog:before,.ch-announcement-effect-sparkles .ch-announcement-dialog:after{content:"✦";position:absolute;z-index:3;color:var(--ch-theme-accent,#2563eb);font-size:24px;pointer-events:none;animation:chAnnouncementSparkle 1.15s ease-out both} .ch-announcement-effect-sparkles .ch-announcement-dialog:before{top:12px;left:14px}.ch-announcement-effect-sparkles .ch-announcement-dialog:after{right:20px;bottom:16px;animation-delay:.14s} .ch-announcement-confetti{position:fixed;inset:0;z-index:2147482501;overflow:hidden;pointer-events:none} .ch-announcement-confetti i{position:absolute;left:var(--ch-confetti-x);top:-18px;width:8px;height:14px;border-radius:2px;background:var(--ch-theme-accent,#2563eb);animation:chAnnouncementConfetti 1.55s cubic-bezier(.18,.82,.28,1) var(--ch-confetti-delay) both} .ch-announcement-confetti i:nth-child(3n){border-radius:50%;width:9px;height:9px;background:#c8a84b}.ch-announcement-confetti i:nth-child(3n/**/+1){width:5px;height:15px;background:#f5f0e8;box-shadow:0 0 0 1px rgba(15,23,42,.15)} @keyframes chAnnouncementPop{0%{opacity:0;transform:translateY(12px) scale(.9)}100%{opacity:1;transform:none}} @keyframes chAnnouncementSlideUp{0%{opacity:0;transform:translateY(58px)}100%{opacity:1;transform:none}} @keyframes chAnnouncementSlideDown{0%{opacity:0;transform:translateY(-58px)}100%{opacity:1;transform:none}} @keyframes chAnnouncementSlideLeft{0%{opacity:0;transform:translateX(-70px)}100%{opacity:1;transform:none}} @keyframes chAnnouncementSlideRight{0%{opacity:0;transform:translateX(70px)}100%{opacity:1;transform:none}} @keyframes chAnnouncementFade{0%{opacity:0}100%{opacity:1}} @keyframes chAnnouncementZoom{0%{opacity:0;transform:scale(.76)}100%{opacity:1;transform:scale(1)}} @keyframes chAnnouncementBounce{0%{opacity:0;transform:translateY(40px) scale(.9)}65%{opacity:1;transform:translateY(-7px) scale(1.015)}100%{transform:none}} @keyframes chAnnouncementFlip{0%{opacity:0;transform:perspective(900px) rotateX(-24deg) scale(.92)}100%{opacity:1;transform:perspective(900px) rotateX(0) scale(1)}} @keyframes chAnnouncementGlow{0%{box-shadow:0 28px 80px rgba(2,6,23,.36)}35%{box-shadow:0 24px 82px color-mix(in srgb,var(--ch-theme-accent,#2563eb) 45%,transparent),0 0 0 3px color-mix(in srgb,var(--ch-theme-accent,#2563eb) 35%,transparent)}100%{box-shadow:0 28px 80px rgba(2,6,23,.36)}} @keyframes chAnnouncementSparkle{0%{opacity:0;transform:scale(.4) rotate(-30deg)}35%{opacity:1;transform:scale(1.25) rotate(10deg)}100%{opacity:0;transform:scale(.7) rotate(35deg)}} @keyframes chAnnouncementConfetti{0%{opacity:0;transform:translate3d(0,-12px,0) rotate(0)}10%{opacity:1}100%{opacity:0;transform:translate3d(var(--ch-confetti-drift),105vh,0) rotate(var(--ch-confetti-spin))}} @media(prefers-reduced-motion:reduce){.ch-announcement-dialog[class*="ch-announcement-animation-"],.ch-announcement-effect-glow .ch-announcement-dialog:after,.ch-announcement-effect-sparkles .ch-announcement-dialog:before,.ch-announcement-effect-sparkles .ch-announcement-dialog:after,.ch-announcement-confetti i{animation:none!important}.ch-announcement-confetti{display:none!important}} nn/**/n.ch-community-access-wall{width:100%;max-width:760px;margin:clamp(32px,8vh,96px) auto;padding:0 18px;box-sizing:border-box}n.ch-community-access-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:clamp(28px,5vw,52px);border:1px solid var(--ch-border,#d8dee9);border-radius:20px;background:var(--ch-surface,#fff);color:var(--ch-text,#172033);box-shadow:0 18px 55px rgba(15,23,42,.08)}n.ch-community-access-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:var(--ch-surface-soft,#f3f6fb);font-size:28px;line-height:1}n.ch-community-access-card h1{margin:0;color:inherit;font-size:clamp(28px,5vw,42px);line-height:1.08}n.ch-community-access-card p{max-width:560px;margin:0;color:var(--ch-text-muted,#5f6b7a);font-size:16px;line-height:1.65}n.ch-community-access-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px}n.ch-community-access-actions .ch-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 18px;border-radius:12px;font-weight:800;text-decoration:none}n.ch-community-access-actions .ch-button-primary{background:var(--ch-accent,#2563eb);border:1px solid var(--ch-accent,#2563eb);color:#fff}n.ch-community-access-actions .ch-button-secondary{background:transparent;border:1px solid var(--ch-border,#cbd5e1);color:inherit}nhtml[data-ch-theme-mode=\"dark\"] .ch-community-access-card,body.ch-theme-mode-dark .ch-community-access-card{background:var(--ch-surface,#111827);border-color:var(--ch-border,#334155);color:var(--ch-text,#f8fafc);box-shadow:0 18px 55px rgba(0,0,0,.28)}nhtml[data-ch-theme-mode=\"dark\"] .ch-community-access-card p,body.ch-theme-mode-dark .ch-community-access-card p{color:var(--ch-text-muted,#cbd5e1)}nhtml[data-ch-theme-mode=\"dark\"] .ch-community-access-icon,body.ch-theme-mode-dark .ch-community-access-icon{background:var(--ch-surface-soft,#1e293b)}n@media(max-width:600px){.ch-community-access-wall{margin:28px auto}.ch-community-access-card{padding:28px 20px;border-radius:16px}.ch-community-access-actions{width:100%}.ch-community-access-actions .ch-button{flex:1 1 100%}}n .ch-comment-actions .ch-comment-reaction-wrap > .ch-comment-reaction-people{ display:inline-flex!important; align-items:center!important; justify-content:center!important; box-sizing:border-box!important; width:auto!important; min-width:32px!important; min-height:26px!important; margin:0 0 0 2px!important; padding:2px 6px!important; gap:3px!important; border:1px solid rgba(127,127,127,.22)!important; border-radius:999px!important; background:rgba(127,127,127,.08)!important; color:inherit!important; opacity:.9!important; font:inherit!important; font-size:11px!important; font-weight:750!important; line-height:1!important; cursor:pointer!important; box-shadow:none!important; vertical-align:middle!important; transition:background .15s ease,border-color .15s ease,transform .15s ease!important; } .ch-comment-actions .ch-comment-reaction-wrap > .ch-comment-reaction-people[hidden]{ display:none!important; } .ch-comment-actions .ch-comment-reaction-wrap > button.ch-comment-reaction-people:hover, .ch-comment-actions .ch-comment-reaction-wrap > button.ch-comment-reaction-people:focus-visible{ background:rgba(127,127,127,.14)!important; border-color:rgba(127,127,127,.34)!important; opacity:1!important; } .ch-comment-actions .ch-comment-reaction-people .ch-reaction-people-summary{ display:inline-flex!important; align-items:center!important; } .ch-comment-actions .ch-comment-reaction-people .ch-reaction-summary-item{ display:inline-flex!important; margin-left:-3px!important; } .ch-comment-actions .ch-comment-reaction-people .ch-reaction-summary-item:first-child{ margin-left:0!important; } .ch-comment-actions .ch-comment-reaction-people :is(img,.ch-reaction-emoji){ width:14px!important; height:14px!important; max-width:14px!important; font-size:13px!important; line-height:14px!important; } .ch-comment-actions .ch-comment-reaction-people .ch-reaction-people-count{ min-width:1ch!important; text-align:center!important; } .ch-comment-actions .ch-comment-reaction-people .ch-reaction-people-chevron{ font-size:9px!important; opacity:.72!important; transform:translateY(1px)!important; } .ch-profile-actions--social{ display:flex!important; flex-direction:column; align-items:flex-end; justify-content:flex-start; gap:7px; min-width:220px; } .ch-profile-social-controls{ display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:7px; } .ch-profile-friend-controls, .ch-profile-safety-controls{ display:inline-flex; align-items:center; gap:7px; } .ch-profile-social-button{ appearance:none; display:inline-flex; align-items:center; justify-content:center; min-height:38px; padding:8px 13px; border:1px solid #d7e0ea; border-radius:999px; background:#ffffff; color:#334155; font:inherit; font-size:12px; font-weight:850; line-height:1; cursor:pointer; text-decoration:none; box-shadow:0 3px 10px rgba(15,23,42,.05); transition:background .14s ease,border-color .14s ease,color .14s ease,box-shadow .14s ease,transform .14s ease; } .ch-profile-social-button:hover, .ch-profile-social-button:focus-visible{ border-color:#bdc9d7; background:#f8fafc; color:#0f172a; outline:none; transform:translateY(-1px); box-shadow:0 5px 14px rgba(15,23,42,.08); } .ch-profile-social-button.is-primary{ border-color:#2563eb; background:#2563eb; color:#fff; box-shadow:0 7px 18px rgba(37,99,235,.18); } .ch-profile-social-button.is-primary:hover, .ch-profile-social-button.is-primary:focus-visible{ border-color:#1d4ed8; background:#1d4ed8; color:#fff; } .ch-profile-social-button.is-danger-quiet{ border-color:transparent; background:transparent; color:#b42318; box-shadow:none; } .ch-profile-social-button.is-danger-quiet:hover, .ch-profile-social-button.is-danger-quiet:focus-visible{ border-color:rgba(180,35,24,.18); background:rgba(180,35,24,.07); color:#991b1b; } .ch-profile-social-button:disabled{ opacity:.58; cursor:wait; transform:none; } .ch-profile-social-state{ display:inline-flex; align-items:center; min-height:38px; padding:8px 12px; border:1px solid #dbe4ef; border-radius:999px; background:#f8fafc; color:#64748b; font-size:12px; font-weight:850; } .ch-profile-social-state.is-friends{ border-color:#bbf7d0; background:#f0fdf4; color:#15803d; } .ch-profile-social-status{ width:100%; margin-top:2px; color:#475569; font-size:11px; font-weight:700; text-align:right; } .ch-profile-social-status.is-error{color:#b42318} .ch-profile-social-controls.is-busy{opacity:.78} .ch-profile-actions--social .ch-profile-report-quiet{margin-top:0} body.ch-theme-dark .ch-profile-social-button, body.ch-theme-mode-dark .ch-profile-social-button, html[data-ch-theme-mode="dark"] .ch-profile-social-button{ border-color:#39485b; background:#172033; color:#dbe5f1; box-shadow:0 3px 12px rgba(0,0,0,.18); } body.ch-theme-dark .ch-profile-social-button:hover, body.ch-theme-mode-dark .ch-profile-social-button:hover, html[data-ch-theme-mode="dark"] .ch-profile-social-button:hover, body.ch-theme-dark .ch-profile-social-button:focus-visible, body.ch-theme-mode-dark .ch-profile-social-button:focus-visible, html[data-ch-theme-mode="dark"] .ch-profile-social-button:focus-visible{ border-color:#52647b; background:#202b3d; color:#fff; } body.ch-theme-dark .ch-profile-social-button.is-primary, body.ch-theme-mode-dark .ch-profile-social-button.is-primary, html[data-ch-theme-mode="dark"] .ch-profile-social-button.is-primary{ border-color:#3b82f6; background:#2563eb; color:#fff; } body.ch-theme-dark .ch-profile-social-button.is-danger-quiet, body.ch-theme-mode-dark .ch-profile-social-button.is-danger-quiet, html[data-ch-theme-mode="dark"] .ch-profile-social-button.is-danger-quiet{ border-color:transparent; background:transparent; color:#fda4af; box-shadow:none; } body.ch-theme-dark .ch-profile-social-button.is-danger-quiet:hover, body.ch-theme-mode-dark .ch-profile-social-button.is-danger-quiet:hover, html[data-ch-theme-mode="dark"] .ch-profile-social-button.is-danger-quiet:hover{ border-color:rgba(253,164,175,.18); background:rgba(244,63,94,.10); color:#fecdd3; } body.ch-theme-dark .ch-profile-social-state, body.ch-theme-mode-dark .ch-profile-social-state, html[data-ch-theme-mode="dark"] .ch-profile-social-state{ border-color:#39485b; background:#202b3d; color:#cbd5e1; } body.ch-theme-dark .ch-profile-social-state.is-friends, body.ch-theme-mode-dark .ch-profile-social-state.is-friends, html[data-ch-theme-mode="dark"] .ch-profile-social-state.is-friends{ border-color:rgba(74,222,128,.28); background:rgba(34,197,94,.10); color:#86efac; } body.ch-theme-dark .ch-profile-social-status, body.ch-theme-mode-dark .ch-profile-social-status, html[data-ch-theme-mode="dark"] .ch-profile-social-status{ color:#aebdce; } body.ch-theme-dark .ch-profile-social-status.is-error, body.ch-theme-mode-dark .ch-profile-social-status.is-error, html[data-ch-theme-mode="dark"] .ch-profile-social-status.is-error{ color:#fda4af; } @media(max-width:782px){ .ch-profile-actions--social{ width:100%; min-width:0; align-items:stretch; } .ch-profile-social-controls{ width:100%; justify-content:flex-start; } .ch-profile-friend-controls{ flex:1 1 auto; flex-wrap:wrap; } .ch-profile-safety-controls{ margin-left:auto; } .ch-profile-social-button{ min-height:40px; } .ch-profile-friend-controls .ch-profile-social-button.is-primary{ flex:1 1 130px; } .ch-profile-social-status{ text-align:left; } } .ch-profile-social-button.is-unfriend{ border-color:#d7e0ea; background:#f8fafc; color:#475569; } .ch-profile-social-button.is-unfriend:hover, .ch-profile-social-button.is-unfriend:focus-visible{ border-color:#f0b8b8; background:#fff7f7; color:#a61b1b; } body.ch-theme-dark .ch-profile-social-button.is-unfriend, body.ch-theme-mode-dark .ch-profile-social-button.is-unfriend, html[data-ch-theme-mode="dark"] .ch-profile-social-button.is-unfriend{ border-color:#39485b; background:#202b3d; color:#cbd5e1; } body.ch-theme-dark .ch-profile-social-button.is-unfriend:hover, body.ch-theme-mode-dark .ch-profile-social-button.is-unfriend:hover, html[data-ch-theme-mode="dark"] .ch-profile-social-button.is-unfriend:hover{ border-color:rgba(253,164,175,.28); background:rgba(244,63,94,.10); color:#fecdd3; } @media(min-width:783px){ .ch-feed:not(.ch-single-post) .ch-activity-media.ch-attachment-image{ display:grid!important; place-items:center!important; width:100%!important; overflow:hidden!important; border-radius:12px!important; } .ch-feed:not(.ch-single-post) .ch-activity-media.ch-attachment-image .ch-media-lightbox-trigger{ display:grid!important; place-items:center!important; width:100%!important; max-width:100%!important; max-height:min(52vh,540px)!important; padding:0!important; overflow:hidden!important; background:transparent!important; } .ch-feed:not(.ch-single-post) .ch-activity-media.ch-attachment-image .ch-media-lightbox-trigger > img{ width:auto!important; max-width:100%!important; height:auto!important; max-height:min(52vh,540px)!important; object-fit:contain!important; margin-inline:auto!important; } } @media(min-width:783px){ .ch-feed:not(.ch-single-post) .ch-activity-media.ch-attachment-image{ max-width:min(100%,620px)!important; margin-left:auto!important; margin-right:auto!important; } .ch-feed:not(.ch-single-post) .ch-activity-media.ch-attachment-image .ch-media-lightbox-trigger, .ch-feed:not(.ch-single-post) .ch-activity-media.ch-attachment-image .ch-media-lightbox-trigger > img{ max-height:min(52vh,540px)!important; } .ch-media-lightbox-dialog{ position:fixed!important; inset:0!important; width:100vw!important; height:100dvh!important; max-width:100vw!important; max-height:100dvh!important; overflow:hidden!important; box-sizing:border-box!important; } .ch-media-lightbox-stage{ width:100%!important; height:100%!important; max-width:100vw!important; max-height:100dvh!important; padding:72px 76px 54px!important; overflow:hidden!important; box-sizing:border-box!important; } .ch-media-lightbox-image{ width:auto!important; height:auto!important; max-width:100%!important; max-height:100%!important; object-fit:contain!important; } .ch-media-lightbox-toolbar{ position:fixed!important; top:16px!important; left:16px!important; right:92px!important; max-width:calc(100vw - 108px)!important; z-index:2147483645!important; flex-wrap:wrap!important; } .ch-media-lightbox-close{ position:fixed!important; top:16px!important; right:16px!important; left:auto!important; margin:0!important; transform:none!important; z-index:2147483646!important; } .ch-media-lightbox-prev{ position:fixed!important; left:16px!important; } .ch-media-lightbox-next{ position:fixed!important; right:16px!important; } .ch-media-lightbox-nav{ top:50%!important; margin-top:-29px!important; z-index:2147483645!important; } } .ch-profile-friends-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .ch-profile-friend-card{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--ch-border,#dcdcde);border-radius:14px;background:var(--ch-card-bg,#fff)} .ch-profile-friend-avatar,.ch-online-member-avatar{position:relative;display:inline-flex;flex:0 0 auto} .ch-profile-friend-avatar img{width:76px;height:76px;border-radius:50%;object-fit:cover} .ch-profile-online-dot,.ch-online-member-avatar i{position:absolute;right:1px;bottom:3px;width:13px;height:13px;border:2px solid var(--ch-card-bg,#fff);border-radius:50%;background:#21c55d} .ch-profile-friend-copy{display:flex;flex:1 1 auto;min-width:0;flex-direction:column;gap:3px} .ch-profile-friend-name{font-weight:800;text-decoration:none} .ch-profile-friend-copy>span{font-size:12px;opacity:.68} .ch-profile-friend-view{flex:0 0 auto;text-decoration:none;font-weight:700;font-size:12px;padding:7px 10px;border:1px solid currentColor;border-radius:999px} .ch-online-members-list{display:flex;flex-direction:column;gap:8px} .ch-online-member{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;padding:6px 2px} .ch-online-member-avatar img{width:44px;height:44px;border-radius:50%;object-fit:cover} .ch-online-member-avatar i{width:11px;height:11px;right:0;bottom:1px} .ch-online-member-copy{display:flex;min-width:0;flex-direction:column} .ch-online-member-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .ch-online-members-empty{margin:6px 0;opacity:.72;font-size:13px} @media(max-width:720px){.ch-profile-friends-grid{grid-template-columns:1fr}.ch-profile-friend-card{align-items:flex-start}.ch-profile-friend-view{margin-left:auto}} .ch-user-badge.ch-badge-tooltip-portal-active > .ch-user-badge-tooltip{display:none!important} body > .ch-user-badge-tooltip-portal{ display:block!important; position:fixed!important; z-index:2147483500!important; left:0!important; top:0!important; bottom:auto!important; transform:none!important; margin:0!important; width:max-content!important; max-width:min(260px,calc(100vw - 20px))!important; pointer-events:none!important; } body > .ch-user-badge-tooltip-portal[hidden]{display:none!important} body > .ch-user-badge-tooltip-portal::after{ left:var(--ch-badge-tooltip-arrow-x,50%)!important; top:100%!important; bottom:auto!important; transform:translateX(-50%)!important; border-color:#0f172a transparent transparent transparent!important; } body > .ch-user-badge-tooltip-portal.is-below::after{ top:auto!important; bottom:100%!important; border-color:transparent transparent #0f172a transparent!important; } .ch-notification-row, .ch-notification-item{ position:relative; } .ch-notification-visual{ flex:0 0 42px; width:42px; height:42px; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; overflow:hidden; } .ch-notification-visual--avatar img{ width:100%; height:100%; object-fit:cover; border-radius:inherit; } .ch-notification-visual--icon{ background:var(--ch-surface-soft,#eef2f7); border:1px solid var(--ch-border,#d9e2ec); color:var(--ch-text,#172033); } .ch-hooligan-week-card{position:relative;display:grid;justify-items:center;text-align:center;gap:8px;padding:18px 14px 14px;border:1px solid var(--ch-border,#d9e2ec);border-radius:16px;background:linear-gradient(145deg,color-mix(in srgb,#c8a84b 10%,var(--ch-surface,#fff)),var(--ch-surface,#fff));overflow:hidden}.ch-hooligan-week-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,transparent,#c8a84b,transparent)}.ch-hooligan-week-crown{position:absolute;top:8px;right:10px;color:#a27612;font-size:18px;line-height:1}.ch-hooligan-week-avatar{display:inline-flex;width:84px;height:84px;border-radius:50%;padding:3px;border:2px solid #c8a84b;background:var(--ch-surface,#fff);box-shadow:0 8px 22px rgba(15,23,42,.14)}.ch-hooligan-week-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.ch-hooligan-week-copy{display:grid;justify-items:center;gap:4px;min-width:0}.ch-hooligan-week-name{font-size:16px;font-weight:900;line-height:1.2;color:var(--ch-text,#172033);text-decoration:none}.ch-hooligan-week-name:hover{text-decoration:underline}.ch-hooligan-week-points{font-size:12px;line-height:1.35;color:var(--ch-text-muted,#607085)}.ch-hooligan-week-points strong{color:#a27612;font-size:15px}.ch-hooligan-week-period{font-size:10px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:var(--ch-text-muted,#607085)}.ch-hooligan-week-empty{display:grid;justify-items:center;text-align:center;gap:6px;padding:16px;border:1px dashed var(--ch-border,#d9e2ec);border-radius:14px;color:var(--ch-text-muted,#607085)}.ch-hooligan-week-empty>span{font-size:22px;color:#a27612}.ch-hooligan-week-empty p{margin:0}.ch-dark .ch-hooligan-week-card,[data-ch-theme="dark"] .ch-hooligan-week-card{background:linear-gradient(145deg,color-mix(in srgb,#c8a84b 12%,var(--ch-surface,#111827)),var(--ch-surface,#111827))}.ch-dark .ch-hooligan-week-points strong,[data-ch-theme="dark"] .ch-hooligan-week-points strong{color:#e4c76f} .ch-daily-spotlight{display:grid;gap:10px;padding:14px;border:1px solid var(--ch-border,#d9e2ec);border-radius:14px;background:var(--ch-surface,#fff);color:var(--ch-text,#172033)} .ch-daily-spotlight-kicker,.ch-daily-spotlight-section>span,.ch-daily-spotlight-date{color:var(--ch-text-muted,#607085);font-size:11px;font-weight:800} .ch-daily-spotlight-phrase{font-size:20px;font-weight:900;line-height:1.15}.ch-daily-spotlight-section p{margin:3px 0 0;line-height:1.45}.ch-daily-spotlight-date{padding-top:8px;border-top:1px solid var(--ch-border,#d9e2ec)} @media (min-width: 783px) { .ch-comment-reaction-wrap > .ch-reaction-picker { display: grid !important; grid-template-columns: repeat(5, 38px) !important; grid-auto-flow: row !important; width: max-content !important; min-width: 0 !important; max-width: min(244px, calc(100vw - 32px)) !important; white-space: normal !important; overflow: hidden !important; justify-content: start !important; align-content: start !important; gap: 5px !important; padding: 8px 12px !important; border-radius: 8px !important; } .ch-comment-reaction-wrap > .ch-reaction-picker .ch-reaction-option { width: 38px !important; height: 38px !important; min-width: 38px !important; min-height: 38px !important; } } @media (min-width: 783px) { .ch-comment-reaction-wrap > .ch-reaction-picker { border-radius: 4px !important; } } .ch-reaction-trigger.is-liked > .ch-reaction-emoji { font-size: 23px !important; line-height: 1 !important; width: 23px !important; min-width: 23px !important; height: 23px !important; margin-right: 5px !important; } .ch-reaction-trigger.is-liked > .ch-reaction-icon-img { width: 23px !important; height: 23px !important; max-width: 23px !important; max-height: 23px !important; margin-right: 5px !important; } @media (min-width: 783px) { .ch-comment-reaction-wrap > .ch-reaction-picker { border-radius: 4px !important; } } .ch-action-row .ch-reaction-trigger.is-liked .ch-reaction-emoji { font-size: 24px !important; line-height: 1 !important; width: 24px !important; height: 24px !important; margin-right: 5px !important; } .ch-action-row .ch-reaction-trigger.is-liked .ch-reaction-icon-img { width: 24px !important; height: 24px !important; max-width: 24px !important; max-height: 24px !important; margin-right: 5px !important; } @media (min-width: 783px) { .ch-comment-reaction-wrap > .ch-reaction-picker { border-radius: 4px !important; } } .ch-joke-of-day{overflow:hidden;position:relative} .ch-joke-of-day::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,#c8a84b,#7c3aed,#0ea5e9);pointer-events:none} .ch-joke-of-day-setup{font-size:15px;font-weight:800;line-height:1.4;color:var(--ch-text,#172033)} .ch-joke-of-day-punchline{padding:10px 11px;border:1px solid var(--ch-border,#d9e2ec);border-radius:10px;background:color-mix(in srgb,var(--ch-primary,#2563eb) 7%,var(--ch-surface,#fff));font-size:14px;font-weight:800;line-height:1.4;color:var(--ch-text,#172033)} .ch-joke-of-day-punchline>span{margin-right:4px} .ch-dark .ch-joke-of-day-punchline,[data-ch-theme="dark"] .ch-joke-of-day-punchline,[data-ch-theme-mode="dark"] .ch-joke-of-day-punchline{background:color-mix(in srgb,#7c3aed 13%,var(--ch-surface,#111827));border-color:color-mix(in srgb,#7c3aed 32%,var(--ch-border,#334155))} .ch-joke-of-day-category{display:inline-flex;align-items:center;width:max-content;max-width:100%;margin:.15rem 0 .55rem;padding:.2rem .55rem;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.02em;background:color-mix(in srgb,currentColor 8%,transparent);border:1px solid color-mix(in srgb,currentColor 16%,transparent);opacity:.78} .widget_ch_joke_of_day, .widget_ch_joke_of_day .widget-title, .widget_ch_joke_of_day .widgettitle{ color:#172033!important; } .widget_ch_joke_of_day .ch-joke-of-day, .ch-joke-of-day{ background:#ffffff!important; border-color:#d7dee8!important; color:#172033!important; box-shadow:0 8px 20px rgba(15,23,42,.07)!important; } .widget_ch_joke_of_day .ch-daily-spotlight-kicker, .widget_ch_joke_of_day .ch-daily-spotlight-date, .ch-joke-of-day .ch-daily-spotlight-kicker, .ch-joke-of-day .ch-daily-spotlight-date{ color:#5f6f82!important; } .widget_ch_joke_of_day .ch-joke-of-day-category, .ch-joke-of-day .ch-joke-of-day-category{ color:#5b21b6!important; background:#f3e8ff!important; border-color:#d8b4fe!important; opacity:1!important; } .widget_ch_joke_of_day .ch-joke-of-day-setup, .ch-joke-of-day .ch-joke-of-day-setup{ color:#172033!important; } .widget_ch_joke_of_day .ch-joke-of-day-punchline, .ch-joke-of-day .ch-joke-of-day-punchline{ color:#172033!important; background:#f7f4ff!important; border-color:#d8c9f5!important; } .widget_ch_joke_of_day .ch-daily-spotlight-date, .ch-joke-of-day .ch-daily-spotlight-date{ border-top-color:#d7dee8!important; } html[data-ch-theme-mode="dark"] .widget_ch_joke_of_day, html[data-ch-theme="dark"] .widget_ch_joke_of_day, body.ch-dark .widget_ch_joke_of_day, body.ch-theme-dark .widget_ch_joke_of_day, html[data-ch-theme-mode="dark"] .widget_ch_joke_of_day .widget-title, html[data-ch-theme-mode="dark"] .widget_ch_joke_of_day .widgettitle, html[data-ch-theme="dark"] .widget_ch_joke_of_day .widget-title, html[data-ch-theme="dark"] .widget_ch_joke_of_day .widgettitle, body.ch-dark .widget_ch_joke_of_day .widget-title, body.ch-dark .widget_ch_joke_of_day .widgettitle, body.ch-theme-dark .widget_ch_joke_of_day .widget-title, body.ch-theme-dark .widget_ch_joke_of_day .widgettitle{ color:#f8fafc!important; } html[data-ch-theme-mode="dark"] .ch-joke-of-day, html[data-ch-theme="dark"] .ch-joke-of-day, body.ch-dark .ch-joke-of-day, body.ch-theme-dark .ch-joke-of-day{ background:#111827!important; border-color:#334155!important; color:#f8fafc!important; box-shadow:0 10px 24px rgba(0,0,0,.28)!important; } html[data-ch-theme-mode="dark"] .ch-joke-of-day .ch-daily-spotlight-kicker, html[data-ch-theme-mode="dark"] .ch-joke-of-day .ch-daily-spotlight-date, html[data-ch-theme="dark"] .ch-joke-of-day .ch-daily-spotlight-kicker, html[data-ch-theme="dark"] .ch-joke-of-day .ch-daily-spotlight-date, body.ch-dark .ch-joke-of-day .ch-daily-spotlight-kicker, body.ch-dark .ch-joke-of-day .ch-daily-spotlight-date, body.ch-theme-dark .ch-joke-of-day .ch-daily-spotlight-kicker, body.ch-theme-dark .ch-joke-of-day .ch-daily-spotlight-date{ color:#b8c4d4!important; } html[data-ch-theme-mode="dark"] .ch-joke-of-day .ch-joke-of-day-category, html[data-ch-theme="dark"] .ch-joke-of-day .ch-joke-of-day-category, body.ch-dark .ch-joke-of-day .ch-joke-of-day-category, body.ch-theme-dark .ch-joke-of-day .ch-joke-of-day-category{ color:#e9d5ff!important; background:#2e1065!important; border-color:#6d28d9!important; } html[data-ch-theme-mode="dark"] .ch-joke-of-day .ch-joke-of-day-setup, html[data-ch-theme="dark"] .ch-joke-of-day .ch-joke-of-day-setup, body.ch-dark .ch-joke-of-day .ch-joke-of-day-setup, body.ch-theme-dark .ch-joke-of-day .ch-joke-of-day-setup{ color:#f8fafc!important; } html[data-ch-theme-mode="dark"] .ch-joke-of-day .ch-joke-of-day-punchline, html[data-ch-theme="dark"] .ch-joke-of-day .ch-joke-of-day-punchline, body.ch-dark .ch-joke-of-day .ch-joke-of-day-punchline, body.ch-theme-dark .ch-joke-of-day .ch-joke-of-day-punchline{ color:#f8fafc!important; background:#1e293b!important; border-color:#475569!important; } html[data-ch-theme-mode="dark"] .ch-joke-of-day .ch-daily-spotlight-date, html[data-ch-theme="dark"] .ch-joke-of-day .ch-daily-spotlight-date, body.ch-dark .ch-joke-of-day .ch-daily-spotlight-date, body.ch-theme-dark .ch-joke-of-day .ch-daily-spotlight-date{ border-top-color:#334155!important; } .widget_ch_joke_of_day .ch-joke-of-day-setup, .ch-joke-of-day .ch-joke-of-day-setup{ font-size:17px!important; line-height:1.55!important; } .widget_ch_joke_of_day .ch-joke-of-day-punchline, .ch-joke-of-day .ch-joke-of-day-punchline{ font-size:16px!important; line-height:1.55!important; padding:12px 13px!important; } @media(max-width:782px){ .widget_ch_joke_of_day .ch-joke-of-day-setup, .ch-joke-of-day .ch-joke-of-day-setup{ font-size:17px!important; } .widget_ch_joke_of_day .ch-joke-of-day-punchline, .ch-joke-of-day .ch-joke-of-day-punchline{ font-size:16px!important; } } .widget_ch_joke_of_day .ch-joke-of-day, .ch-joke-of-day{ padding:18px 17px!important; min-height:156px!important; } .widget_ch_joke_of_day .ch-joke-of-day-setup, .ch-joke-of-day .ch-joke-of-day-setup{ font-size:18px!important; line-height:1.58!important; font-weight:550!important; letter-spacing:0!important; } .widget_ch_joke_of_day .ch-joke-of-day-punchline, .ch-joke-of-day .ch-joke-of-day-punchline{ padding:13px 14px!important; font-size:17px!important; line-height:1.58!important; font-weight:550!important; letter-spacing:0!important; } .widget_ch_joke_of_day .ch-joke-of-day-category, .ch-joke-of-day .ch-joke-of-day-category{ font-size:12px!important; font-weight:650!important; } @media(max-width:782px){ .widget_ch_joke_of_day .ch-joke-of-day, .ch-joke-of-day{padding:17px 15px!important;min-height:148px!important} .widget_ch_joke_of_day .ch-joke-of-day-setup, .ch-joke-of-day .ch-joke-of-day-setup{font-size:18px!important;line-height:1.56!important;font-weight:550!important} .widget_ch_joke_of_day .ch-joke-of-day-punchline, .ch-joke-of-day .ch-joke-of-day-punchline{font-size:17px!important;line-height:1.56!important;font-weight:550!important} } .ch-earning-guide{display:grid;gap:18px}.ch-earning-guide-hero{display:flex;align-items:stretch;justify-content:space-between;gap:18px;padding:22px;border:1px solid var(--ch-theme-border,#dbe3ec);border-radius:18px;background:var(--ch-theme-surface,#fff);box-shadow:0 12px 32px rgba(15,23,42,.06)}.ch-earning-guide-hero>div:first-child{min-width:0}.ch-earning-guide-kicker{margin:0 0 5px;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ch-theme-accent,#2563eb)}.ch-earning-guide-hero h2{margin:0 0 8px;font-size:clamp(24px,3vw,34px);line-height:1.08}.ch-earning-guide-hero p:not(.ch-earning-guide-kicker){margin:0;max-width:720px;color:var(--ch-theme-muted,#64748b)}.ch-earning-balance-card{min-width:190px;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;padding:16px 18px;border-radius:15px;background:linear-gradient(135deg,rgba(200,168,75,.16),rgba(200,168,75,.05));border:1px solid rgba(200,168,75,.35)}.ch-earning-balance-card span{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ch-theme-muted,#64748b)}.ch-earning-balance-card strong{font-size:24px;line-height:1.2;color:var(--ch-theme-text,#182230)}.ch-earning-guide-note{padding:13px 15px;border-radius:13px;border:1px solid var(--ch-theme-border,#dbe3ec);background:var(--ch-theme-surface-soft,#f8fafc);color:var(--ch-theme-text,#182230);font-size:14px}.ch-earning-rule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ch-earning-rule-card{display:flex;flex-direction:column;gap:13px;padding:18px;border:1px solid var(--ch-theme-border,#dbe3ec);border-radius:16px;background:var(--ch-theme-surface,#fff);box-shadow:0 8px 24px rgba(15,23,42,.05)}.ch-earning-rule-top{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.ch-earning-rule-card h3{margin:0 0 5px;font-size:17px;line-height:1.25;color:var(--ch-theme-text,#182230)}.ch-earning-rule-card p{margin:0;color:var(--ch-theme-muted,#64748b);font-size:14px;line-height:1.45}.ch-earning-rule-value{flex:0 0 auto;min-width:82px;text-align:right}.ch-earning-rule-value strong{display:block;font-size:24px;line-height:1;color:var(--ch-theme-accent,#2563eb)}.ch-earning-rule-value span{display:block;margin-top:4px;font-size:11px;font-weight:700;color:var(--ch-theme-muted,#64748b)}.ch-earning-rule-status{display:flex;justify-content:space-between;gap:10px;padding:10px 11px;border-radius:11px;background:var(--ch-theme-surface-soft,#f8fafc);font-size:12px;color:var(--ch-theme-muted,#64748b)}.ch-earning-rule-status strong{white-space:nowrap;color:var(--ch-theme-text,#182230)}.ch-earning-rule-action{align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 13px;border-radius:10px;text-decoration:none!important;font-weight:700;background:var(--ch-theme-accent,#2563eb);color:#fff!important}.ch-earning-referral{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.9fr);align-items:center;gap:18px;padding:20px;border:1px solid var(--ch-theme-border,#dbe3ec);border-radius:16px;background:var(--ch-theme-surface,#fff)}.ch-earning-referral h3{margin:0 0 6px;color:var(--ch-theme-text,#182230)}.ch-earning-referral p:not(.ch-earning-guide-kicker){margin:0;color:var(--ch-theme-muted,#64748b)}.ch-earning-referral input{width:100%;min-width:0;padding:12px 13px;border-radius:10px;border:1px solid var(--ch-theme-border,#dbe3ec);background:var(--ch-theme-surface-soft,#f8fafc);color:var(--ch-theme-text,#182230);font:inherit} html[data-ch-theme-mode="dark"] body.ch-theme .ch-earning-guide-hero,body.ch-theme-mode-dark .ch-earning-guide-hero,html[data-ch-theme-mode="dark"] body.ch-theme .ch-earning-rule-card,body.ch-theme-mode-dark .ch-earning-rule-card,html[data-ch-theme-mode="dark"] body.ch-theme .ch-earning-referral,body.ch-theme-mode-dark .ch-earning-referral{background:#121c2b;border-color:#26364d;color:#f5f7fb}.ch-theme-mode-dark .ch-earning-guide-hero h2,.ch-theme-mode-dark .ch-earning-balance-card strong,.ch-theme-mode-dark .ch-earning-rule-card h3,.ch-theme-mode-dark .ch-earning-rule-status strong,.ch-theme-mode-dark .ch-earning-referral h3{color:#f5f7fb}.ch-theme-mode-dark .ch-earning-guide-hero p:not(.ch-earning-guide-kicker),.ch-theme-mode-dark .ch-earning-rule-card p,.ch-theme-mode-dark .ch-earning-rule-status,.ch-theme-mode-dark .ch-earning-referral p:not(.ch-earning-guide-kicker),.ch-theme-mode-dark .ch-earning-balance-card span{color:#a9b7ca}.ch-theme-mode-dark .ch-earning-guide-note,.ch-theme-mode-dark .ch-earning-rule-status,.ch-theme-mode-dark .ch-earning-referral input{background:#0d1725;border-color:#26364d;color:#e8eef7} @media(max-width:780px){.ch-earning-guide-hero{flex-direction:column}.ch-earning-balance-card{align-items:flex-start;min-width:0}.ch-earning-rule-grid{grid-template-columns:1fr}.ch-earning-referral{grid-template-columns:1fr}.ch-earning-rule-status{flex-direction:column;gap:4px}.ch-earning-rule-status strong{white-space:normal}} .ch-earning-guide{gap:20px;max-width:1180px;margin:0 auto}.ch-earning-guide-hero{position:relative;overflow:hidden;padding:clamp(20px,3vw,30px);gap:22px}.ch-earning-guide-hero:after{content:"";position:absolute;inset:auto -70px -100px auto;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(200,168,75,.16),transparent 68%);pointer-events:none}.ch-earning-hero-stats{position:relative;z-index:1;display:grid;grid-template-columns:minmax(180px,1.3fr) repeat(2,minmax(115px,.8fr));gap:10px;min-width:min(100%,430px)}.ch-earning-mini-stat,.ch-earning-balance-card{align-items:flex-start!important;justify-content:center;min-width:0;padding:15px 16px;border-radius:14px;border:1px solid var(--ch-theme-border,#dbe3ec);background:var(--ch-theme-surface-soft,#f8fafc)}.ch-earning-mini-stat{display:flex;flex-direction:column}.ch-earning-mini-stat strong{font-size:24px;line-height:1.05;color:var(--ch-theme-text,#182230)}.ch-earning-mini-stat span{margin-top:5px;font-size:11px;font-weight:700;line-height:1.25;color:var(--ch-theme-muted,#64748b);text-transform:uppercase;letter-spacing:.055em}.ch-earning-quick-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ch-earning-quick-actions a{display:flex;flex-direction:column;gap:3px;padding:14px 15px;border-radius:14px;border:1px solid var(--ch-theme-border,#dbe3ec);background:var(--ch-theme-surface,#fff);text-decoration:none!important;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.ch-earning-quick-actions a:hover,.ch-earning-quick-actions a:focus-visible{transform:translateY(-1px);border-color:var(--ch-theme-accent,#2563eb);box-shadow:0 10px 24px rgba(15,23,42,.08)}.ch-earning-quick-actions strong{color:var(--ch-theme-text,#182230);font-size:15px}.ch-earning-quick-actions span{color:var(--ch-theme-muted,#64748b);font-size:12px;line-height:1.35}.ch-earning-rule-card{min-height:100%;padding:19px}.ch-earning-rule-value strong{font-size:26px}.ch-earning-progress{height:5px;overflow:hidden;border-radius:999px;background:var(--ch-theme-border,#dbe3ec)}.ch-earning-progress span{display:block;height:100%;border-radius:inherit;background:var(--ch-theme-accent,#2563eb);transition:width .2s ease}.ch-earning-rule-action{margin-top:auto}.ch-earning-referral{grid-template-columns:minmax(0,1fr) minmax(330px,.95fr);padding:clamp(18px,2.8vw,26px);border-color:rgba(200,168,75,.36);background:linear-gradient(135deg,rgba(200,168,75,.085),transparent 48%),var(--ch-theme-surface,#fff)}.ch-earning-referral-tools{min-width:0}.ch-earning-referral-tools input{width:100%;font-size:13px}.ch-earning-referral-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:9px}.ch-earning-referral-actions button{min-height:42px;border-radius:10px;border:1px solid var(--ch-theme-accent,#2563eb);font:inherit;font-weight:800;cursor:pointer}.ch-earning-copy-button{background:var(--ch-theme-accent,#2563eb);color:#fff}.ch-earning-share-button{background:transparent;color:var(--ch-theme-accent,#2563eb)}.ch-earning-copy-status{min-height:18px;margin:7px 2px 0!important;font-size:12px!important;font-weight:700;color:var(--ch-theme-muted,#64748b)!important}.ch-theme-mode-dark .ch-earning-mini-stat,.ch-theme-mode-dark .ch-earning-quick-actions a{background:#0d1725;border-color:#26364d}.ch-theme-mode-dark .ch-earning-mini-stat strong,.ch-theme-mode-dark .ch-earning-quick-actions strong{color:#f5f7fb}.ch-theme-mode-dark .ch-earning-quick-actions span{color:#a9b7ca}.ch-theme-mode-dark .ch-earning-referral{background:linear-gradient(135deg,rgba(200,168,75,.11),transparent 52%),#121c2b}.ch-theme-mode-dark .ch-earning-share-button{color:#d8bd69;border-color:#d8bd69}.ch-theme-mode-dark .ch-earning-progress{background:#26364d} @media(max-width:980px){.ch-earning-guide-hero{flex-direction:column}.ch-earning-hero-stats{width:100%;min-width:0}.ch-earning-referral{grid-template-columns:1fr}} @media(max-width:640px){.ch-earning-guide{gap:14px}.ch-earning-guide-hero{padding:17px;border-radius:15px}.ch-earning-guide-hero h2{font-size:26px}.ch-earning-hero-stats{grid-template-columns:1fr 1fr}.ch-earning-balance-card{grid-column:1/-1}.ch-earning-balance-card strong{font-size:22px}.ch-earning-mini-stat strong{font-size:21px}.ch-earning-quick-actions{grid-template-columns:1fr}.ch-earning-quick-actions a{padding:13px 14px}.ch-earning-rule-grid{gap:11px}.ch-earning-rule-card{padding:15px;border-radius:14px}.ch-earning-rule-top{gap:10px}.ch-earning-rule-value{min-width:68px}.ch-earning-rule-value strong{font-size:23px}.ch-earning-rule-status{font-size:11px}.ch-earning-rule-action{width:100%;min-height:42px}.ch-earning-referral{padding:16px;border-radius:14px}.ch-earning-referral-actions{grid-template-columns:1fr}.ch-earning-referral-actions button{width:100%}} .ch-earning-guide{ width:100%; max-width:100%; min-width:0; margin:0!important; gap:12px!important; overflow-x:hidden; } .ch-earning-guide *, .ch-earning-guide *::before, .ch-earning-guide *::after{box-sizing:border-box} .ch-earning-guide-hero{ width:100%;max-width:100%;min-width:0; padding:16px!important; gap:14px!important; border-radius:14px!important; box-shadow:none!important; } .ch-earning-guide-hero>div:first-child{min-width:0} .ch-earning-guide-hero h2{ margin:0 0 6px!important; font-size:clamp(22px,2.5vw,30px)!important; line-height:1.12!important; } .ch-earning-guide-hero p:not(.ch-earning-guide-kicker){ max-width:none!important; font-size:14px!important; line-height:1.5!important; } .ch-earning-hero-stats{ width:100%!important;min-width:0!important; display:grid!important; grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,.8fr))!important; gap:8px!important; } .ch-earning-balance-card,.ch-earning-mini-stat{ min-width:0!important; padding:11px 12px!important; border-radius:11px!important; } .ch-earning-balance-card strong,.ch-earning-mini-stat strong{font-size:20px!important} .ch-earning-guide-note{ width:100%;max-width:100%; padding:10px 12px!important; border-radius:11px!important; font-size:13px!important; line-height:1.45!important; } .ch-earning-rule-grid{ width:100%;max-width:100%;min-width:0; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:9px!important; } .ch-earning-rule-card{ min-width:0!important;width:100%!important;max-width:100%!important; min-height:0!important; padding:13px!important; gap:9px!important; border-radius:12px!important; box-shadow:none!important; overflow:hidden; } .ch-earning-rule-top{min-width:0;gap:9px!important} .ch-earning-rule-top>div:first-child{min-width:0} .ch-earning-rule-card h3{ margin:0 0 3px!important; font-size:15px!important; line-height:1.25!important; overflow-wrap:anywhere; } .ch-earning-rule-card p{ font-size:13px!important; line-height:1.4!important; overflow-wrap:anywhere; } .ch-earning-rule-value{min-width:60px!important} .ch-earning-rule-value strong{font-size:21px!important} .ch-earning-rule-value span{font-size:10px!important} .ch-earning-rule-status{ min-width:0; padding:8px 9px!important; gap:6px!important; border-radius:9px!important; font-size:11px!important; line-height:1.35!important; } .ch-earning-rule-status span{min-width:0;overflow-wrap:anywhere} .ch-earning-rule-status strong{flex:0 0 auto} .ch-earning-progress{margin-top:-2px!important;height:4px!important} .ch-earning-rule-action{ min-height:34px!important; padding:0 11px!important; border-radius:9px!important; font-size:12px!important; } .ch-earning-referral{ width:100%!important;max-width:100%!important;min-width:0!important; grid-template-columns:minmax(0,1fr) minmax(260px,.85fr)!important; gap:14px!important; margin:0!important; padding:14px!important; border-radius:12px!important; overflow:hidden; } .ch-earning-referral>div,.ch-earning-referral-tools{min-width:0!important} .ch-earning-referral h3{ margin:0 0 4px!important; font-size:17px!important; line-height:1.25!important; } .ch-earning-referral p:not(.ch-earning-guide-kicker){ font-size:13px!important; line-height:1.4!important; } .ch-earning-referral-tools input{ width:100%!important;max-width:100%!important;min-width:0!important; padding:9px 10px!important; border-radius:9px!important; font-size:12px!important; overflow:hidden; text-overflow:ellipsis; } .ch-earning-referral-actions{ display:grid!important; grid-template-columns:1fr 1fr!important; gap:7px!important; margin-top:7px!important; } .ch-earning-referral-actions button{ width:100%!important;min-width:0!important;min-height:36px!important; padding:7px 9px!important; border-radius:9px!important; font-size:12px!important; } .ch-earning-copy-status{ min-height:15px!important; margin:5px 1px 0!important; font-size:11px!important; } body.ch-theme:not(.ch-theme-mode-dark) .ch-earning-guide-hero, body.ch-theme:not(.ch-theme-mode-dark) .ch-earning-rule-card, body.ch-theme:not(.ch-theme-mode-dark) .ch-earning-referral{ background:#fff!important; border-color:#d7e0ea!important; color:#182230!important; } body.ch-theme:not(.ch-theme-mode-dark) .ch-earning-balance-card, body.ch-theme:not(.ch-theme-mode-dark) .ch-earning-mini-stat, body.ch-theme:not(.ch-theme-mode-dark) .ch-earning-guide-note, body.ch-theme:not(.ch-theme-mode-dark) .ch-earning-rule-status, body.ch-theme:not(.ch-theme-mode-dark) .ch-earning-referral input{ background:#f7f9fc!important; border-color:#d7e0ea!important; color:#182230!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-earning-guide-hero, html[data-ch-theme-mode="dark"] body.ch-theme .ch-earning-rule-card, html[data-ch-theme-mode="dark"] body.ch-theme .ch-earning-referral, body.ch-theme-mode-dark .ch-earning-guide-hero, body.ch-theme-mode-dark .ch-earning-rule-card, body.ch-theme-mode-dark .ch-earning-referral{ background:#101a29!important; border-color:#2a3a50!important; color:#f5f7fb!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-earning-balance-card, html[data-ch-theme-mode="dark"] body.ch-theme .ch-earning-mini-stat, html[data-ch-theme-mode="dark"] body.ch-theme .ch-earning-guide-note, html[data-ch-theme-mode="dark"] body.ch-theme .ch-earning-rule-status, html[data-ch-theme-mode="dark"] body.ch-theme .ch-earning-referral input, body.ch-theme-mode-dark .ch-earning-balance-card, body.ch-theme-mode-dark .ch-earning-mini-stat, body.ch-theme-mode-dark .ch-earning-guide-note, body.ch-theme-mode-dark .ch-earning-rule-status, body.ch-theme-mode-dark .ch-earning-referral input{ background:#0b1523!important; border-color:#26364b!important; color:#edf3fb!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-earning-rule-card p, html[data-ch-theme-mode="dark"] body.ch-theme .ch-earning-guide-hero p:not(.ch-earning-guide-kicker), html[data-ch-theme-mode="dark"] body.ch-theme .ch-earning-referral p:not(.ch-earning-guide-kicker), body.ch-theme-mode-dark .ch-earning-rule-card p, body.ch-theme-mode-dark .ch-earning-guide-hero p:not(.ch-earning-guide-kicker), body.ch-theme-mode-dark .ch-earning-referral p:not(.ch-earning-guide-kicker){ color:#b4c1d3!important; } @media(max-width:760px){ .ch-earning-guide{gap:9px!important} .ch-earning-guide-hero{padding:13px!important;gap:10px!important} .ch-earning-hero-stats{grid-template-columns:1fr 1fr!important} .ch-earning-balance-card{grid-column:1/-1!important} .ch-earning-rule-grid{grid-template-columns:1fr!important;gap:8px!important} .ch-earning-rule-card{padding:11px!important} .ch-earning-rule-top{gap:7px!important} .ch-earning-referral{ grid-template-columns:1fr!important; gap:10px!important; padding:12px!important; } .ch-earning-referral-actions{grid-template-columns:1fr 1fr!important} } @media(max-width:430px){ .ch-earning-hero-stats{grid-template-columns:1fr!important} .ch-earning-balance-card{grid-column:auto!important} .ch-earning-referral-actions{grid-template-columns:1fr!important} .ch-earning-rule-status{flex-direction:column!important} .ch-earning-rule-status strong{white-space:normal!important} } .ch-profile-content > .ch-earning-guide, .ch-earning-guide{ width:100%!important; max-width:900px!important; margin-left:auto!important; margin-right:auto!important; justify-self:center!important; align-self:start!important; } @media(max-width:940px){ .ch-profile-content > .ch-earning-guide, .ch-earning-guide{ max-width:100%!important; } } .ch-game-widget-shell{ width:100%; max-width:100%; min-width:0; } .ch-game-widget-toolbar{ display:flex; align-items:center; justify-content:space-between; gap:8px; margin:0 0 8px; } .ch-game-widget-toolbar>span{ min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:11px; line-height:1.2; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:#68758a; } .ch-game-widget-expand{ flex:0 0 auto; appearance:none; border:1px solid #c8a84b; border-radius:999px; padding:6px 10px; background:rgba(200,168,75,.10); color:#5d4813; font-size:11px; font-weight:800; line-height:1.1; cursor:pointer; } .ch-game-widget-expand:hover, .ch-game-widget-expand:focus-visible{ background:#c8a84b; color:#171205; outline:none; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-game-widget-toolbar>span, body.ch-theme-mode-dark .ch-game-widget-toolbar>span{ color:#aebbd0; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-game-widget-expand, body.ch-theme-mode-dark .ch-game-widget-expand{ color:#f6e4a6; border-color:#c8a84b; background:rgba(200,168,75,.13); } html[data-ch-theme-mode="dark"] body.ch-theme .ch-game-widget-expand:hover, html[data-ch-theme-mode="dark"] body.ch-theme .ch-game-widget-expand:focus-visible, body.ch-theme-mode-dark .ch-game-widget-expand:hover, body.ch-theme-mode-dark .ch-game-widget-expand:focus-visible{ background:#c8a84b; color:#171205; } .ch-game-widget-shell--rush .ch-game-widget-toolbar{ min-width:0; margin:0 0 7px; padding:0 2px; } .ch-game-widget-shell--rush .ch-game-widget-toolbar>span{ font-size:10px; letter-spacing:.07em; } .ch-game-widget-shell--rush .ch-game-widget-expand{ min-height:30px; padding:6px 10px; border-radius:9px; font-size:10.5px; line-height:1; box-shadow:none; } .ch-game-widget-shell--rush .ch-game-widget-expand:focus-visible{ box-shadow:0 0 0 3px rgba(200,168,75,.18); } .ch-composer-preview.is-multi-image{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important} .ch-composer-preview.is-multi-image .ch-composer-preview-item.is-gallery-item{padding:0!important;aspect-ratio:1/1!important;border-radius:14px!important} .ch-composer-preview.is-multi-image .ch-composer-preview-item.is-gallery-item img{width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important;border-radius:0!important} .ch-composer-preview.is-multi-image .ch-composer-preview-meta{display:none!important} .ch-composer-preview.is-multi-image .ch-remove-attachment{right:6px!important;top:6px!important;width:28px!important;height:28px!important} .ch-activity-media.ch-attachment-gallery,.ch-repost-embed-media.ch-attachment-gallery{display:block!important;width:100%!important;overflow:hidden!important;border-radius:14px!important} .ch-multi-photo-grid{display:grid!important;width:100%!important;gap:4px!important;overflow:hidden!important} .ch-multi-photo-grid .ch-multi-photo-trigger{display:block!important;width:100%!important;height:100%!important;min-width:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:hidden!important;cursor:zoom-in!important} .ch-multi-photo-grid .ch-multi-photo-trigger img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important} .ch-multi-photo-grid.ch-media-grid-count-2{grid-template-columns:repeat(2,minmax(0,1fr))!important} .ch-multi-photo-grid.ch-media-grid-count-2 .ch-multi-photo-trigger{aspect-ratio:1/1!important} .ch-multi-photo-grid.ch-media-grid-count-3{grid-template-columns:1.25fr 1fr!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;aspect-ratio:16/10!important} .ch-multi-photo-grid.ch-media-grid-count-3 .ch-multi-photo-trigger:first-child{grid-row:1/3!important} .ch-multi-photo-grid.ch-media-grid-count-4{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;aspect-ratio:4/3!important} .ch-multi-photo-grid.ch-media-grid-count-5,.ch-multi-photo-grid.ch-media-grid-count-6{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;aspect-ratio:3/2!important} @media(max-width:600px){.ch-composer-preview.is-multi-image{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ch-multi-photo-grid.ch-media-grid-count-5,.ch-multi-photo-grid.ch-media-grid-count-6{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(3,minmax(0,1fr))!important;aspect-ratio:4/5!important}} .ch-composer-upload-progress{display:grid;gap:6px;margin-top:8px;padding:9px 11px;border:1px solid #d9e2ec;border-radius:12px;background:#f7fafc} .ch-composer-upload-progress-track{height:7px;overflow:hidden;border-radius:999px;background:#e2e8f0} .ch-composer-upload-progress-track>span{display:block;width:0;height:100%;border-radius:inherit;background:currentColor;transition:width .18s ease} .ch-composer-upload-progress small{font-size:.74rem;font-weight:700;color:#64748b} .ch-multi-photo-grid{gap:8px!important;padding:3px!important;background:transparent!important} .ch-multi-photo-grid .ch-multi-photo-trigger{border:2px solid rgba(100,116,139,.22)!important;border-radius:13px!important} .ch-multi-photo-grid .ch-multi-photo-trigger img{border-radius:10px!important} .ch-attachment-gallery-stacked{overflow:visible!important;background:transparent!important} .ch-multi-photo-stack{position:relative;width:min(100%,680px);aspect-ratio:4/3;margin:8px auto 18px;padding:18px 26px 30px} .ch-photo-stack-card{position:absolute!important;inset:18px 28px 32px!important;width:auto!important;height:auto!important;border:2px solid rgba(100,116,139,.28)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 15px 35px rgba(15,23,42,.18)!important;overflow:hidden!important;transform-origin:center!important;transition:transform .18s ease,box-shadow .18s ease!important} .ch-photo-stack-card img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:16px!important} .ch-photo-stack-card-1{z-index:4;transform:translate3d(0,0,0) rotate(-.6deg)!important} .ch-photo-stack-card-2{z-index:3;transform:translate3d(12px,9px,0) rotate(2.2deg)!important} .ch-photo-stack-card-3{z-index:2;transform:translate3d(-11px,13px,0) rotate(-2.8deg)!important} .ch-photo-stack-card-4{z-index:1;transform:translate3d(3px,-7px,0) rotate(1.2deg)!important} .ch-multi-photo-stack:hover .ch-photo-stack-card-1{transform:translate3d(0,-3px,0) rotate(-.25deg)!important;box-shadow:0 20px 42px rgba(15,23,42,.22)!important} .ch-photo-stack-hidden{display:none!important} .ch-photo-stack-count{position:absolute;right:38px;bottom:40px;z-index:6;display:grid;grid-template-columns:auto auto;align-items:baseline;column-gap:5px;row-gap:0;padding:8px 11px;border-radius:13px;background:rgba(15,23,42,.78);color:#fff;backdrop-filter:blur(9px);pointer-events:none;box-shadow:0 7px 20px rgba(15,23,42,.24)} .ch-photo-stack-count strong{font-size:1.15rem;line-height:1}.ch-photo-stack-count span{font-size:.78rem;font-weight:800}.ch-photo-stack-count em{grid-column:1/3;font-size:.68rem;font-style:normal;font-weight:700;opacity:.82} @media(max-width:600px){.ch-multi-photo-grid{gap:6px!important}.ch-multi-photo-stack{padding:12px 18px 24px;margin-bottom:12px}.ch-photo-stack-card{inset:12px 20px 26px!important;border-radius:15px!important}.ch-photo-stack-card img{border-radius:13px!important}.ch-photo-stack-count{right:28px;bottom:32px}} @media(prefers-reduced-motion:reduce){.ch-composer-upload-progress-track>span,.ch-photo-stack-card{transition:none!important}} .ch-profile-accepted-terms{ border:1px solid var(--ch-settings-border,#dbe3ec); border-radius:12px; background:var(--ch-settings-bg,#fff); color:var(--ch-settings-text,#111827); overflow:hidden; } .ch-profile-accepted-terms summary{ display:flex; align-items:center; min-height:44px; padding:11px 14px; color:var(--ch-settings-link,#1d4ed8); font-size:13px; font-weight:750; cursor:pointer; user-select:none; } .ch-profile-accepted-terms[open] summary{ border-bottom:1px solid var(--ch-settings-border,#dbe3ec); background:var(--ch-settings-bg-accent,#eff6ff); } .ch-profile-accepted-terms-meta{ padding:10px 14px 0; color:var(--ch-settings-muted,#64748b); font-size:12px; } .ch-profile-accepted-terms-document{ max-height:440px; padding:14px; overflow:auto; color:var(--ch-settings-text,#111827); font-size:14px; line-height:1.65; } .ch-profile-accepted-terms-document > :first-child{margin-top:0} .ch-profile-accepted-terms-document > :last-child{margin-bottom:0} .ch-comment-form-actions .ch-comment-submit, .ch-reply-actions .ch-reply-submit{ min-height:34px!important; height:34px!important; padding:0 12px!important; border:1px solid color-mix(in srgb,var(--ch-theme-blue,var(--ch-primary,#168cff)) 78%,#ffffff 22%)!important; border-radius:8px!important; background:linear-gradient(180deg,color-mix(in srgb,var(--ch-theme-blue,var(--ch-primary,#168cff)) 90%,#ffffff 10%),var(--ch-theme-blue,var(--ch-primary,#168cff)))!important; color:#ffffff!important; font-size:12px!important; font-weight:800!important; line-height:1!important; letter-spacing:0!important; box-shadow:0 4px 12px color-mix(in srgb,var(--ch-theme-blue,var(--ch-primary,#168cff)) 20%,transparent)!important; transition:transform .12s ease,box-shadow .16s ease,filter .16s ease!important; } .ch-comment-form-actions .ch-comment-submit:hover, .ch-reply-actions .ch-reply-submit:hover{ transform:translateY(-1px)!important; filter:saturate(1.04)!important; box-shadow:0 6px 16px color-mix(in srgb,var(--ch-theme-blue,var(--ch-primary,#168cff)) 27%,transparent)!important; } .ch-comment-form-actions .ch-comment-submit:active, .ch-reply-actions .ch-reply-submit:active{transform:translateY(0) scale(.98)!important} .ch-comment-form-actions .ch-comment-submit:focus-visible, .ch-reply-actions .ch-reply-submit:focus-visible{ outline:3px solid color-mix(in srgb,var(--ch-theme-blue,var(--ch-primary,#168cff)) 28%,transparent)!important; outline-offset:2px!important; } .ch-comment-form-actions .ch-comment-attach-button, .ch-reply-actions .ch-comment-attach-button{ min-height:34px!important; height:34px!important; padding:0 11px!important; border:1px solid var(--ch-theme-border,var(--ch-border,#cbd5e1))!important; border-radius:8px!important; background:var(--ch-theme-surface,var(--ch-surface,#ffffff))!important; color:var(--ch-theme-text,var(--ch-text,#334155))!important; font-size:12px!important; font-weight:800!important; line-height:1!important; box-shadow:0 2px 7px rgba(15,23,42,.06)!important; transition:transform .12s ease,background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease!important; } .ch-comment-form-actions .ch-comment-attach-button:hover, .ch-reply-actions .ch-comment-attach-button:hover{ transform:translateY(-1px)!important; background:var(--ch-theme-surface-soft,var(--ch-surface-soft,#f8fafc))!important; border-color:color-mix(in srgb,var(--ch-theme-blue,var(--ch-primary,#168cff)) 40%,var(--ch-theme-border,var(--ch-border,#cbd5e1)))!important; color:var(--ch-theme-blue,var(--ch-primary,#168cff))!important; box-shadow:0 4px 12px color-mix(in srgb,var(--ch-theme-blue,var(--ch-primary,#168cff)) 12%,transparent)!important; } .ch-comment-form-actions .ch-comment-attach-button:active, .ch-reply-actions .ch-comment-attach-button:active{transform:translateY(0) scale(.98)!important} .ch-comment-form-actions .ch-comment-attach-button:focus-visible, .ch-reply-actions .ch-comment-attach-button:focus-visible{ outline:3px solid color-mix(in srgb,var(--ch-theme-blue,var(--ch-primary,#168cff)) 24%,transparent)!important; outline-offset:2px!important; } @media(max-width:768px){ .ch-comment-form-actions .ch-comment-submit, .ch-reply-actions .ch-reply-submit, .ch-comment-form-actions .ch-comment-attach-button, .ch-reply-actions .ch-comment-attach-button{min-height:34px!important;height:34px!important;padding-inline:11px!important;font-size:12px!important} } .ch-account-danger-zone{margin-top:22px;padding:20px;border:1px solid var(--ch-border,#d9e2ec);border-radius:18px;background:var(--ch-surface-raised,#fff);color:var(--ch-text,#172033)} .ch-account-danger-zone-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:16px} .ch-account-danger-zone-head h4{margin:2px 0 6px;font-size:18px;line-height:1.25;color:var(--ch-text,#172033)} .ch-account-danger-zone-head p,.ch-account-lifecycle-action-card p,.ch-account-delete-form p,.ch-account-lifecycle-state p{margin:0;color:var(--ch-text-muted,#64748b);line-height:1.55} .ch-account-danger-kicker{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:var(--ch-primary,#1689ff)} .ch-account-lifecycle-actions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .ch-account-lifecycle-action-card{display:flex;flex-direction:column;gap:10px;padding:16px;border:1px solid var(--ch-border,#d9e2ec);border-radius:14px;background:var(--ch-surface,#f8fafc)} .ch-account-lifecycle-action-card>strong{font-size:15px;color:var(--ch-text,#172033)} .ch-account-lifecycle-action-card label,.ch-account-delete-form label{display:grid;gap:6px;font-weight:700;color:var(--ch-text,#172033)} .ch-account-lifecycle-action-card input[type=password],.ch-account-delete-form input[type=password]{width:100%;min-height:42px;padding:9px 11px;border:1px solid var(--ch-border,#cbd5e1);border-radius:10px;background:var(--ch-input-bg,#fff);color:var(--ch-text,#172033)} .ch-account-delete-details{margin-top:14px;border:1px solid color-mix(in srgb,var(--ch-danger,#dc2626) 38%,var(--ch-border,#d9e2ec));border-radius:14px;background:color-mix(in srgb,var(--ch-danger,#dc2626) 4%,var(--ch-surface,#fff));overflow:hidden} .ch-account-delete-details>summary{cursor:pointer;padding:14px 16px;font-weight:800;color:var(--ch-danger,#b91c1c)} .ch-account-delete-form{display:grid;gap:12px;padding:0 16px 16px} .ch-account-confirm{display:flex!important;grid-template-columns:none!important;align-items:flex-start;gap:9px!important;font-weight:600!important;color:var(--ch-text,#172033)!important} .ch-account-confirm input{margin-top:3px} .ch-account-delete-button{background:var(--ch-danger,#dc2626)!important;border-color:var(--ch-danger,#dc2626)!important;color:#fff!important} .ch-account-delete-button:hover{filter:brightness(.94)} .ch-account-lifecycle-state{margin:12px 0;padding:14px 15px;border:1px solid var(--ch-border,#d9e2ec);border-radius:12px;background:var(--ch-surface,#f8fafc)} .ch-account-lifecycle-state>strong{display:block;margin-bottom:4px;color:var(--ch-text,#172033)} .ch-account-lifecycle-state.is-warning{border-color:#f59e0b55;background:#f59e0b10} .ch-account-lifecycle-state.is-danger{border-color:color-mix(in srgb,var(--ch-danger,#dc2626) 42%,transparent);background:color-mix(in srgb,var(--ch-danger,#dc2626) 7%,var(--ch-surface,#fff))} .ch-account-lifecycle-notice{margin:0 0 14px;padding:12px 14px;border-radius:11px;border:1px solid var(--ch-border,#d9e2ec);font-weight:650;line-height:1.45} .ch-account-lifecycle-notice.is-success{border-color:#16a34a55;background:#16a34a12;color:var(--ch-text,#172033)} .ch-account-lifecycle-notice.is-warning{border-color:#f59e0b55;background:#f59e0b12;color:var(--ch-text,#172033)} .ch-account-lifecycle-notice.is-error{border-color:color-mix(in srgb,var(--ch-danger,#dc2626) 45%,transparent);background:color-mix(in srgb,var(--ch-danger,#dc2626) 8%,var(--ch-surface,#fff));color:var(--ch-text,#172033)} .ch-account-cancel-delete-form{margin-top:12px} .ch-account-deletion-admin{margin:14px 0;padding:14px;border:1px solid #d8dee8;border-radius:12px;background:#fffdf6} .ch-account-deletion-admin>strong{display:block;margin-bottom:6px}.ch-account-deletion-admin p{margin:5px 0}.ch-account-deletion-admin form{display:flex;gap:8px;flex-wrap:wrap;margin-top:9px} @media (prefers-color-scheme:dark){.ch-account-deletion-admin{background:#171810;border-color:#4a4d2c}} .ch-account-danger-zone{box-shadow:0 10px 28px rgba(15,23,42,.08)} .ch-account-lifecycle-action-card,.ch-account-lifecycle-state,.ch-account-deletion-admin{box-shadow:0 6px 18px rgba(15,23,42,.05)} .ch-account-lifecycle-action-card input[type=password],.ch-account-delete-form input[type=password]{transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease,color .16s ease} .ch-account-lifecycle-action-card input[type=password]::placeholder,.ch-account-delete-form input[type=password]::placeholder{color:var(--ch-text-muted,#64748b);opacity:.88} .ch-account-lifecycle-action-card input[type=password]:focus,.ch-account-delete-form input[type=password]:focus{outline:none;border-color:color-mix(in srgb,var(--ch-primary,#2563eb) 44%,var(--ch-border,#cbd5e1));box-shadow:0 0 0 3px color-mix(in srgb,var(--ch-primary,#2563eb) 18%,transparent)} .ch-account-delete-details>summary{background:color-mix(in srgb,var(--ch-danger,#dc2626) 3%,transparent)} .ch-account-delete-details[open]>summary{border-bottom:1px solid color-mix(in srgb,var(--ch-danger,#dc2626) 22%,var(--ch-border,#d9e2ec))} .ch-account-confirm{padding:10px 12px;border:1px solid var(--ch-border,#d9e2ec);border-radius:12px;background:color-mix(in srgb,var(--ch-primary,#2563eb) 4%,var(--ch-surface,#fff))} .ch-account-lifecycle-notice a{color:inherit;font-weight:800;text-decoration:underline} :is(html[data-ch-theme-mode="dark"],body.ch-theme-mode-dark,html.ch-dark-mode,body.ch-dark-mode,[data-ch-theme="dark"]) .ch-account-danger-zone{border-color:rgba(148,163,184,.28);background:linear-gradient(180deg,rgba(17,24,39,.96),rgba(12,18,30,.96));color:var(--ch-text,#f8fafc);box-shadow:0 18px 42px rgba(0,0,0,.28)} :is(html[data-ch-theme-mode="dark"],body.ch-theme-mode-dark,html.ch-dark-mode,body.ch-dark-mode,[data-ch-theme="dark"]) .ch-account-danger-zone-head h4, :is(html[data-ch-theme-mode="dark"],body.ch-theme-mode-dark,html.ch-dark-mode,body.ch-dark-mode,[data-ch-theme="dark"]) .ch-account-lifecycle-action-card>strong, :is(html[data-ch-theme-mode="dark"],body.ch-theme-mode-dark,html.ch-dark-mode,body.ch-dark-mode,[data-ch-theme="dark"]) .ch-account-lifecycle-action-card label, :is(html[data-ch-theme-mode="dark"],body.ch-theme-mode-dark,html.ch-dark-mode,body.ch-dark-mode,[data-ch-theme="dark"]) .ch-account-delete-form label, :is(html[data-ch-theme-mode="dark"],body.ch-theme-mode-dark,html.ch-dark-mode,body.ch-dark-mode,[data-ch-theme="dark"]) .ch-account-lifecycle-state>strong{color:var(--ch-text,#f8fafc)} :is(html[data-ch-theme-mode="dark"],body.ch-theme-mode-dark,html.ch-dark-mode,body.ch-dark-mode,[data-ch-theme="dark"]) .ch-account-danger-zone-head p, :is(html[data-ch-theme-mode="dark"],body.ch-theme-mode-dark,html.ch-dark-mode,body.ch-dark-mode,[data-ch-theme="dark"]) .ch-account-lifecycle-action-card p, :is(html[data-ch-theme-mode="dark"],body.ch-theme-mode-dark,html.ch-dark-mode,body.ch-dark-mode,[data-ch-theme="dark"]) .ch-account-delete-form p, :is(html[data-ch-theme-mode="dark"],body.ch-theme-mode-dark,html.ch-dark-mode,body.ch-dark-mode,[data-ch-theme="dark"]) .ch-account-lifecycle-state p, :is(html[data-ch-theme-mode="dark"],body.ch-theme-mode-dark,html.ch-dark-mode,body.ch-dark-mode,[data-ch-theme="dark"]) .ch-account-lifecycle-notice{color:var(--ch-text,#e5edf8)} :is(html[data-ch-theme-mode="dark"],body.ch-theme-mode-dark,html.ch-dark-mode,body.ch-dark-mode,[data-ch-theme="dark"]) .ch-account-lifecycle-actions-grid .ch-account-lifecycle-action-card{border-color:rgba(148,163,184,.25);background:linear-gradient(180deg,rgba(22,31,46,.96),rgba(17,24,39,.96));box-shadow:0 10px 24px rgba(0,0,0,.18)} :is(html[data-ch-theme-mode="dark"],body.ch-theme-mode-dark,html.ch-dark-mode,body.ch-dark-mode,[data-ch-theme="dark"]) .ch-account-lifecycle-action-card input[type=password], :is(html[data-ch-theme-mode="dark"],body.ch-theme-mode-dark,html.ch-dark-mode,body.ch-dark-mode,[data-ch-theme="dark"]) .ch-account-delete-form input[type=password]{border-color:#334155;background:#0f172a;color:#f8fafc} :is(html[data-ch-theme-mode="dark"],body.ch-theme-mode-dark,html.ch-dark-mode,body.ch-dark-mode,[data-ch-theme="dark"]) .ch-account-delete-details{background:color-mix(in srgb,var(--ch-danger,#dc2626) 10%,#111827);border-color:color-mix(in srgb,var(--ch-danger,#dc2626) 42%,rgba(148,163,184,.22))} :is(html[data-ch-theme-mode="dark"],body.ch-theme-mode-dark,html.ch-dark-mode,body.ch-dark-mode,[data-ch-theme="dark"]) .ch-account-delete-details>summary{background:color-mix(in srgb,var(--ch-danger,#dc2626) 12%,transparent);color:#fecaca} :is(html[data-ch-theme-mode="dark"],body.ch-theme-mode-dark,html.ch-dark-mode,body.ch-dark-mode,[data-ch-theme="dark"]) .ch-account-confirm{border-color:rgba(148,163,184,.26);background:rgba(37,99,235,.10);color:#eef4ff!important} :is(html[data-ch-theme-mode="dark"],body.ch-theme-mode-dark,html.ch-dark-mode,body.ch-dark-mode,[data-ch-theme="dark"]) .ch-account-lifecycle-state{border-color:rgba(148,163,184,.25);background:rgba(15,23,42,.78)} :is(html[data-ch-theme-mode="dark"],body.ch-theme-mode-dark,html.ch-dark-mode,body.ch-dark-mode,[data-ch-theme="dark"]) .ch-account-lifecycle-state.is-warning{border-color:rgba(245,158,11,.42);background:rgba(120,53,15,.28)} :is(html[data-ch-theme-mode="dark"],body.ch-theme-mode-dark,html.ch-dark-mode,body.ch-dark-mode,[data-ch-theme="dark"]) .ch-account-lifecycle-state.is-danger{border-color:rgba(239,68,68,.42);background:rgba(127,29,29,.32)} :is(html[data-ch-theme-mode="dark"],body.ch-theme-mode-dark,html.ch-dark-mode,body.ch-dark-mode,[data-ch-theme="dark"]) .ch-account-lifecycle-notice{border-color:rgba(148,163,184,.24);background:rgba(15,23,42,.74)} :is(html[data-ch-theme-mode="dark"],body.ch-theme-mode-dark,html.ch-dark-mode,body.ch-dark-mode,[data-ch-theme="dark"]) .ch-account-lifecycle-notice.is-success{border-color:rgba(34,197,94,.36);background:rgba(20,83,45,.28)} :is(html[data-ch-theme-mode="dark"],body.ch-theme-mode-dark,html.ch-dark-mode,body.ch-dark-mode,[data-ch-theme="dark"]) .ch-account-lifecycle-notice.is-warning{border-color:rgba(245,158,11,.36);background:rgba(120,53,15,.30)} :is(html[data-ch-theme-mode="dark"],body.ch-theme-mode-dark,html.ch-dark-mode,body.ch-dark-mode,[data-ch-theme="dark"]) .ch-account-lifecycle-notice.is-error{border-color:rgba(239,68,68,.38);background:rgba(127,29,29,.34)} :is(html[data-ch-theme-mode="dark"],body.ch-theme-mode-dark,html.ch-dark-mode,body.ch-dark-mode,[data-ch-theme="dark"]) .ch-account-deletion-admin{border-color:rgba(250,204,21,.24);background:rgba(66,32,6,.34);color:#f8fafc} .ch-hooligan-week-card .ch-hooligan-week-hall-button,.ch-hooligan-week-empty + .ch-hooligan-week-hall-button{justify-self:center} .ch-video-playback-fallback[hidden]{display:none!important} .ch-video-playback-fallback{margin-top:8px;padding:10px 12px;border:1px solid rgba(148,163,184,.28);border-radius:10px;font-size:12px;line-height:1.35;display:flex;align-items:center;justify-content:space-between;gap:10px} .ch-video-playback-fallback a{font-weight:700;text-decoration:none} @media (max-width:782px){.ch-video-playback-fallback{align-items:flex-start;flex-direction:column}} .ch-comment-thread[id^="acomment-"] { scroll-margin-top: 9rem; } @media (max-width: 782px) { .ch-comment-thread[id^="acomment-"] { scroll-margin-top: 11rem; } } .ch-earning-rule-card--share{position:relative;overflow:hidden} .ch-earning-rule-card--share:before{content:"";position:absolute;inset:-60% auto auto -20%;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(56,189,248,.12),transparent 68%);pointer-events:none} .ch-earning-rule-card--share.is-unlimited{border-color:rgba(56,189,248,.34);box-shadow:0 10px 30px rgba(14,165,233,.08)} .ch-share-impact{position:relative;z-index:1;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:9px 10px;border:1px solid rgba(56,189,248,.22);border-radius:11px;background:rgba(56,189,248,.07);font-size:12px;color:var(--ch-theme-muted,#64748b)} .ch-share-impact__icon{display:grid;place-items:center;width:24px;height:24px;border-radius:999px;background:rgba(56,189,248,.13);color:#0284c7;font-size:15px;font-weight:1000;animation:chShareImpactFloat 2.8s ease-in-out infinite} .ch-share-impact strong{color:var(--ch-theme-text,#182230)} .ch-share-unlimited-badge{margin-left:auto;display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid rgba(56,189,248,.30);border-radius:999px;background:linear-gradient(90deg,rgba(56,189,248,.12),rgba(139,92,246,.10),rgba(56,189,248,.12));background-size:220% 100%;color:#0369a1;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.055em;animation:chShareUnlimitedShimmer 3.4s linear infinite} .ch-share-unlimited-badge span{font-size:15px;line-height:1} .ch-theme-mode-dark .ch-share-impact{border-color:rgba(125,211,252,.22);background:rgba(56,189,248,.08);color:#a9b7ca}.ch-theme-mode-dark .ch-share-impact strong{color:#f5f7fb}.ch-theme-mode-dark .ch-share-unlimited-badge{color:#7dd3fc} @keyframes chShareImpactFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}} @keyframes chShareUnlimitedShimmer{0%{background-position:0 0}100%{background-position:220% 0}} @media(max-width:640px){.ch-share-impact{align-items:flex-start}.ch-share-unlimited-badge{width:100%;margin-left:32px;justify-content:center}} @media(prefers-reduced-motion:reduce){.ch-share-impact__icon,.ch-share-unlimited-badge{animation:none!important}} .ch-share-quality-note{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:10px;background:var(--ch-theme-surface-soft,#f8fafc);border:1px solid var(--ch-theme-border,#dbe3ec);font-size:11px;color:var(--ch-theme-muted,#64748b)} .ch-share-quality-note strong{color:var(--ch-theme-text,#182230);font-size:11px}.ch-share-quality-note span{text-align:right} .ch-share-surge{position:relative;overflow:hidden;padding:10px 11px;border-radius:12px;border:1px solid rgba(139,92,246,.20);background:linear-gradient(135deg,rgba(56,189,248,.07),rgba(139,92,246,.07));} .ch-share-surge:after{content:"";position:absolute;top:-35%;left:-20%;width:34%;height:170%;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);animation:chShareSurgeSweep 4.8s ease-in-out infinite;pointer-events:none} .ch-share-surge__head,.ch-share-surge__foot{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px}.ch-share-surge__head span{font-weight:900;letter-spacing:.04em;text-transform:uppercase;color:#7c3aed}.ch-share-surge__head strong,.ch-share-surge__foot b{color:var(--ch-theme-text,#182230)} .ch-share-surge__track{position:relative;z-index:1;height:7px;margin:8px 0;border-radius:999px;overflow:hidden;background:rgba(100,116,139,.18)}.ch-share-surge__track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#38bdf8,#8b5cf6);box-shadow:0 0 16px rgba(56,189,248,.35);transition:width .25s ease}.ch-share-surge__foot{color:var(--ch-theme-muted,#64748b)} .ch-theme-mode-dark .ch-share-quality-note{background:#0d1725;border-color:#26364d;color:#a9b7ca}.ch-theme-mode-dark .ch-share-quality-note strong,.ch-theme-mode-dark .ch-share-surge__head strong,.ch-theme-mode-dark .ch-share-surge__foot b{color:#f5f7fb}.ch-theme-mode-dark .ch-share-surge{border-color:rgba(125,211,252,.18);background:linear-gradient(135deg,rgba(56,189,248,.08),rgba(139,92,246,.09))}.ch-theme-mode-dark .ch-share-surge__head span{color:#c4b5fd} @keyframes chShareSurgeSweep{0%,58%{left:-30%;opacity:0}65%{opacity:.9}88%{left:115%;opacity:0}100%{left:115%;opacity:0}} @media(max-width:640px){.ch-share-quality-note{align-items:flex-start;flex-direction:column}.ch-share-quality-note span{text-align:left}.ch-share-surge__head,.ch-share-surge__foot{align-items:flex-start}} @media(prefers-reduced-motion:reduce){.ch-share-surge:after{animation:none!important}.ch-share-surge__track i{transition:none!important}} .ch-community-discovery{ --ch-discovery-accent:#3b82f6; width:100%; margin:0 0 18px; padding:16px; border:1px solid var(--ch-border,#dbe3ef); border-radius:20px; background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(247,250,255,.94)); box-shadow:0 12px 34px rgba(15,23,42,.07); overflow:hidden; position:relative; box-sizing:border-box; } .ch-community-discovery::before{ content:""; position:absolute; inset:-55% auto auto -10%; width:360px; height:220px; border-radius:50%; background:radial-gradient(circle,rgba(59,130,246,.12),rgba(59,130,246,0) 70%); pointer-events:none; } .ch-community-discovery-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:18px; position:relative; z-index:1; margin-bottom:14px; } .ch-community-discovery-heading{min-width:0} .ch-community-discovery-kicker{ display:inline-flex; align-items:center; gap:7px; margin-bottom:4px; font-size:11px; font-weight:900; letter-spacing:.09em; text-transform:uppercase; color:var(--ch-discovery-accent); } .ch-community-discovery-kicker i{ width:8px; height:8px; border-radius:999px; background:currentColor; box-shadow:0 0 0 0 rgba(59,130,246,.35); animation:ch-community-pulse 2.2s ease-out infinite; } @keyframes ch-community-pulse{ 0%{box-shadow:0 0 0 0 rgba(59,130,246,.34)} 65%,100%{box-shadow:0 0 0 9px rgba(59,130,246,0)} } .ch-community-discovery-heading h2{ margin:0; color:var(--ch-text,#172033); font-size:clamp(21px,2.1vw,28px); line-height:1.1; letter-spacing:-.025em; } .ch-community-discovery-heading p{ margin:5px 0 0; color:var(--ch-text-muted,#667085); font-size:13px; line-height:1.45; } .ch-community-pulse-stats{ display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; } .ch-community-pulse-stat{ display:flex; flex-direction:column; justify-content:center; min-width:128px; min-height:52px; padding:8px 12px; border:1px solid rgba(100,116,139,.17); border-radius:14px; background:rgba(255,255,255,.76); box-shadow:0 6px 18px rgba(15,23,42,.045); } .ch-community-pulse-stat strong{ color:var(--ch-text,#172033); font-size:15px; line-height:1.15; } .ch-community-pulse-stat small{ margin-top:2px; color:var(--ch-text-muted,#667085); font-size:10px; line-height:1.2; } .ch-community-pulse-stat.is-new strong{color:#2563eb} .ch-community-pulse-stat.is-active strong{color:#0f9f6e} .ch-community-discovery-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; position:relative; z-index:1; } .ch-community-discovery-lane{ min-width:0; padding:10px; border:1px solid rgba(100,116,139,.14); border-radius:16px; background:rgba(255,255,255,.66); } .ch-community-discovery-lane>header{ display:flex; align-items:flex-start; justify-content:space-between; gap:10px; margin:0 0 8px; padding:0 2px; } .ch-community-discovery-lane h3{ margin:0; color:var(--ch-text,#172033); font-size:14px; font-weight:900; line-height:1.2; } .ch-community-discovery-lane p{ margin:2px 0 0; color:var(--ch-text-muted,#667085); font-size:10.5px; line-height:1.35; } .ch-community-discovery-lane.is-trending h3::before{content:"🔥 ";} .ch-community-discovery-lane.is-fresh h3::before{content:"✨ ";} .ch-community-discovery-lane.is-reply h3::before{content:"💬 ";} .ch-community-discovery-list{display:grid;gap:7px} .ch-community-discovery-card{ display:block; min-width:0; padding:10px; border:1px solid rgba(100,116,139,.13); border-radius:13px; background:rgba(255,255,255,.9); color:inherit; text-decoration:none!important; box-shadow:0 3px 10px rgba(15,23,42,.035); transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease; position:relative; overflow:hidden; } .ch-community-discovery-card::after{ content:""; position:absolute; top:-40%; left:-65%; width:38%; height:190%; transform:rotate(18deg); background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent); opacity:0; transition:left .5s ease,opacity .18s ease; pointer-events:none; } .ch-community-discovery-card:hover, .ch-community-discovery-card:focus-visible{ transform:translateY(-2px); border-color:rgba(59,130,246,.32); box-shadow:0 8px 20px rgba(15,23,42,.09); outline:none; } .ch-community-discovery-card:hover::after, .ch-community-discovery-card:focus-visible::after{left:125%;opacity:1} .ch-community-discovery-card-head{ display:flex; align-items:center; gap:7px; min-width:0; } .ch-community-discovery-avatar{ flex:0 0 28px; width:28px; height:28px; border-radius:50%; overflow:hidden; } .ch-community-discovery-avatar img{display:block;width:100%!important;height:100%!important;object-fit:cover;border-radius:50%} .ch-community-discovery-card-head>span:last-child{display:flex;min-width:0;flex-direction:column} .ch-community-discovery-card-head strong{ color:var(--ch-text,#172033); font-size:11.5px; line-height:1.2; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .ch-community-discovery-card-head small{margin-top:1px;color:var(--ch-text-muted,#7a8699);font-size:9px;line-height:1.2} .ch-community-discovery-excerpt{ display:-webkit-box; margin-top:7px; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; color:var(--ch-text,#273244); font-size:11px; line-height:1.4; } .ch-community-discovery-meta{ display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:7px; color:var(--ch-text-muted,#7a8699); font-size:9.5px; line-height:1.25; } .ch-community-discovery-meta b{font-size:13px;color:#3b82f6;transition:transform .18s ease} .ch-community-discovery-card:hover .ch-community-discovery-meta b{transform:translateX(3px)} .ch-community-discovery-empty{ min-height:74px; display:flex; align-items:center; justify-content:center; padding:10px; border:1px dashed rgba(100,116,139,.2); border-radius:12px; color:var(--ch-text-muted,#7a8699); text-align:center; font-size:10.5px; line-height:1.45; } .ch-community-group-discovery{ margin-top:10px; padding-top:10px; border-top:1px solid rgba(100,116,139,.13); position:relative; z-index:1; } .ch-community-group-discovery>header{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:7px; } .ch-community-group-discovery>header>div{display:flex;flex-direction:column;min-width:0} .ch-community-group-discovery>header span{font-size:9.5px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#7c3aed} .ch-community-group-discovery>header strong{margin-top:1px;color:var(--ch-text,#172033);font-size:12px} .ch-community-group-discovery>header>a{color:#3b82f6!important;font-size:10.5px;font-weight:800;text-decoration:none!important;white-space:nowrap} .ch-community-group-discovery-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px} .ch-community-group-discovery-card{ display:flex; align-items:center; gap:9px; min-width:0; padding:9px 10px; border:1px solid rgba(124,58,237,.15); border-radius:13px; background:rgba(124,58,237,.045); color:inherit!important; text-decoration:none!important; transition:transform .18s ease,border-color .18s ease,background .18s ease; } .ch-community-group-discovery-card:hover,.ch-community-group-discovery-card:focus-visible{transform:translateY(-1px);border-color:rgba(124,58,237,.32);background:rgba(124,58,237,.075);outline:none} .ch-community-group-discovery-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:11px;background:rgba(124,58,237,.1);font-size:16px} .ch-community-group-discovery-card>span:nth-child(2){display:flex;min-width:0;flex:1;flex-direction:column} .ch-community-group-discovery-card strong{color:var(--ch-text,#172033);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .ch-community-group-discovery-card small{margin-top:2px;color:var(--ch-text-muted,#7a8699);font-size:9px} .ch-community-group-discovery-card>b{color:#7c3aed;font-size:13px} html[data-ch-theme-mode="dark"] .ch-community-discovery, body.ch-theme-mode-dark .ch-community-discovery{ border-color:rgba(148,163,184,.16); background:linear-gradient(145deg,rgba(15,23,42,.94),rgba(17,24,39,.93)); box-shadow:0 14px 36px rgba(0,0,0,.22); } html[data-ch-theme-mode="dark"] .ch-community-pulse-stat, body.ch-theme-mode-dark .ch-community-pulse-stat, html[data-ch-theme-mode="dark"] .ch-community-discovery-lane, body.ch-theme-mode-dark .ch-community-discovery-lane{ border-color:rgba(203,213,225,.12); background:rgba(255,255,255,.035); } html[data-ch-theme-mode="dark"] .ch-community-discovery-card, body.ch-theme-mode-dark .ch-community-discovery-card{ border-color:rgba(203,213,225,.11); background:rgba(255,255,255,.045); } html[data-ch-theme-mode="dark"] .ch-community-discovery-card:hover, body.ch-theme-mode-dark .ch-community-discovery-card:hover{border-color:rgba(96,165,250,.33);background:rgba(255,255,255,.065)} html[data-ch-theme-mode="dark"] .ch-community-discovery-excerpt, body.ch-theme-mode-dark .ch-community-discovery-excerpt, html[data-ch-theme-mode="dark"] .ch-community-discovery-card-head strong, body.ch-theme-mode-dark .ch-community-discovery-card-head strong, html[data-ch-theme-mode="dark"] .ch-community-discovery-heading h2, body.ch-theme-mode-dark .ch-community-discovery-heading h2, html[data-ch-theme-mode="dark"] .ch-community-discovery-lane h3, body.ch-theme-mode-dark .ch-community-discovery-lane h3, html[data-ch-theme-mode="dark"] .ch-community-pulse-stat strong, body.ch-theme-mode-dark .ch-community-pulse-stat strong, html[data-ch-theme-mode="dark"] .ch-community-group-discovery>header strong, body.ch-theme-mode-dark .ch-community-group-discovery>header strong, html[data-ch-theme-mode="dark"] .ch-community-group-discovery-card strong, body.ch-theme-mode-dark .ch-community-group-discovery-card strong{color:#f8fafc} html[data-ch-theme-mode="dark"] .ch-community-group-discovery-card, body.ch-theme-mode-dark .ch-community-group-discovery-card{border-color:rgba(167,139,250,.16);background:rgba(124,58,237,.08)} @media(max-width:1100px){.ch-community-discovery-grid{grid-template-columns:1fr}.ch-community-discovery-list{grid-template-columns:repeat(3,minmax(0,1fr))}.ch-community-group-discovery-list{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:760px){ .ch-community-discovery{padding:13px;border-radius:17px} .ch-community-discovery-head{flex-direction:column;gap:10px} .ch-community-pulse-stats{width:100%;justify-content:stretch} .ch-community-pulse-stat{flex:1 1 0;min-width:0} .ch-community-discovery-lane{padding:9px} .ch-community-discovery-list,.ch-community-group-discovery-list{display:flex;overflow-x:auto;scroll-snap-type:x proximity;gap:8px;padding:1px 1px 5px;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none} .ch-community-discovery-list::-webkit-scrollbar,.ch-community-group-discovery-list::-webkit-scrollbar{display:none} .ch-community-discovery-card{flex:0 0 min(78vw,260px);scroll-snap-align:start} .ch-community-group-discovery-card{flex:0 0 min(72vw,240px);scroll-snap-align:start} } @media(prefers-reduced-motion:reduce){ .ch-community-discovery-kicker i{animation:none} .ch-community-discovery-card,.ch-community-discovery-card::after,.ch-community-discovery-meta b,.ch-community-group-discovery-card{transition:none!important} } .ch-community-pulse-stat.is-action{ appearance:none; -webkit-appearance:none; cursor:pointer; text-align:left; font:inherit; color:inherit; transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease; } .ch-community-pulse-stat.is-action:hover, .ch-community-pulse-stat.is-action:focus-visible{ transform:translateY(-1px); border-color:rgba(59,130,246,.34); background:rgba(239,246,255,.94); box-shadow:0 9px 24px rgba(37,99,235,.12); outline:none; } .ch-community-pulse-stat.is-action small::after{content:"  →";font-weight:900;color:#3b82f6} .ch-community-discovery-grid{grid-template-columns:repeat(4,minmax(0,1fr))} .ch-community-discovery-lane.is-people h3::before{content:"👥 ";} .ch-community-discovery-lane.is-people{border-color:rgba(14,165,233,.15);background:linear-gradient(180deg,rgba(14,165,233,.035),rgba(255,255,255,.66))} .ch-community-discovery-context{ display:flex; flex-wrap:wrap; gap:4px; margin-top:7px; } .ch-community-discovery-context em{ display:inline-flex; align-items:center; min-height:18px; padding:2px 6px; border:1px solid rgba(59,130,246,.16); border-radius:999px; background:rgba(59,130,246,.07); color:#2563eb; font-size:8.5px; font-style:normal; font-weight:850; line-height:1.15; } .ch-activity-signal-row{ display:flex; align-items:center; flex-wrap:wrap; gap:6px; margin:-1px 0 10px; min-height:22px; } .ch-activity-signal, .ch-activity-social-proof{ display:inline-flex; align-items:center; gap:5px; min-height:22px; padding:3px 8px; border:1px solid rgba(100,116,139,.16); border-radius:999px; background:rgba(248,250,252,.9); color:#475569; font-size:9.5px; font-weight:850; line-height:1.15; letter-spacing:.005em; } .ch-activity-signal i, .ch-activity-social-proof i{font-style:normal;font-size:9px;line-height:1} .ch-activity-signal.is-new{border-color:rgba(37,99,235,.22);background:rgba(37,99,235,.075);color:#1d4ed8} .ch-activity-signal.is-heating{border-color:rgba(249,115,22,.24);background:rgba(249,115,22,.085);color:#c2410c;animation:ch-community-heat 2.8s ease-in-out infinite} .ch-activity-signal.is-friend,.ch-activity-signal.is-following{border-color:rgba(14,165,233,.22);background:rgba(14,165,233,.075);color:#0369a1} .ch-activity-signal.is-group{border-color:rgba(124,58,237,.20);background:rgba(124,58,237,.07);color:#6d28d9} .ch-activity-signal.is-reply{border-color:rgba(16,185,129,.22);background:rgba(16,185,129,.075);color:#047857} .ch-activity-social-proof{border-color:rgba(14,165,233,.15);background:rgba(14,165,233,.045);color:#0f6f8f;font-weight:800} .ch-activity-social-proof i{color:#0ea5e9;animation:ch-community-social-pulse 2.4s ease-out infinite} .ch-new-since-last-highlight{animation:ch-community-new-highlight 2.6s ease both} @keyframes ch-community-heat{0%,100%{box-shadow:0 0 0 rgba(249,115,22,0)}50%{box-shadow:0 0 12px rgba(249,115,22,.16)}} @keyframes ch-community-social-pulse{0%{opacity:.55;transform:scale(.9)}45%{opacity:1;transform:scale(1.12)}100%{opacity:.55;transform:scale(.9)}} @keyframes ch-community-new-highlight{0%{box-shadow:0 0 0 0 rgba(59,130,246,.35)}22%{box-shadow:0 0 0 7px rgba(59,130,246,.14)}100%{box-shadow:0 0 0 0 rgba(59,130,246,0)}} html[data-ch-theme-mode="dark"] .ch-community-pulse-stat.is-action:hover, html[data-ch-theme-mode="dark"] .ch-community-pulse-stat.is-action:focus-visible, body.ch-theme-mode-dark .ch-community-pulse-stat.is-action:hover, body.ch-theme-mode-dark .ch-community-pulse-stat.is-action:focus-visible{background:rgba(59,130,246,.11);border-color:rgba(96,165,250,.33)} html[data-ch-theme-mode="dark"] .ch-community-discovery-lane.is-people, body.ch-theme-mode-dark .ch-community-discovery-lane.is-people{border-color:rgba(56,189,248,.16);background:rgba(14,165,233,.055)} html[data-ch-theme-mode="dark"] .ch-community-discovery-context em, body.ch-theme-mode-dark .ch-community-discovery-context em{border-color:rgba(96,165,250,.22);background:rgba(59,130,246,.12);color:#bfdbfe} html[data-ch-theme-mode="dark"] .ch-activity-signal, html[data-ch-theme-mode="dark"] .ch-activity-social-proof, body.ch-theme-mode-dark .ch-activity-signal, body.ch-theme-mode-dark .ch-activity-social-proof{border-color:rgba(203,213,225,.13);background:rgba(255,255,255,.045);color:#cbd5e1} html[data-ch-theme-mode="dark"] .ch-activity-signal.is-new, body.ch-theme-mode-dark .ch-activity-signal.is-new{border-color:rgba(96,165,250,.25);background:rgba(59,130,246,.12);color:#bfdbfe} html[data-ch-theme-mode="dark"] .ch-activity-signal.is-heating, body.ch-theme-mode-dark .ch-activity-signal.is-heating{border-color:rgba(251,146,60,.25);background:rgba(249,115,22,.11);color:#fdba74} html[data-ch-theme-mode="dark"] .ch-activity-signal.is-friend, html[data-ch-theme-mode="dark"] .ch-activity-signal.is-following, html[data-ch-theme-mode="dark"] .ch-activity-social-proof, body.ch-theme-mode-dark .ch-activity-signal.is-friend, body.ch-theme-mode-dark .ch-activity-signal.is-following, body.ch-theme-mode-dark .ch-activity-social-proof{border-color:rgba(56,189,248,.22);background:rgba(14,165,233,.10);color:#bae6fd} html[data-ch-theme-mode="dark"] .ch-activity-signal.is-group, body.ch-theme-mode-dark .ch-activity-signal.is-group{border-color:rgba(167,139,250,.23);background:rgba(124,58,237,.11);color:#ddd6fe} html[data-ch-theme-mode="dark"] .ch-activity-signal.is-reply, body.ch-theme-mode-dark .ch-activity-signal.is-reply{border-color:rgba(52,211,153,.20);background:rgba(16,185,129,.10);color:#a7f3d0} @media(max-width:1380px){.ch-community-discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:1100px){.ch-community-discovery-grid{grid-template-columns:1fr}.ch-community-discovery-list{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:760px){ .ch-community-pulse-stat.is-action{touch-action:manipulation} .ch-activity-signal-row{gap:5px;margin-bottom:8px} .ch-activity-signal,.ch-activity-social-proof{min-height:21px;padding:3px 7px;font-size:9px} } @media(prefers-reduced-motion:reduce){ .ch-community-pulse-stat.is-action,.ch-activity-signal.is-heating,.ch-activity-social-proof i,.ch-new-since-last-highlight{animation:none!important;transition:none!important} } .ch-community-boost-event{ position:relative; z-index:1; display:flex; align-items:center; gap:12px; margin:12px 0 13px; padding:11px 13px; overflow:hidden; border:1px solid rgba(245,158,11,.30); border-radius:15px; background:linear-gradient(110deg,rgba(255,251,235,.98),rgba(254,243,199,.82),rgba(255,247,237,.96)); color:#451a03!important; text-decoration:none!important; box-shadow:0 10px 28px rgba(180,83,9,.09),inset 0 0 0 1px rgba(255,255,255,.45); transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease; } .ch-community-boost-event::before{ content:""; position:absolute; inset:-50% -20%; background:linear-gradient(110deg,transparent 38%,rgba(255,255,255,.72) 49%,transparent 60%); transform:translateX(-50%) rotate(4deg); animation:chShareBoostSweep 4.2s ease-in-out infinite; pointer-events:none; } .ch-community-boost-event:hover,.ch-community-boost-event:focus-visible{transform:translateY(-1px);border-color:rgba(245,158,11,.52);box-shadow:0 13px 34px rgba(180,83,9,.14);outline:none} .ch-community-boost-event__icon{position:relative;z-index:1;display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#111827,#451a03);color:#fde68a;font-size:20px;box-shadow:0 7px 20px rgba(120,53,15,.22);animation:chShareBoostBolt 1.8s ease-in-out infinite} .ch-community-boost-event__copy{position:relative;z-index:1;display:grid;min-width:0;gap:1px;flex:1} .ch-community-boost-event__copy small{font-size:8.5px;font-weight:950;letter-spacing:.12em;color:#b45309} .ch-community-boost-event__copy strong{font-size:12px;font-weight:950;color:#451a03} .ch-community-boost-event__copy em{font-size:10px;font-style:normal;font-weight:700;line-height:1.35;color:#92400e} .ch-community-boost-event__cta{position:relative;z-index:1;display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;padding:7px 9px;border:1px solid rgba(180,83,9,.18);border-radius:999px;background:rgba(255,255,255,.55);font-size:9.5px;font-weight:900;white-space:nowrap;color:#92400e} .ch-community-boost-event__cta b{font-size:12px;transition:transform .18s ease}.ch-community-boost-event:hover .ch-community-boost-event__cta b{transform:translateX(2px)} .ch-share-boost-live{ position:relative; display:flex; align-items:center; gap:10px; margin:0 0 10px; padding:9px 10px; overflow:hidden; border:1px solid rgba(245,158,11,.28); border-radius:13px; background:linear-gradient(120deg,rgba(255,251,235,.98),rgba(254,243,199,.72)); color:#78350f; } .ch-share-boost-live::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.55) 48%,transparent 72%);transform:translateX(-120%);animation:chShareBoostSweep 4.8s ease-in-out infinite;pointer-events:none} .ch-share-boost-live__bolt{position:relative;z-index:1;display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:10px;background:#111827;color:#fde68a;font-size:17px;animation:chShareBoostBolt 1.8s ease-in-out infinite} .ch-share-boost-live>span:last-child{position:relative;z-index:1;display:grid;gap:2px;min-width:0} .ch-share-boost-live strong{font-size:10.5px;font-weight:950;color:#78350f}.ch-share-boost-live small{font-size:9px;font-weight:750;line-height:1.3;color:#92400e} .ch-earning-rule-card.is-share-boosted{border-color:rgba(245,158,11,.26)!important;box-shadow:0 12px 34px rgba(180,83,9,.08)} .ch-reward-toast--event-share{border-color:color-mix(in srgb,#f59e0b 75%,transparent)!important;box-shadow:0 18px 54px rgba(120,53,15,.28),0 0 30px rgba(245,158,11,.22)!important} .ch-reward-toast--event-share .ch-reward-toast-icon{background:radial-gradient(circle at 32% 28%,#fff7c2 0 10%,#fbbf24 30%,#b45309 73%,#451a03 100%)!important;animation:chShareRewardIcon 1.2s cubic-bezier(.2,.8,.2,1)} .ch-reward-toast--event-share.is-share-boosted::after{content:attr(data-share-boost);position:absolute;right:9px;top:7px;z-index:2;padding:2px 5px;border-radius:999px;background:#f59e0b;color:#451a03;font-size:8px;font-weight:950;box-shadow:0 0 15px rgba(245,158,11,.48)} .ch-share-surge-celebration{ position:fixed; inset:0; z-index:2147483500; display:grid; place-items:center; padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left)); background:rgba(2,6,23,.68); backdrop-filter:blur(9px); -webkit-backdrop-filter:blur(9px); opacity:0; transition:opacity .22s ease; } .ch-share-surge-celebration.is-visible{opacity:1} .ch-share-surge-celebration__panel{ position:relative; z-index:2; width:min(520px,calc(100vw - 28px)); max-height:calc(100dvh - max(28px,env(safe-area-inset-top)) - max(28px,env(safe-area-inset-bottom))); overflow:auto; padding:28px 26px 24px; border:1px solid rgba(251,191,36,.48); border-radius:26px; background:radial-gradient(circle at 50% -10%,rgba(245,158,11,.28),transparent 34%),linear-gradient(145deg,#111827,#09090b 62%,#1c1307); color:#fff7ed; text-align:center; box-shadow:0 30px 90px rgba(0,0,0,.52),0 0 50px rgba(245,158,11,.22),inset 0 0 0 1px rgba(255,255,255,.06); transform:translateY(16px) scale(.94); transition:transform .38s cubic-bezier(.16,.8,.25,1.12); scrollbar-width:thin; } .ch-share-surge-celebration.is-visible .ch-share-surge-celebration__panel{transform:translateY(0) scale(1)} .ch-share-surge-celebration__close{position:absolute;right:13px;top:13px;display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid rgba(255,255,255,.14);border-radius:50%;background:rgba(255,255,255,.07);color:#fff;font-size:22px;line-height:1;cursor:pointer} .ch-share-surge-celebration__close:hover,.ch-share-surge-celebration__close:focus-visible{background:rgba(255,255,255,.14);outline:2px solid rgba(251,191,36,.55);outline-offset:2px} .ch-share-surge-celebration__medallion{display:grid;place-items:center;width:76px;height:76px;margin:0 auto 14px;border:2px solid rgba(253,230,138,.62);border-radius:50%;background:radial-gradient(circle at 33% 28%,#fff7c2 0 8%,#fbbf24 25%,#b45309 67%,#3f2107 100%);color:#1c1203;font-size:38px;font-weight:950;box-shadow:0 0 0 7px rgba(245,158,11,.09),0 0 34px rgba(245,158,11,.34);animation:chShareSurgeMedallion 1.25s cubic-bezier(.2,.8,.2,1) infinite alternate} .ch-share-surge-celebration__panel>p{margin:0 0 5px;color:#fbbf24;font-size:10px;font-weight:950;letter-spacing:.17em} .ch-share-surge-celebration__panel h2{margin:0;color:#fff7ed;font-size:29px;line-height:1.05;font-weight:1000;letter-spacing:-.025em} .ch-share-surge-celebration__copy{max-width:390px;margin:10px auto 0;color:#d6d3d1;font-size:13px;line-height:1.45;font-weight:650} .ch-share-surge-celebration__reward{display:grid;gap:2px;width:min(330px,100%);margin:17px auto 0;padding:12px 14px;border:1px solid rgba(251,191,36,.25);border-radius:15px;background:rgba(245,158,11,.09)} .ch-share-surge-celebration__reward span{color:#fde68a;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.ch-share-surge-celebration__reward strong{color:#fff7ed;font-size:18px;font-weight:1000}.ch-share-surge-celebration__reward.is-progress{border-color:rgba(56,189,248,.22);background:rgba(14,165,233,.08)} .ch-share-surge-celebration__continue{margin-top:17px;min-height:42px;padding:9px 18px;border:1px solid rgba(253,230,138,.48);border-radius:999px;background:linear-gradient(180deg,#fbbf24,#d97706);color:#2b1702;font-size:11px;font-weight:950;cursor:pointer;box-shadow:0 8px 24px rgba(180,83,9,.28)} .ch-share-surge-celebration__continue:hover,.ch-share-surge-celebration__continue:focus-visible{filter:brightness(1.07);outline:2px solid rgba(253,230,138,.55);outline-offset:2px} .ch-share-surge-celebration__burst{position:absolute;inset:0;overflow:hidden;pointer-events:none}.ch-share-surge-celebration__burst i{position:absolute;left:50%;top:50%;width:8px;height:8px;border-radius:2px;background:#fbbf24;box-shadow:0 0 12px rgba(251,191,36,.72);opacity:0;animation:chShareSurgeBurst 1.8s ease-out infinite}.ch-share-surge-celebration__burst i:nth-child(2){animation-delay:.14s;--x:170px;--y:-105px}.ch-share-surge-celebration__burst i:nth-child(3){animation-delay:.27s;--x:-185px;--y:-85px}.ch-share-surge-celebration__burst i:nth-child(4){animation-delay:.40s;--x:205px;--y:65px}.ch-share-surge-celebration__burst i:nth-child(5){animation-delay:.54s;--x:-210px;--y:75px}.ch-share-surge-celebration__burst i:nth-child(6){animation-delay:.68s;--x:105px;--y:155px}.ch-share-surge-celebration__burst i:nth-child(7){animation-delay:.82s;--x:-110px;--y:160px}.ch-share-surge-celebration__burst i:nth-child(8){animation-delay:.96s;--x:10px;--y:-180px}.ch-share-surge-celebration__burst i:first-child{--x:0px;--y:180px} @keyframes chShareBoostSweep{0%,55%{transform:translateX(-90%) rotate(4deg)}78%,100%{transform:translateX(90%) rotate(4deg)}} @keyframes chShareBoostBolt{0%,100%{transform:scale(1);filter:drop-shadow(0 0 0 rgba(245,158,11,0))}50%{transform:scale(1.06);filter:drop-shadow(0 0 7px rgba(245,158,11,.45))}} @keyframes chShareRewardIcon{0%{transform:translateY(8px) scale(.55) rotate(-12deg)}68%{transform:translateY(-1px) scale(1.12) rotate(7deg)}100%{transform:translateY(0) scale(1) rotate(0)}} @keyframes chShareSurgeMedallion{from{transform:rotate(-3deg) scale(.98)}to{transform:rotate(3deg) scale(1.035)}} @keyframes chShareSurgeBurst{0%{opacity:0;transform:translate(0,0) rotate(0) scale(.6)}18%{opacity:1}75%{opacity:.8}100%{opacity:0;transform:translate(var(--x,145px),var(--y,-145px)) rotate(220deg) scale(1)}} html[data-ch-theme-mode="dark"] .ch-community-boost-event, body.ch-theme-mode-dark .ch-community-boost-event{border-color:rgba(251,191,36,.28);background:linear-gradient(115deg,rgba(69,26,3,.48),rgba(120,53,15,.31),rgba(17,24,39,.72));color:#fffbeb!important;box-shadow:0 10px 28px rgba(0,0,0,.20)} html[data-ch-theme-mode="dark"] .ch-community-boost-event__copy strong, body.ch-theme-mode-dark .ch-community-boost-event__copy strong{color:#fffbeb} html[data-ch-theme-mode="dark"] .ch-community-boost-event__copy em, body.ch-theme-mode-dark .ch-community-boost-event__copy em{color:#fde68a} html[data-ch-theme-mode="dark"] .ch-community-boost-event__cta, body.ch-theme-mode-dark .ch-community-boost-event__cta{border-color:rgba(251,191,36,.18);background:rgba(255,255,255,.055);color:#fde68a} html[data-ch-theme-mode="dark"] .ch-share-boost-live, body.ch-theme-mode-dark .ch-share-boost-live{border-color:rgba(251,191,36,.24);background:linear-gradient(120deg,rgba(120,53,15,.26),rgba(69,26,3,.42));color:#fef3c7} html[data-ch-theme-mode="dark"] .ch-share-boost-live strong, body.ch-theme-mode-dark .ch-share-boost-live strong{color:#fef3c7} html[data-ch-theme-mode="dark"] .ch-share-boost-live small, body.ch-theme-mode-dark .ch-share-boost-live small{color:#fde68a} @media(max-width:760px){ .ch-community-boost-event{align-items:flex-start;gap:9px;padding:10px 11px} .ch-community-boost-event__icon{flex-basis:36px;width:36px;height:36px;border-radius:11px;font-size:18px} .ch-community-boost-event__copy strong{font-size:11px}.ch-community-boost-event__copy em{font-size:9.5px} .ch-community-boost-event__cta{align-self:center;padding:6px 8px;font-size:8.8px} .ch-share-surge-celebration__panel{width:min(500px,calc(100vw - 20px));padding:24px 18px 20px;border-radius:22px} .ch-share-surge-celebration__medallion{width:68px;height:68px;font-size:33px} .ch-share-surge-celebration__panel h2{font-size:25px} } @media(orientation:landscape) and (max-height:600px) and (pointer:coarse){ .ch-community-boost-event{margin:8px 0 9px;padding:7px 9px;border-radius:12px;gap:8px} .ch-community-boost-event__icon{flex-basis:31px;width:31px;height:31px;border-radius:9px;font-size:15px} .ch-community-boost-event__copy small{font-size:7.5px}.ch-community-boost-event__copy strong{font-size:10px}.ch-community-boost-event__copy em{font-size:8.5px;line-height:1.25} .ch-community-boost-event__cta{padding:5px 7px;font-size:8px} .ch-share-surge-celebration{place-items:center;padding:max(7px,env(safe-area-inset-top)) max(9px,env(safe-area-inset-right)) max(7px,env(safe-area-inset-bottom)) max(9px,env(safe-area-inset-left))} .ch-share-surge-celebration__panel{width:min(620px,calc(100vw - 24px));max-height:calc(100dvh - max(14px,env(safe-area-inset-top)) - max(14px,env(safe-area-inset-bottom)));padding:14px 46px 13px;border-radius:18px} .ch-share-surge-celebration__close{right:9px;top:9px;width:31px;height:31px;font-size:19px} .ch-share-surge-celebration__medallion{width:50px;height:50px;margin-bottom:6px;font-size:24px} .ch-share-surge-celebration__panel>p{margin-bottom:2px;font-size:8px}.ch-share-surge-celebration__panel h2{font-size:21px}.ch-share-surge-celebration__copy{margin-top:5px;font-size:10.5px;line-height:1.3} .ch-share-surge-celebration__reward{margin-top:8px;padding:7px 10px;border-radius:11px}.ch-share-surge-celebration__reward span{font-size:7.5px}.ch-share-surge-celebration__reward strong{font-size:14px} .ch-share-surge-celebration__continue{min-height:34px;margin-top:8px;padding:6px 14px;font-size:9px} .ch-reward-toast--event-share{max-width:min(420px,calc(100vw - 24px))!important} } @media(prefers-reduced-motion:reduce){ .ch-community-boost-event,.ch-community-boost-event::before,.ch-community-boost-event__icon,.ch-community-boost-event__cta b, .ch-share-boost-live::after,.ch-share-boost-live__bolt,.ch-reward-toast--event-share .ch-reward-toast-icon, .ch-share-surge-celebration,.ch-share-surge-celebration__panel,.ch-share-surge-celebration__medallion,.ch-share-surge-celebration__burst i{ animation:none!important;transition:none!important; } } body.ch-bm-chat-open :is(.ch-community-discovery-kicker i,.ch-community-pulse-stat.is-action,.ch-activity-signal.is-heating,.ch-activity-social-proof i,.ch-community-boost-event::before,.ch-community-boost-event__icon,.ch-share-boost-live::after,.ch-share-boost-live__bolt), body.ch-bm-mobile-session :is(.ch-community-discovery-kicker i,.ch-community-pulse-stat.is-action,.ch-activity-signal.is-heating,.ch-activity-social-proof i,.ch-community-boost-event::before,.ch-community-boost-event__icon,.ch-share-boost-live::after,.ch-share-boost-live__bolt){ animation-play-state:paused!important; } .ch-weekly-mission{position:relative;overflow:hidden;margin:12px 0 14px;padding:14px;border:1px solid rgba(59,130,246,.22);border-radius:18px;background:linear-gradient(135deg,rgba(37,99,235,.08),rgba(139,92,246,.06),rgba(15,23,42,.02));box-shadow:0 10px 30px rgba(15,23,42,.06)} .ch-weekly-mission::before{content:"";position:absolute;inset:-45% -10%;background:linear-gradient(100deg,transparent 35%,rgba(255,255,255,.13) 49%,transparent 63%);transform:translateX(-60%);animation:chMissionSweep 7s ease-in-out infinite;pointer-events:none} .ch-weekly-mission__head{position:relative;z-index:1;display:flex;align-items:center;gap:11px}.ch-weekly-mission__medallion{display:grid;place-items:center;flex:0 0 43px;width:43px;height:43px;border:1px solid rgba(96,165,250,.28);border-radius:14px;background:radial-gradient(circle at 32% 26%,#dbeafe,#3b82f6 44%,#1d4ed8 100%);box-shadow:0 7px 20px rgba(37,99,235,.22);font-size:20px;animation:chMissionMedallion 1.8s ease-in-out infinite alternate}.ch-weekly-mission__head>div{min-width:0;display:grid;gap:1px;flex:1}.ch-weekly-mission__head small{font-size:8px;font-weight:950;letter-spacing:.13em;color:#2563eb}.ch-weekly-mission__head strong{font-size:15px;line-height:1.12;color:inherit}.ch-weekly-mission__head em{font-style:normal;font-size:10px;color:var(--ch-muted,#64748b)}.ch-weekly-mission__reward{display:grid;place-items:center;min-width:62px;padding:7px 9px;border:1px solid rgba(245,158,11,.24);border-radius:13px;background:rgba(245,158,11,.09);color:#b45309;font-size:14px;font-weight:950}.ch-weekly-mission__reward small{font-size:7px;text-transform:uppercase;letter-spacing:.08em;color:inherit} .ch-weekly-mission__meter{position:relative;z-index:1;height:7px;margin:12px 0 11px;overflow:hidden;border-radius:999px;background:rgba(100,116,139,.16)}.ch-weekly-mission__meter span{display:block;height:100%;width:var(--ch-mission-progress,0%);border-radius:inherit;background:linear-gradient(90deg,#2563eb,#7c3aed,#ec4899);box-shadow:0 0 14px rgba(124,58,237,.25);transition:width .45s cubic-bezier(.2,.8,.2,1)} .ch-weekly-mission__steps{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.ch-weekly-mission__step{display:flex;align-items:center;gap:7px;min-width:0;padding:8px;border:1px solid rgba(100,116,139,.16);border-radius:12px;background:rgba(255,255,255,.52)}.ch-weekly-mission__step>span{display:grid;place-items:center;flex:0 0 27px;width:27px;height:27px;border-radius:9px;background:rgba(59,130,246,.09);font-size:13px}.ch-weekly-mission__step>div{min-width:0;display:grid}.ch-weekly-mission__step strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9.5px}.ch-weekly-mission__step small{font-size:8px;color:var(--ch-muted,#64748b)}.ch-weekly-mission__step.is-done{border-color:rgba(34,197,94,.26);background:rgba(34,197,94,.07)}.ch-weekly-mission__step.is-done>span{background:rgba(34,197,94,.14);color:#15803d;font-weight:950}.ch-weekly-mission__complete{position:relative;z-index:1;margin-top:9px;padding:8px 10px;border:1px solid rgba(34,197,94,.24);border-radius:11px;background:rgba(34,197,94,.08);font-size:10px;font-weight:850;color:#166534}.ch-weekly-mission.is-complete{border-color:rgba(34,197,94,.28);box-shadow:0 10px 30px rgba(34,197,94,.09)} .ch-weekly-mission.is-compact{margin:8px 0 14px;padding:11px}.ch-weekly-mission.is-compact .ch-weekly-mission__steps{grid-template-columns:repeat(4,minmax(0,1fr))}.ch-weekly-mission.is-compact .ch-weekly-mission__head strong{font-size:13px}.ch-weekly-mission.is-compact .ch-weekly-mission__medallion{flex-basis:36px;width:36px;height:36px;border-radius:12px;font-size:17px} .ch-group-card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.ch-group-card:hover,.ch-group-card:focus-within{transform:translateY(-2px);box-shadow:0 12px 30px rgba(15,23,42,.10);border-color:rgba(59,130,246,.24)}.ch-group-card-signals{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:1px 0 7px}.ch-group-card-signals span{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:999px;font-size:8px;font-weight:850;line-height:1;background:rgba(59,130,246,.08);color:#1d4ed8}.ch-group-card-signals .is-member{background:rgba(34,197,94,.09);color:#15803d}.ch-group-card-signals .is-active i{width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.12);animation:chGroupPulse 1.6s ease-in-out infinite} html[data-ch-theme-mode="dark"] .ch-weekly-mission,body.ch-theme-mode-dark .ch-weekly-mission{border-color:rgba(96,165,250,.22);background:linear-gradient(135deg,rgba(30,64,175,.20),rgba(91,33,182,.14),rgba(15,23,42,.42));box-shadow:0 12px 32px rgba(0,0,0,.16)} html[data-ch-theme-mode="dark"] .ch-weekly-mission__step,body.ch-theme-mode-dark .ch-weekly-mission__step{background:rgba(15,23,42,.58);border-color:rgba(148,163,184,.16)} html[data-ch-theme-mode="dark"] .ch-weekly-mission__step.is-done,body.ch-theme-mode-dark .ch-weekly-mission__step.is-done{background:rgba(22,101,52,.18);border-color:rgba(74,222,128,.22)} html[data-ch-theme-mode="dark"] .ch-weekly-mission__complete,body.ch-theme-mode-dark .ch-weekly-mission__complete{color:#bbf7d0;background:rgba(22,101,52,.20);border-color:rgba(74,222,128,.23)} html[data-ch-theme-mode="dark"] .ch-group-card-signals span,body.ch-theme-mode-dark .ch-group-card-signals span{background:rgba(59,130,246,.15);color:#bfdbfe}html[data-ch-theme-mode="dark"] .ch-group-card-signals .is-member,body.ch-theme-mode-dark .ch-group-card-signals .is-member{background:rgba(34,197,94,.14);color:#bbf7d0} @keyframes chMissionSweep{0%,60%{transform:translateX(-65%)}88%,100%{transform:translateX(65%)}}@keyframes chMissionMedallion{from{transform:translateY(0) rotate(-2deg)}to{transform:translateY(-2px) rotate(2deg)}}@keyframes chGroupPulse{0%,100%{opacity:.65;transform:scale(.92)}50%{opacity:1;transform:scale(1.06)}} @media(max-width:900px){.ch-weekly-mission__steps{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:560px){.ch-weekly-mission{padding:11px;border-radius:15px}.ch-weekly-mission__head{gap:8px}.ch-weekly-mission__medallion{flex-basis:36px;width:36px;height:36px;border-radius:11px;font-size:17px}.ch-weekly-mission__head strong{font-size:12.5px}.ch-weekly-mission__reward{min-width:54px;padding:6px 7px;font-size:12px}.ch-weekly-mission__steps{grid-template-columns:1fr 1fr;gap:6px}.ch-weekly-mission__step{padding:7px}.ch-weekly-mission__step strong{font-size:9px}} @media(orientation:landscape) and (max-height:600px) and (pointer:coarse){.ch-weekly-mission{margin:6px 0 8px;padding:8px 10px;border-radius:12px}.ch-weekly-mission__head{gap:7px}.ch-weekly-mission__medallion{flex-basis:30px;width:30px;height:30px;border-radius:9px;font-size:14px}.ch-weekly-mission__head small{font-size:6.5px}.ch-weekly-mission__head strong{font-size:10.5px}.ch-weekly-mission__head em{font-size:7.5px}.ch-weekly-mission__reward{min-width:48px;padding:4px 6px;font-size:10px}.ch-weekly-mission__meter{height:5px;margin:7px 0}.ch-weekly-mission__steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.ch-weekly-mission__step{gap:5px;padding:5px 6px;border-radius:9px}.ch-weekly-mission__step>span{flex-basis:22px;width:22px;height:22px;border-radius:7px;font-size:10px}.ch-weekly-mission__step strong{font-size:7.5px}.ch-weekly-mission__step small{font-size:6.5px}.ch-weekly-mission__complete{margin-top:6px;padding:5px 7px;font-size:7.5px}} @media(prefers-reduced-motion:reduce){.ch-weekly-mission::before,.ch-weekly-mission__medallion,.ch-group-card-signals .is-active i{animation:none!important}.ch-weekly-mission__meter span,.ch-group-card{transition:none!important}} .ch-weekly-mission__step{position:relative;width:100%;margin:0;text-align:left;font:inherit;color:inherit;cursor:help;appearance:none;-webkit-appearance:none} .ch-weekly-mission__step:focus-visible{outline:2px solid rgba(37,99,235,.72);outline-offset:2px} .ch-weekly-mission__info{position:absolute;top:6px;right:6px;display:grid;place-items:center;width:16px;height:16px;border:1px solid rgba(59,130,246,.25);border-radius:999px;background:rgba(59,130,246,.08);color:#2563eb;font-size:9px;font-style:normal;font-weight:950;line-height:1;opacity:.72;transition:transform .16s ease,opacity .16s ease,background .16s ease} .ch-weekly-mission__step:hover .ch-weekly-mission__info,.ch-weekly-mission__step:focus-visible .ch-weekly-mission__info,.ch-weekly-mission__step[aria-expanded="true"] .ch-weekly-mission__info{opacity:1;transform:scale(1.08);background:rgba(59,130,246,.16)} .ch-mission-tip{position:fixed;z-index:2147483300;display:block;width:min(310px,calc(100vw - 16px));padding:12px 13px 11px;border:1px solid rgba(96,165,250,.30);border-radius:14px;background:rgba(15,23,42,.97);box-shadow:0 18px 48px rgba(2,6,23,.30),0 0 0 1px rgba(255,255,255,.04) inset;color:#f8fafc;opacity:0;visibility:hidden;transform:translateY(4px) scale(.985);transform-origin:50% 100%;pointer-events:none;transition:opacity .14s ease,transform .14s ease,visibility .14s ease;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)} .ch-mission-tip.is-visible{opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto} .ch-mission-tip.is-below{transform-origin:50% 0}.ch-mission-tip__eyebrow{margin-bottom:4px;color:#60a5fa;font-size:8px;font-weight:950;letter-spacing:.14em}.ch-mission-tip__title{display:block;margin:0 20px 4px 0;font-size:13px;line-height:1.25}.ch-mission-tip__body{margin:0;color:#cbd5e1;font-size:11px;line-height:1.45}.ch-mission-tip__hint{display:none;margin-top:8px;padding-top:7px;border-top:1px solid rgba(148,163,184,.15);color:#94a3b8;font-size:8px}.ch-mission-tip.is-pinned .ch-mission-tip__hint{display:block}.ch-mission-tip__arrow{position:absolute;left:50%;bottom:-5px;width:9px;height:9px;margin-left:-5px;border-right:1px solid rgba(96,165,250,.30);border-bottom:1px solid rgba(96,165,250,.30);background:rgba(15,23,42,.97);transform:rotate(45deg)}.ch-mission-tip.is-below .ch-mission-tip__arrow{top:-5px;bottom:auto;border:0;border-left:1px solid rgba(96,165,250,.30);border-top:1px solid rgba(96,165,250,.30)} html[data-ch-theme-mode="light"] .ch-mission-tip,body.ch-theme-mode-light .ch-mission-tip{border-color:rgba(37,99,235,.24);background:rgba(255,255,255,.98);box-shadow:0 18px 46px rgba(15,23,42,.18),0 0 0 1px rgba(15,23,42,.02) inset;color:#0f172a}html[data-ch-theme-mode="light"] .ch-mission-tip__body,body.ch-theme-mode-light .ch-mission-tip__body{color:#475569}html[data-ch-theme-mode="light"] .ch-mission-tip__arrow,body.ch-theme-mode-light .ch-mission-tip__arrow{background:rgba(255,255,255,.98)} @media(pointer:coarse){.ch-weekly-mission__step{cursor:pointer}.ch-weekly-mission__info{width:18px;height:18px;font-size:10px}.ch-mission-tip__hint{display:block}} @media(max-width:560px){.ch-mission-tip{width:min(288px,calc(100vw - 16px));padding:11px 12px}.ch-mission-tip__title{font-size:12px}.ch-mission-tip__body{font-size:10.5px}.ch-weekly-mission__step{padding-right:25px}} @media(orientation:landscape) and (max-height:600px) and (pointer:coarse){.ch-mission-tip{max-height:calc(100vh - 12px);overflow:auto;width:min(330px,calc(100vw - 16px));padding:8px 10px;border-radius:11px}.ch-mission-tip__eyebrow{font-size:6.5px}.ch-mission-tip__title{font-size:10.5px;margin-bottom:2px}.ch-mission-tip__body{font-size:8.5px;line-height:1.35}.ch-mission-tip__hint{margin-top:5px;padding-top:5px;font-size:6.5px}.ch-weekly-mission__info{top:4px;right:4px;width:14px;height:14px;font-size:8px}} @media(prefers-reduced-motion:reduce){.ch-mission-tip,.ch-weekly-mission__info{transition:none!important}} .ch-groups-view-tabs{display:flex;align-items:center;gap:7px;margin:12px 0 10px;padding:5px;border:1px solid rgba(100,116,139,.14);border-radius:15px;background:rgba(148,163,184,.06);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch} .ch-groups-view-tabs::-webkit-scrollbar{display:none} .ch-groups-view-tabs a{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:8px 12px;border:1px solid transparent;border-radius:11px;color:inherit;text-decoration:none;font-size:11px;font-weight:850;white-space:nowrap;transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease} .ch-groups-view-tabs a:hover,.ch-groups-view-tabs a:focus-visible{background:rgba(59,130,246,.07);border-color:rgba(59,130,246,.16);outline:none;transform:translateY(-1px)} .ch-groups-view-tabs a.is-active{background:linear-gradient(135deg,rgba(37,99,235,.13),rgba(124,58,237,.10));border-color:rgba(59,130,246,.24);box-shadow:0 5px 16px rgba(37,99,235,.09);color:#1d4ed8} .ch-groups-view-tabs a>span{font-size:13px;line-height:1} .ch-groups-view-intro{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:8px 0 12px;padding:12px 14px;border:1px solid rgba(100,116,139,.13);border-radius:15px;background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(248,250,252,.56));box-shadow:0 7px 22px rgba(15,23,42,.04)} .ch-groups-view-intro>div{min-width:0;display:grid;gap:1px}.ch-groups-view-intro small{font-size:7.5px;font-weight:950;letter-spacing:.13em;color:#64748b}.ch-groups-view-intro strong{font-size:14px;line-height:1.2}.ch-groups-view-intro p{margin:2px 0 0;color:var(--ch-muted,#64748b);font-size:10px;line-height:1.42}.ch-groups-view-intro>span{flex:0 0 auto;padding:6px 9px;border-radius:999px;background:rgba(59,130,246,.08);color:#1d4ed8;font-size:9px;font-weight:900} .ch-group-card-signals .is-new{background:rgba(16,185,129,.09);color:#047857} .ch-groups-empty strong{display:block;margin-bottom:4px}.ch-groups-empty p{margin:0;color:var(--ch-muted,#64748b)} html[data-ch-theme-mode="dark"] .ch-groups-view-tabs,body.ch-theme-mode-dark .ch-groups-view-tabs{background:rgba(15,23,42,.44);border-color:rgba(148,163,184,.13)} html[data-ch-theme-mode="dark"] .ch-groups-view-tabs a.is-active,body.ch-theme-mode-dark .ch-groups-view-tabs a.is-active{background:linear-gradient(135deg,rgba(37,99,235,.24),rgba(124,58,237,.18));border-color:rgba(96,165,250,.22);color:#bfdbfe} html[data-ch-theme-mode="dark"] .ch-groups-view-intro,body.ch-theme-mode-dark .ch-groups-view-intro{background:linear-gradient(135deg,rgba(15,23,42,.68),rgba(30,41,59,.48));border-color:rgba(148,163,184,.13);box-shadow:0 8px 24px rgba(0,0,0,.13)} html[data-ch-theme-mode="dark"] .ch-groups-view-intro>span,body.ch-theme-mode-dark .ch-groups-view-intro>span{background:rgba(59,130,246,.16);color:#bfdbfe} html[data-ch-theme-mode="dark"] .ch-group-card-signals .is-new,body.ch-theme-mode-dark .ch-group-card-signals .is-new{background:rgba(16,185,129,.15);color:#a7f3d0} @media(max-width:760px){.ch-groups-view-tabs{margin-top:10px}.ch-groups-view-tabs a{min-height:34px;padding:7px 10px;font-size:10px}.ch-groups-view-intro{align-items:flex-start;padding:11px 12px}.ch-groups-view-intro strong{font-size:12.5px}.ch-groups-view-intro p{font-size:9.5px}.ch-groups-view-intro>span{font-size:8px}} @media(max-width:520px){.ch-groups-view-tabs{margin-left:-2px;margin-right:-2px;border-radius:13px}.ch-groups-view-tabs a{flex:0 0 auto}.ch-groups-view-intro{gap:10px}.ch-groups-view-intro>span{padding:5px 7px}} @media(orientation:landscape) and (max-height:600px) and (pointer:coarse){.ch-groups-view-tabs{margin:5px 0;padding:3px;gap:4px;border-radius:10px}.ch-groups-view-tabs a{min-height:28px;padding:4px 8px;border-radius:8px;font-size:8px}.ch-groups-view-tabs a>span{font-size:10px}.ch-groups-view-intro{margin:5px 0 7px;padding:7px 9px;border-radius:10px}.ch-groups-view-intro small{font-size:6px}.ch-groups-view-intro strong{font-size:10px}.ch-groups-view-intro p{font-size:7.5px;line-height:1.3}.ch-groups-view-intro>span{padding:4px 6px;font-size:7px}} @media(prefers-reduced-motion:reduce){.ch-groups-view-tabs a{transition:none!important}} .ch-hooligan-week-shortcode{ width:min(100%,620px); margin:24px auto; } .ch-hooligan-week-shortcode-title{ margin:0 0 12px; text-align:center; font-size:clamp(24px,4vw,34px); line-height:1.1; color:var(--ch-text,#172033); } .ch-hooligan-week-shortcode .ch-hooligan-week-card{ min-height:0; padding:28px 22px 22px; border-radius:22px; } .ch-hooligan-week-shortcode .ch-hooligan-week-avatar{ width:118px; height:118px; } .ch-hooligan-week-shortcode .ch-hooligan-week-name{ font-size:22px; } .ch-hooligan-week-shortcode .ch-hooligan-week-points{ font-size:14px; } .ch-hooligan-week-shortcode .ch-hooligan-week-points strong{ font-size:18px; } .ch-hooligan-week-shortcode .ch-hooligan-week-period{ font-size:11px; } @media(max-width:782px){ .ch-hooligan-week-shortcode{ width:auto; margin:14px 10px 24px; } .ch-hooligan-week-shortcode-title{ margin-bottom:10px; font-size:26px; } .ch-hooligan-week-shortcode .ch-hooligan-week-card{ padding:22px 16px 18px; border-radius:18px; } .ch-hooligan-week-shortcode .ch-hooligan-week-avatar{ width:96px; height:96px; } .ch-hooligan-week-shortcode .ch-hooligan-week-name{ font-size:19px; } } .ch-mission-tip{z-index:2147483700} .ch-mission-tip.is-progress-mobile{width:auto!important;max-width:none!important;box-sizing:border-box;transform:none!important;transform-origin:50% 100%} .ch-mission-tip.is-progress-mobile .ch-mission-tip__arrow{display:none} .ch-community-streaks__requirement{display:inline-flex;width:max-content;max-width:100%;margin-top:5px;padding:3px 7px;border:1px solid rgba(59,130,246,.2);border-radius:999px;background:rgba(59,130,246,.08);color:#2563eb;font-size:9px;font-weight:850;line-height:1.2} html[data-ch-theme-mode="dark"] .ch-community-streaks__requirement,body.ch-theme-mode-dark .ch-community-streaks__requirement{border-color:rgba(96,165,250,.2);background:rgba(59,130,246,.12);color:#93c5fd} @media(max-width:760px){.ch-mission-tip.is-progress-mobile{font-size:12px;box-shadow:0 22px 58px rgba(0,0,0,.46)}.ch-community-streaks__value{min-width:70px;display:grid;gap:1px}.ch-community-streaks__value strong{font-size:17px}.ch-community-streaks__value span{font-size:9px;text-transform:uppercase;letter-spacing:.08em}.ch-community-streaks__requirement{font-size:8.5px}} .ch-announcement-dialog{--ch-announcement-accent:#3b82f6;--ch-announcement-accent-soft:rgba(59,130,246,.12);--ch-announcement-accent-border:rgba(59,130,246,.28)} .ch-announcement-type-feature .ch-announcement-dialog{--ch-announcement-accent:#22d3ee;--ch-announcement-accent-soft:rgba(34,211,238,.12);--ch-announcement-accent-border:rgba(34,211,238,.32);box-shadow:0 30px 90px rgba(2,6,23,.42),0 0 42px rgba(34,211,238,.14)} .ch-announcement-type-season .ch-announcement-dialog{--ch-announcement-accent:#f59e0b;--ch-announcement-accent-soft:rgba(245,158,11,.12);--ch-announcement-accent-border:rgba(245,158,11,.34);box-shadow:0 30px 90px rgba(2,6,23,.42),0 0 42px rgba(245,158,11,.13)} .ch-announcement-type-holiday .ch-announcement-dialog{--ch-announcement-accent:#a855f7;--ch-announcement-accent-soft:rgba(168,85,247,.13);--ch-announcement-accent-border:rgba(168,85,247,.36);box-shadow:0 30px 90px rgba(2,6,23,.42),0 0 46px rgba(168,85,247,.16)} .ch-announcement-type-general .ch-announcement-dialog,.ch-announcement-type-feature .ch-announcement-dialog,.ch-announcement-type-season .ch-announcement-dialog,.ch-announcement-type-holiday .ch-announcement-dialog{border-color:var(--ch-announcement-accent-border)} .ch-announcement-type-general .ch-announcement-dialog:after,.ch-announcement-type-feature .ch-announcement-dialog:after,.ch-announcement-type-season .ch-announcement-dialog:after,.ch-announcement-type-holiday .ch-announcement-dialog:after{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,transparent,var(--ch-announcement-accent),transparent);pointer-events:none} .ch-announcement-kicker{display:flex!important;align-items:center;gap:6px;color:var(--ch-announcement-accent)!important} .ch-announcement-kicker__icon{display:inline-grid;place-items:center;width:22px;height:22px;border:1px solid var(--ch-announcement-accent-border);border-radius:8px;background:var(--ch-announcement-accent-soft);font-size:12px;letter-spacing:0} .ch-notification-kind-badge{display:inline-flex;align-items:center;gap:4px;width:max-content;max-width:100%;margin:0 0 4px;padding:2px 7px;border-radius:999px;font-size:9px;font-weight:900;letter-spacing:.045em;text-transform:uppercase;border:1px solid transparent} .ch-notification-kind-badge--general{color:#2563eb;background:rgba(59,130,246,.09);border-color:rgba(59,130,246,.18)} .ch-notification-kind-badge--feature{color:#0891b2;background:rgba(34,211,238,.10);border-color:rgba(34,211,238,.22)} .ch-notification-kind-badge--season{color:#b45309;background:rgba(245,158,11,.11);border-color:rgba(245,158,11,.24)} .ch-notification-kind-badge--holiday{color:#7e22ce;background:rgba(168,85,247,.11);border-color:rgba(168,85,247,.24)} .ch-notification-row--feature,.ch-notification-item--feature{box-shadow:inset 3px 0 0 rgba(34,211,238,.72)} .ch-notification-row--season,.ch-notification-item--season{box-shadow:inset 3px 0 0 rgba(245,158,11,.72)} .ch-notification-row--holiday,.ch-notification-item--holiday{box-shadow:inset 3px 0 0 rgba(168,85,247,.76)} .ch-notification-row--general,.ch-notification-item--general{box-shadow:inset 3px 0 0 rgba(59,130,246,.58)} html[data-ch-theme-mode="dark"] .ch-notification-kind-badge--general,body.ch-theme-mode-dark .ch-notification-kind-badge--general{color:#93c5fd;background:rgba(59,130,246,.14)} html[data-ch-theme-mode="dark"] .ch-notification-kind-badge--feature,body.ch-theme-mode-dark .ch-notification-kind-badge--feature{color:#67e8f9;background:rgba(34,211,238,.13)} html[data-ch-theme-mode="dark"] .ch-notification-kind-badge--season,body.ch-theme-mode-dark .ch-notification-kind-badge--season{color:#fbbf24;background:rgba(245,158,11,.14)} html[data-ch-theme-mode="dark"] .ch-notification-kind-badge--holiday,body.ch-theme-mode-dark .ch-notification-kind-badge--holiday{color:#d8b4fe;background:rgba(168,85,247,.15)} .ch-new-posts-live[hidden]{display:none!important} .ch-new-posts-live{position:fixed;z-index:2147482100;left:50%;top:88px;transform:translate(-50%,-12px);opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease} .ch-new-posts-live.is-visible{opacity:1;transform:translate(-50%,0)} .ch-new-posts-live__button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:44px!important;padding:9px 14px!important;border:1px solid rgba(255,255,255,.24)!important;border-radius:999px!important;background:linear-gradient(135deg,#087ff5,#3b82f6)!important;color:#fff!important;box-shadow:0 12px 34px rgba(2,38,94,.34)!important;font-size:13px!important;font-weight:800!important;line-height:1.15!important;cursor:pointer!important;pointer-events:auto!important;backdrop-filter:blur(12px)} .ch-new-posts-live__button strong{font:inherit!important;color:inherit!important}.ch-new-posts-live__button>span:last-child{padding-left:7px;border-left:1px solid rgba(255,255,255,.32);font-weight:900}.ch-new-posts-live__dot{width:8px;height:8px;min-width:8px;border-radius:50%;background:#7dd3fc;box-shadow:0 0 0 4px rgba(125,211,252,.16),0 0 14px rgba(125,211,252,.95);animation:chNewPostsPulse 1.45s ease-in-out infinite} .ch-new-posts-live__button:focus-visible{outline:3px solid rgba(125,211,252,.46)!important;outline-offset:3px!important}.ch-new-posts-live__button:disabled{opacity:.72;cursor:wait!important} .ch-media-lightbox-stage{cursor:zoom-out}.ch-media-lightbox-stage .ch-media-lightbox-image{cursor:default}.ch-media-lightbox.is-zoomed .ch-media-lightbox-stage .ch-media-lightbox-image{cursor:grab} @keyframes chNewPostsPulse{50%{transform:scale(1.28);opacity:.72}} @media(max-width:782px){.ch-new-posts-live{top:calc(env(safe-area-inset-top) + 66px);max-width:calc(100vw - 20px)}.ch-new-posts-live__button{max-width:calc(100vw - 20px)!important;min-height:46px!important;padding:9px 12px!important;font-size:12px!important;white-space:nowrap!important}.ch-new-posts-live__button>span:last-child{padding-left:6px}} @media(prefers-reduced-motion:reduce){.ch-new-posts-live,.ch-new-posts-live__dot{transition:none!important;animation:none!important}} body.ch-bm-chat-open .ch-new-posts-live,body.ch-bm-mobile-session .ch-new-posts-live{display:none!important} .ch-feed-resurfaced-reason{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border:1px solid color-mix(in srgb,var(--ch-accent,#2f86ff) 34%,var(--ch-border,#32445f));border-radius:999px;background:color-mix(in srgb,var(--ch-accent,#2f86ff) 9%,transparent);color:var(--ch-text,#f8fbff);font-size:.61rem;font-weight:850;line-height:1.2;white-space:nowrap}.ch-feed-resurfaced-reason:before{content:"↻";font-size:.72rem;color:var(--ch-accent,#62a4ff)} body.ch-light-mode .ch-feed-resurfaced-reason,.ch-light-mode .ch-feed-resurfaced-reason{background:rgba(37,111,214,.07);border-color:rgba(37,111,214,.2);color:#173255} .ch-single-post-shell .ch-post-full-timestamp{ display:inline-flex; align-items:center; margin-left:7px; color:var(--ch-muted,#64748b); font-size:11px; font-weight:650; line-height:1.25; white-space:nowrap; } .ch-single-post-shell .ch-post-full-timestamp::before{content:"·";margin-right:7px;color:currentColor} html[data-ch-theme-mode="dark"] .ch-single-post-shell .ch-post-full-timestamp, body.ch-theme-mode-dark .ch-single-post-shell .ch-post-full-timestamp{color:#aebbd0} @media(max-width:560px){ .ch-single-post-shell .ch-post-full-timestamp{flex-basis:100%;margin:3px 0 0 0;font-size:10px} .ch-single-post-shell .ch-post-full-timestamp::before{display:none} } .ch-suggestion-form select{box-sizing:border-box;width:100%;min-height:44px;padding:10px 12px;border:1px solid #cbd5e1;border-radius:11px;background:#fff;color:#111827;font:inherit}.ch-my-feedback{margin-top:24px;padding-top:18px;border-top:1px solid rgba(148,163,184,.28)}.ch-my-feedback__list{display:grid;gap:10px}.ch-my-feedback__item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid rgba(148,163,184,.28);border-radius:12px;background:rgba(255,255,255,.68)}.ch-my-feedback__item>div{display:grid;gap:3px;min-width:0}.ch-my-feedback__item strong{overflow-wrap:anywhere}.ch-my-feedback__item small{color:#64748b}.ch-my-feedback__status{flex:0 0 auto;padding:5px 9px;border-radius:999px;background:#e2e8f0;color:#334155;font-size:11px;font-weight:850}.ch-my-feedback__status.is-planned{background:#dbeafe;color:#1d4ed8}.ch-my-feedback__status.is-fixed{background:#dcfce7;color:#166534}.ch-my-feedback__status.is-not_planned,.ch-my-feedback__status.is-closed{background:#f1f5f9;color:#64748b}html[data-ch-theme-mode="dark"] .ch-suggestion-form select,body.ch-theme-mode-dark .ch-suggestion-form select{background:#0f172a;border-color:#334155;color:#f8fafc}html[data-ch-theme-mode="dark"] .ch-my-feedback__item,body.ch-theme-mode-dark .ch-my-feedback__item{background:rgba(15,23,42,.72);border-color:#334155}html[data-ch-theme-mode="dark"] .ch-my-feedback__item small,body.ch-theme-mode-dark .ch-my-feedback__item small{color:#94a3b8}html[data-ch-theme-mode="dark"] .ch-my-feedback__status,body.ch-theme-mode-dark .ch-my-feedback__status{background:#1e293b;color:#e2e8f0}@media(max-width:560px){.ch-my-feedback__item{align-items:flex-start;flex-direction:column}.ch-my-feedback__status{align-self:flex-start}} .ch-seasonal-reaction-row{ position:relative!important; isolation:isolate!important; overflow:hidden!important; box-sizing:border-box!important; border:1px solid color-mix(in srgb,var(--ch-seasonal-row-glow,#f97316) 52%,transparent)!important; background:linear-gradient(115deg,var(--ch-seasonal-row-start,#6d28d9),var(--ch-seasonal-row-end,#f97316),var(--ch-seasonal-row-start,#6d28d9))!important; background-size:220% 100%!important; box-shadow:inset 0 0 0 1px rgba(255,255,255,.09),0 0 12px color-mix(in srgb,var(--ch-seasonal-row-glow,#f97316) 22%,transparent)!important; } .ch-seasonal-reaction-row::before{ content:""; position:absolute; z-index:-1; inset:-40% -25%; pointer-events:none; background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.24) 49%,transparent 63%); transform:translateX(-58%); animation:chSeasonalReactionSweep 5.6s ease-in-out infinite; } .ch-seasonal-reaction-row .ch-reaction-option--seasonal{ position:relative!important; z-index:1!important; background:rgba(8,12,24,.18)!important; box-shadow:inset 0 0 0 1px rgba(255,255,255,.10)!important; } .ch-seasonal-reaction-row .ch-reaction-option--seasonal:hover, .ch-seasonal-reaction-row .ch-reaction-option--seasonal:focus-visible{ background:rgba(255,255,255,.18)!important; box-shadow:inset 0 0 0 1px rgba(255,255,255,.28),0 0 10px color-mix(in srgb,var(--ch-seasonal-row-glow,#f97316) 45%,transparent)!important; } @keyframes chSeasonalReactionSweep{ 0%,18%{transform:translateX(-58%);opacity:.18} 42%{opacity:.72} 64%,100%{transform:translateX(58%);opacity:.12} } @media (min-width:783px){ .ch-comment-reaction-wrap>.ch-reaction-picker>.ch-seasonal-reaction-row{ grid-column:1/-1!important; display:grid!important; grid-template-columns:repeat(5,36px)!important; justify-content:center!important; align-items:center!important; gap:5px!important; width:100%!important; min-height:42px!important; padding:2px 4px!important; border-radius:6px!important; } .ch-comment-reaction-wrap>.ch-reaction-picker>.ch-seasonal-reaction-row .ch-reaction-option{ width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important; } } html[data-ch-theme-mode="light"] .ch-seasonal-reaction-row, body:not(.ch-theme-mode-dark) .ch-seasonal-reaction-row{ box-shadow:inset 0 0 0 1px rgba(255,255,255,.22),0 0 10px color-mix(in srgb,var(--ch-seasonal-row-glow,#f97316) 18%,transparent)!important; } @media (prefers-reduced-motion:reduce){ .ch-seasonal-reaction-row{background-size:100% 100%!important} .ch-seasonal-reaction-row::before{animation:none!important;opacity:.12!important;transform:none!important} } .ch-source-card--forum{display:block;overflow:hidden;border:1px solid color-mix(in srgb,var(--ch-border,#334155) 78%,#3185ff 22%);border-radius:16px;background:color-mix(in srgb,var(--ch-surface,#142033) 96%,#3185ff 4%);color:var(--ch-text,#eef4ff);text-decoration:none;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.ch-source-card--forum:hover{border-color:color-mix(in srgb,#3185ff 68%,var(--ch-border,#334155) 32%);transform:translateY(-1px);box-shadow:0 10px 28px rgba(12,31,58,.16)}.ch-source-card--forum .ch-source-card-forum-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border-bottom:1px solid color-mix(in srgb,var(--ch-border,#334155) 80%,transparent);background:linear-gradient(100deg,rgba(49,133,255,.10),rgba(111,75,220,.06))}.ch-source-card--forum .ch-source-card-forum-head>span{display:flex;align-items:center;gap:7px;min-width:0;flex-wrap:wrap}.ch-source-card--forum .ch-source-card-forum-head small{letter-spacing:.08em;text-transform:uppercase;font-weight:900;font-style:normal}.ch-source-card--forum .ch-source-card-forum-head em{font-style:normal;font-weight:850;color:#65a9ff;white-space:nowrap}.ch-source-card--forum .ch-source-card-body{display:grid;gap:6px;padding:13px}.ch-source-card--forum .ch-source-card-body>strong{font-size:1rem;line-height:1.25}.ch-source-card-forum-meta{font-size:.72rem;color:var(--ch-text-muted,#aab7ca);font-weight:750}.ch-source-card-excerpt{font-size:.82rem;line-height:1.45;color:color-mix(in srgb,var(--ch-text,#eef4ff) 90%,var(--ch-text-muted,#aab7ca) 10%)}.ch-source-card-author{display:flex;align-items:center;gap:7px;margin-top:2px;font-size:.72rem;font-weight:800;color:var(--ch-text-muted,#aab7ca)}.ch-source-card-author img,.ch-source-card-author .avatar{width:26px!important;height:26px!important;border-radius:50%;object-fit:cover}.ch-source-card-festive{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border-radius:999px;border:1px solid rgba(255,126,28,.42);background:linear-gradient(90deg,rgba(255,119,20,.14),rgba(115,57,188,.16));font-size:.66rem;font-weight:900;text-transform:none;letter-spacing:0}.ch-source-card--forum.is-festive{border-color:rgba(255,126,28,.62);box-shadow:0 0 0 1px rgba(136,73,206,.12)} .ch-group-settings-form label>small{display:block;margin-top:5px;color:var(--ch-text-muted,#667085);font-size:.68rem;line-height:1.35;font-weight:500} @media (max-width:680px){.ch-source-card--forum .ch-source-card-forum-head{align-items:flex-start}.ch-source-card--forum .ch-source-card-forum-head em{font-size:.7rem}.ch-source-card--forum .ch-source-card-body{padding:11px}} @media (prefers-reduced-motion:reduce){.ch-source-card--forum{transition:none}.ch-source-card--forum:hover{transform:none}} .ch-group-posting-limit{display:flex;align-items:center;gap:10px;margin:10px 0 14px;padding:11px 13px;border:1px solid color-mix(in srgb,var(--ch-border,#334155) 80%,#3185ff 20%);border-radius:14px;background:color-mix(in srgb,var(--ch-surface,#142033) 96%,#3185ff 4%)}.ch-group-posting-limit>span{font-size:1.1rem}.ch-group-posting-limit>div{display:grid;gap:2px}.ch-group-posting-limit strong{font-size:.78rem;color:var(--ch-text,#eef4ff)}.ch-group-posting-limit small{font-size:.68rem;color:var(--ch-text-muted,#aab7ca);line-height:1.35} .ch-source-card--forum{ position:relative; isolation:isolate; border-radius:17px; background:linear-gradient(180deg,color-mix(in srgb,var(--ch-surface,#142033) 97%,#3185ff 3%),color-mix(in srgb,var(--ch-surface,#142033) 99%,#0b1320 1%)); } .ch-source-card--forum .ch-source-card-forum-head{ padding:12px 14px; background:linear-gradient(100deg,rgba(49,133,255,.12),rgba(111,75,220,.055)); } .ch-source-card-forum-type{display:flex;align-items:center;gap:9px;min-width:0} .ch-source-card-forum-icon{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border-radius:9px;background:rgba(49,133,255,.13);border:1px solid rgba(101,169,255,.22);font-size:.9rem} .ch-source-card-forum-type>span:last-child{display:grid;gap:2px;min-width:0} .ch-source-card-forum-type small{font-size:.62rem;line-height:1;letter-spacing:.1em;color:var(--ch-text-muted,#aab7ca)} .ch-source-card-forum-type b{font-size:.74rem;line-height:1.15;color:var(--ch-text,#eef4ff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .ch-source-card--forum .ch-source-card-body{gap:7px;padding:14px} .ch-source-card--forum .ch-source-card-title{font-size:1.08rem;line-height:1.18;letter-spacing:-.01em} .ch-source-card--forum .ch-source-card-excerpt{font-size:.84rem;line-height:1.42} .ch-source-card-forum-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px;padding-top:10px;border-top:1px solid color-mix(in srgb,var(--ch-border,#334155) 72%,transparent)} .ch-source-card-author{margin:0;min-width:0} .ch-source-card-author>span{display:grid;gap:1px;min-width:0} .ch-source-card-author small{font-size:.58rem;line-height:1;text-transform:uppercase;letter-spacing:.08em;color:var(--ch-text-muted,#aab7ca)} .ch-source-card-author strong{font-size:.74rem;line-height:1.15;color:var(--ch-text,#eef4ff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .ch-source-card-open{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;padding:7px 10px;border-radius:999px;background:#1677e8;color:#fff;font-size:.72rem;font-weight:900;line-height:1;box-shadow:0 5px 16px rgba(22,119,232,.18)} .ch-source-card--forum:hover .ch-source-card-open{background:#2388ff} .ch-source-card-festive{gap:7px;padding:5px 8px;flex:0 0 auto;text-transform:none} .ch-source-card-festive>b{font-size:1rem;line-height:1} .ch-source-card-festive>span{display:grid;gap:1px} .ch-source-card-festive strong{font-size:.67rem;line-height:1.05;color:var(--ch-text,#eef4ff)} .ch-source-card-festive small{font-size:.53rem;line-height:1;text-transform:uppercase;letter-spacing:.08em;color:var(--ch-text-muted,#aab7ca)} .ch-source-card-festive-ribbon{display:flex;align-items:center;gap:7px;padding:7px 13px;background:linear-gradient(90deg,rgba(255,106,20,.23),rgba(128,63,196,.22),rgba(255,106,20,.13));border-bottom:1px solid rgba(255,128,31,.3);font-size:.69rem;font-weight:850;color:var(--ch-text,#fff);background-size:180% 100%;animation:chForumCardFestiveSweep 7s ease-in-out infinite} .ch-source-card-festive-ribbon>b{margin-left:auto;font-size:.58rem;text-transform:uppercase;letter-spacing:.09em;color:#ffd7b0} .ch-source-card--forum.is-festive{border-color:rgba(255,126,28,.68);box-shadow:0 0 0 1px rgba(129,69,204,.14),0 10px 28px rgba(56,25,92,.08)} .ch-source-card--forum.is-festive::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 34px rgba(255,119,20,.035),inset 0 0 62px rgba(116,62,185,.035);z-index:-1} .ch-source-card--forum.is-festive .ch-source-card-forum-icon{background:linear-gradient(145deg,rgba(255,119,20,.18),rgba(116,62,185,.22));border-color:rgba(255,142,54,.33)} @keyframes chForumCardFestiveSweep{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}} html[data-ch-theme-mode="light"] .ch-source-card--forum, body:not(.ch-theme-mode-dark) .ch-source-card--forum{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,250,253,.98));color:#162238} html[data-ch-theme-mode="light"] .ch-source-card--forum .ch-source-card-forum-type b, html[data-ch-theme-mode="light"] .ch-source-card--forum .ch-source-card-title, html[data-ch-theme-mode="light"] .ch-source-card--forum .ch-source-card-author strong, html[data-ch-theme-mode="light"] .ch-source-card--forum .ch-source-card-festive strong, body:not(.ch-theme-mode-dark) .ch-source-card--forum .ch-source-card-forum-type b, body:not(.ch-theme-mode-dark) .ch-source-card--forum .ch-source-card-title, body:not(.ch-theme-mode-dark) .ch-source-card--forum .ch-source-card-author strong, body:not(.ch-theme-mode-dark) .ch-source-card--forum .ch-source-card-festive strong{color:#162238} @media (max-width:680px){ .ch-source-card--forum .ch-source-card-forum-head{align-items:center;gap:8px} .ch-source-card-festive{padding:4px 6px} .ch-source-card-festive small{display:none} .ch-source-card-festive-ribbon>b{display:none} .ch-source-card-forum-foot{align-items:center} .ch-source-card-open{padding:7px 9px} } @media (prefers-reduced-motion:reduce){.ch-source-card-festive-ribbon{animation:none;background-position:50% 50%}} .ch-profile-about-header>div,.ch-profile-achievements-header>div{display:grid;gap:3px}.ch-profile-about-header small,.ch-profile-achievements-header small{font-size:.6rem;font-weight:950;letter-spacing:.13em;color:#58aef5}.ch-profile-about-header p,.ch-profile-achievements-header p{margin:0;color:var(--ch-text-muted,#9eb0c4);font-size:.72rem}.ch-profile-about-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:12px}.ch-profile-about-panel{border:1px solid var(--ch-border,#2f4358);border-radius:17px;background:var(--ch-surface,#122031);padding:14px;min-width:0}.ch-profile-about-panel>header{display:flex;align-items:center;gap:9px;margin-bottom:11px}.ch-profile-about-panel>header>span{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:rgba(54,139,221,.11)}.ch-profile-about-panel>header>div{display:grid}.ch-profile-about-panel>header small{font-size:.55rem;font-weight:950;letter-spacing:.12em;color:#72bdf7}.ch-profile-about-panel>header strong{font-size:.82rem}.ch-profile-about-panel>header>a{margin-left:auto;color:#7bc4ff;text-decoration:none;font-size:.66rem;font-weight:900}.ch-profile-about-panel dl{margin:0;display:grid;gap:0}.ch-profile-about-panel dl>div{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid color-mix(in srgb,var(--ch-border,#2f4358) 70%,transparent)}.ch-profile-about-panel dl>div:last-child{border-bottom:0}.ch-profile-about-panel dt{font-size:.68rem;font-weight:850;color:var(--ch-text-muted,#9eb0c4)}.ch-profile-about-panel dd{margin:0;text-align:right;font-size:.7rem;font-weight:800}.ch-profile-about-bio-copy{font-size:.76rem;line-height:1.55;color:var(--ch-text,#eef4fb)}.ch-profile-about-bio-copy p{margin:0}.ch-profile-about-panel--accomplishments{grid-column:1/-1}.ch-profile-about-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.ch-profile-about-stats>span{display:grid;place-items:center;text-align:center;gap:2px;padding:10px 6px;border:1px solid color-mix(in srgb,var(--ch-border,#2f4358) 74%,transparent);border-radius:12px;background:color-mix(in srgb,var(--ch-surface,#122031) 92%,#218cff 8%)}.ch-profile-about-stats b{font-size:1rem}.ch-profile-about-stats small{font-size:.58rem;color:var(--ch-text-muted,#9eb0c4)} .ch-profile-accomplishments{border:1px solid var(--ch-border,#2f4358);border-radius:18px;background:var(--ch-surface,#122031);overflow:hidden}.ch-profile-accomplishments__tabs{display:flex;gap:6px;padding:9px;border-bottom:1px solid var(--ch-border,#2f4358);overflow:auto}.ch-profile-accomplishments__tabs button{white-space:nowrap;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--ch-text-muted,#9eb0c4);padding:8px 10px;font-size:.68rem;font-weight:900;cursor:pointer}.ch-profile-accomplishments__tabs button.is-active{background:rgba(27,135,232,.14);border-color:rgba(77,164,240,.28);color:var(--ch-text,#eef4fb)}.ch-profile-accomplishments__tabs b{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:999px;background:rgba(255,255,255,.08);font-size:.56rem}.ch-profile-accomplishments__panel{display:none;padding:12px}.ch-profile-accomplishments__panel.is-active{display:block}.ch-profile-achievement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.ch-profile-achievement-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px;border:1px solid var(--ch-border,#30465d);border-radius:14px;background:color-mix(in srgb,var(--ch-surface,#122031) 94%,#8868ff 6%)}.ch-profile-achievement-item>span{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:rgba(66,145,220,.12);font-size:21px}.ch-profile-achievement-item>div{min-width:0;display:grid;gap:2px}.ch-profile-achievement-item small{font-size:.52rem;font-weight:950;letter-spacing:.1em;color:#78bdf5}.ch-profile-achievement-item strong{font-size:.76rem}.ch-profile-achievement-item p{margin:0;color:var(--ch-text-muted,#9eb0c4);font-size:.63rem;line-height:1.35}.ch-profile-achievement-item>b{font-size:.6rem;color:#f3b34e;background:rgba(231,157,33,.12);border:1px solid rgba(231,157,33,.22);border-radius:999px;padding:5px 7px}.ch-profile-seasonal-achievement-link{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px;border:1px solid rgba(231,155,42,.25);border-radius:15px;background:linear-gradient(110deg,rgba(226,151,38,.09),rgba(118,78,210,.08))}.ch-profile-seasonal-achievement-link>span{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,#ffd877,#b97a14);font-size:24px}.ch-profile-seasonal-achievement-link>div{display:grid;gap:2px}.ch-profile-seasonal-achievement-link small{font-size:.53rem;letter-spacing:.12em;font-weight:950;color:#e5ad50}.ch-profile-seasonal-achievement-link strong{font-size:.8rem}.ch-profile-seasonal-achievement-link p{margin:0;color:var(--ch-text-muted,#9eb0c4);font-size:.65rem}.ch-profile-seasonal-achievement-link>a{color:#87c9ff;font-size:.66rem;font-weight:900;text-decoration:none;white-space:nowrap} @media(max-width:820px){.ch-profile-about-grid{grid-template-columns:1fr}.ch-profile-about-panel--accomplishments{grid-column:auto}.ch-profile-about-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.ch-profile-achievement-grid{grid-template-columns:1fr}.ch-profile-seasonal-achievement-link{grid-template-columns:42px minmax(0,1fr)}.ch-profile-seasonal-achievement-link>a{grid-column:2}.ch-profile-achievement-item{grid-template-columns:40px minmax(0,1fr)}.ch-profile-achievement-item>b{grid-column:2;justify-self:start}} .ch-profile-card{padding:18px!important} .ch-profile-card .ch-profile-main{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:16px!important;align-items:center!important} .ch-profile-card .ch-profile-avatar-wrap{align-self:center!important} .ch-profile-card .ch-profile-name{margin:0!important} .ch-profile-card .ch-profile-handle{margin-top:2px!important} .ch-profile-card .ch-current-title{margin-top:7px!important;max-width:max-content!important} .ch-profile-card .ch-profile-bio{margin-top:8px!important;max-width:680px!important} .ch-profile-card .ch-profile-stats{margin-top:12px!important;display:flex!important;gap:8px!important;flex-wrap:wrap!important} .ch-profile-card .ch-profile-stat{min-width:84px!important;padding:8px 10px!important;border-radius:12px!important} .ch-profile-section-header{margin-bottom:10px!important} .ch-profile-about-grid{gap:10px!important} .ch-profile-about-panel{padding:14px!important;border-radius:16px!important} .ch-profile-about-stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important} .ch-profile-about-stats>span{padding:10px!important;border-radius:12px!important} .ch-profile-achievement-grid{gap:9px!important} .ch-profile-achievement-item{padding:12px!important;border-radius:14px!important} @media(max-width:700px){.ch-profile-card .ch-profile-main{grid-template-columns:1fr!important}.ch-profile-about-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}} .ch-cosmetic-card-preview{position:relative!important} .ch-cosmetic-event-badge{position:absolute;z-index:8;top:9px;right:9px;display:inline-flex;align-items:center;gap:4px;padding:5px 7px;border-radius:999px;background:rgba(15,23,42,.88);border:1px solid rgba(255,139,43,.6);color:#fff4df;box-shadow:0 5px 16px rgba(0,0,0,.28);font-size:12px;cursor:help} .ch-cosmetic-event-badge b{font-size:9px;letter-spacing:.05em} .ch-achievement-celebration__actions{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;margin-top:12px} .ch-achievement-celebration__actions a,.ch-achievement-celebration__actions button{border:1px solid rgba(96,165,250,.45);border-radius:10px;padding:8px 12px;background:#1688f5;color:#fff;text-decoration:none;font-weight:850} .ch-profile-card{padding:14px 16px!important} .ch-profile-card .ch-profile-main{grid-template-columns:88px minmax(0,1fr)!important;gap:13px!important;align-items:center!important} .ch-profile-card .ch-profile-avatar-wrap{width:88px!important;max-width:88px!important} .ch-profile-card .ch-profile-avatar-wrap :is(img,.avatar){max-width:88px!important} .ch-profile-card .ch-profile-name{font-size:1.08rem!important;line-height:1.12!important} .ch-profile-card .ch-profile-member-type-row{margin-top:4px!important} .ch-profile-card .ch-profile-handle{font-size:.7rem!important;opacity:.72} .ch-profile-card .ch-profile-bio{margin-top:6px!important;font-size:.78rem!important;line-height:1.4!important} .ch-profile-card .ch-profile-bio p{margin:0!important} .ch-profile-card .ch-profile-stats{margin-top:9px!important;gap:6px!important} .ch-profile-card .ch-profile-stat{min-width:70px!important;padding:7px 9px!important;border-radius:10px!important} .ch-profile-card .ch-profile-stat strong{font-size:.84rem!important} .ch-profile-card .ch-profile-stat span{font-size:.57rem!important} .ch-profile-card .ch-profile-seasonal-passport{margin-top:10px!important;padding:9px 10px!important;max-width:100%!important;border-radius:12px!important} .ch-profile-card .ch-profile-seasonal-passport header{gap:7px!important} .ch-profile-card .ch-profile-seasonal-passport header strong{font-size:.7rem!important} .ch-profile-card .ch-profile-seasonal-passport header small{font-size:.47rem!important} .ch-profile-card .ch-profile-seasonal-passport__stamps{margin-top:6px!important} @media(max-width:700px){ .ch-profile-card{padding:12px!important} .ch-profile-card .ch-profile-main{grid-template-columns:72px minmax(0,1fr)!important;gap:10px!important} .ch-profile-card .ch-profile-avatar-wrap{width:72px!important;max-width:72px!important} .ch-profile-card .ch-profile-avatar-wrap :is(img,.avatar){max-width:72px!important} } .ch-profile-card{padding:0!important;overflow:hidden!important;border-radius:18px!important} .ch-profile-card .ch-profile-main{display:grid!important;grid-template-columns:96px minmax(0,1fr)!important;gap:16px!important;align-items:center!important;padding:18px 20px!important;background:radial-gradient(circle at 12% 20%,rgba(54,153,255,.10),transparent 28%),linear-gradient(135deg,rgba(18,31,47,.97),rgba(19,34,52,.94))!important} .ch-profile-card .ch-profile-avatar-wrap{width:96px!important;max-width:96px!important;align-self:start!important;margin-top:2px!important} .ch-profile-card .ch-profile-avatar-wrap :is(img,.avatar){width:96px!important;height:96px!important;max-width:96px!important;border-radius:50%!important} .ch-profile-card .ch-profile-info{min-width:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"name name" "member handle" "title title" "bio bio" "stats stats" "honors honors" "season season"!important;column-gap:10px!important;row-gap:5px!important} .ch-profile-card .ch-profile-name-row{grid-area:name!important;margin:0!important}.ch-profile-card .ch-profile-name{font-size:1.16rem!important;line-height:1.1!important}.ch-profile-card .ch-profile-member-type-row{grid-area:member!important;margin:0!important}.ch-profile-card .ch-profile-handle{grid-area:handle!important;margin:0!important;justify-self:end!important;align-self:center!important;font-size:.68rem!important}.ch-profile-card .ch-current-title{grid-area:title!important;margin:2px 0 0!important}.ch-profile-card .ch-profile-bio{grid-area:bio!important;margin:3px 0 0!important;font-size:.76rem!important;line-height:1.35!important}.ch-profile-card .ch-profile-stats{grid-area:stats!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;margin:6px 0 0!important}.ch-profile-card .ch-profile-stat{min-width:0!important;padding:8px 9px!important;text-align:center!important;background:rgba(6,16,27,.34)!important;border:1px solid rgba(126,154,182,.14)!important;border-radius:11px!important}.ch-profile-card .ch-profile-stat strong{font-size:.8rem!important;white-space:nowrap!important}.ch-profile-card .ch-profile-stat span{font-size:.54rem!important;text-transform:uppercase!important;letter-spacing:.05em!important;color:#8fa5ba!important}.ch-profile-card .ch-profile-seasonal-passport{grid-area:season!important;margin:4px 0 0!important;padding:8px 10px!important;max-width:100%!important}.ch-profile-card .ch-profile-seasonal-passport__stamps{display:flex!important;gap:5px!important;flex-wrap:wrap!important} @media(max-width:700px){.ch-profile-card .ch-profile-main{grid-template-columns:74px minmax(0,1fr)!important;gap:11px!important;padding:13px!important}.ch-profile-card .ch-profile-avatar-wrap{width:74px!important;max-width:74px!important}.ch-profile-card .ch-profile-avatar-wrap :is(img,.avatar){width:74px!important;height:74px!important;max-width:74px!important}.ch-profile-card .ch-profile-info{grid-template-columns:1fr!important;grid-template-areas:"name" "member" "handle" "title" "bio" "stats" "honors" "season"!important}.ch-profile-card .ch-profile-handle{justify-self:start!important}.ch-profile-card .ch-profile-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}} .ch-profile-accomplishments__panel[data-ch-accomplishment-panel="titles"] .ch-title-collection{margin:0!important;padding:14px!important;border-radius:16px!important}.ch-title-collection__head{margin-bottom:12px!important}.ch-title-collection__head>span{padding:6px 9px!important;border-radius:999px!important;background:#13283c!important;border:1px solid #294862!important}.ch-title-collection__list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.ch-title-chip{width:100%!important;min-width:0!important;padding:10px 11px!important;border-radius:13px!important;background:linear-gradient(145deg,#101d2b,#132338)!important;text-align:left!important;cursor:pointer!important}.ch-title-chip:hover,.ch-title-chip:focus-visible{border-color:#467ca6!important;transform:translateY(-1px);outline:none!important}.ch-title-chip.is-current{background:linear-gradient(145deg,#142942,#173252)!important;border-color:#4c8bc0!important}.ch-title-picker{margin-top:14px!important;padding:12px!important;border:1px solid #2b4056!important;border-radius:14px!important;background:#0f1b28!important}.ch-title-picker label{display:grid!important;grid-template-columns:110px minmax(0,1fr)!important;gap:8px!important}.ch-title-picker select{width:100%!important;min-width:0!important;min-height:38px!important}.ch-title-picker__actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}.ch-title-picker button{min-height:38px!important} @media(max-width:700px){.ch-title-collection__list{grid-template-columns:1fr!important}.ch-title-picker label{grid-template-columns:1fr!important}.ch-title-picker__actions{grid-template-columns:1fr!important}} .ch-profile-card{ position:relative!important; overflow:visible!important; padding:0!important; border-radius:18px!important; background:#111f2f!important; border:1px solid #273d53!important; } .ch-profile-card .ch-profile-cover{ height:150px!important; min-height:150px!important; border-radius:17px 17px 0 0!important; overflow:hidden!important; background:linear-gradient(135deg,#13263a,#192f47)!important; } .ch-profile-card .ch-profile-cover img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important} .ch-profile-card .ch-profile-main{ position:relative!important; display:block!important; padding:54px 18px 16px!important; background:linear-gradient(180deg,#132338 0%,#111f2f 100%)!important; border-radius:0 0 17px 17px!important; } .ch-profile-card .ch-profile-avatar-wrap{ position:absolute!important; left:18px!important; top:-58px!important; width:112px!important; height:112px!important; max-width:none!important; z-index:4!important; } .ch-profile-card .ch-profile-avatar, .ch-profile-card .ch-profile-avatar-wrap :is(img,.avatar){width:112px!important;height:112px!important;max-width:none!important;border-radius:50%!important} .ch-profile-card .ch-profile-info{ display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; grid-template-areas: "name handle" "member member" "title title" "bio bio" "stats stats" "honors honors" "season season"!important; gap:5px 12px!important; min-width:0!important; } .ch-profile-card .ch-profile-name-row{grid-area:name!important;display:flex!important;align-items:center!important;gap:6px!important;min-width:0!important} .ch-profile-card .ch-profile-name{margin:0!important;font-size:1.18rem!important;line-height:1.1!important} .ch-profile-card .ch-profile-handle{grid-area:handle!important;justify-self:end!important;align-self:center!important;margin:0!important;font-size:.7rem!important;color:#8298ad!important} .ch-profile-card .ch-profile-member-type-row{grid-area:member!important;margin:0!important} .ch-profile-card .ch-current-title{grid-area:title!important;margin:4px 0 0!important} .ch-profile-card .ch-profile-bio{grid-area:bio!important;margin:5px 0 0!important;max-width:640px!important;font-size:.78rem!important;line-height:1.42!important;color:#d3dde8!important} .ch-profile-card .ch-profile-bio p{margin:0!important} .ch-profile-card .ch-profile-stats{grid-area:stats!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;margin:9px 0 0!important;max-width:520px!important} .ch-profile-card .ch-profile-stat{min-width:0!important;padding:8px 7px!important;border-radius:11px!important;background:#0c1825!important;border:1px solid #24394e!important;text-align:center!important} .ch-profile-card .ch-profile-stat strong{display:block!important;font-size:.82rem!important;color:#f3f7fb!important;white-space:nowrap!important} .ch-profile-card .ch-profile-stat span{display:block!important;margin-top:1px!important;font-size:.5rem!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:#8398ac!important} .ch-profile-card .ch-profile-honors-panel{grid-area:honors!important;margin-top:4px!important} .ch-profile-card .ch-profile-seasonal-passport{grid-area:season!important;margin:6px 0 0!important;padding:9px 10px!important;max-width:520px!important;background:#101d2c!important;border-color:#2a3f55!important;border-radius:12px!important} .ch-profile-card .ch-profile-actions{margin-top:10px!important} @media(max-width:700px){ .ch-profile-card .ch-profile-cover{height:112px!important;min-height:112px!important} .ch-profile-card .ch-profile-main{padding:46px 12px 13px!important} .ch-profile-card .ch-profile-avatar-wrap{left:12px!important;top:-46px!important;width:88px!important;height:88px!important} .ch-profile-card .ch-profile-avatar,.ch-profile-card .ch-profile-avatar-wrap :is(img,.avatar){width:88px!important;height:88px!important} .ch-profile-card .ch-profile-info{grid-template-columns:1fr!important;grid-template-areas:"name" "handle" "member" "title" "bio" "stats" "honors" "season"!important} .ch-profile-card .ch-profile-handle{justify-self:start!important} .ch-profile-card .ch-profile-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:none!important} .ch-profile-card .ch-profile-seasonal-passport{max-width:none!important} } .ch-title-picker__status{min-height:18px;margin-top:7px;font-size:.68rem;color:#8fd1ff;font-weight:750} :is(.ch-activity-card,.ch-composer).ch-cosmetic-effect-halloween-pumpkin-glow-post{ position:relative!important; isolation:isolate!important; overflow:hidden!important; border:2px solid transparent!important; background: radial-gradient(circle at 7% 10%,rgba(255,119,20,.12),transparent 26%) padding-box, radial-gradient(circle at 94% 14%,rgba(142,79,225,.11),transparent 29%) padding-box, linear-gradient(var(--ch-surface,#111d2c),var(--ch-surface,#111d2c)) padding-box, linear-gradient(105deg,#ff7214 0%,#ffbd58 17%,#7f43d6 37%,#bd69ff 51%,#ff9229 70%,#ffcf66 84%,#ff7214 100%) border-box!important; background-size: 100% 100%, 100% 100%, 100% 100%, 280% 100%!important; background-position: 0 0, 0 0, 0 0, 170% 0!important; box-shadow: 0 0 0 1px rgba(255,150,54,.12), 0 0 13px rgba(255,106,20,.16), 0 0 27px rgba(116,58,190,.12), 0 14px 34px rgba(5,12,22,.24)!important; animation:chPumpkinGlowCardSweep 5.6s linear infinite!important; } :is(.ch-activity-card,.ch-composer).ch-cosmetic-effect-halloween-pumpkin-glow-post::before, :is(.ch-activity-card,.ch-composer).ch-cosmetic-effect-halloween-pumpkin-glow-post::after{ content:none!important; display:none!important; animation:none!important; background:none!important; } :is(.ch-activity-card,.ch-composer).ch-cosmetic-effect-halloween-pumpkin-glow-post>*{ position:relative!important; z-index:auto!important; } @keyframes chPumpkinGlowCardSweep{ 0%{ background-position:0 0,0 0,0 0,170% 0; box-shadow:0 0 0 1px rgba(255,150,54,.12),0 0 12px rgba(255,106,20,.14),0 0 24px rgba(116,58,190,.10),0 14px 34px rgba(5,12,22,.24); } 50%{ background-position:0 0,0 0,0 0,20% 0; box-shadow:0 0 0 1px rgba(255,190,92,.18),0 0 20px rgba(255,106,20,.24),0 0 36px rgba(137,67,222,.20),0 14px 34px rgba(5,12,22,.24); } 100%{ background-position:0 0,0 0,0 0,-130% 0; box-shadow:0 0 0 1px rgba(255,150,54,.12),0 0 12px rgba(255,106,20,.14),0 0 24px rgba(116,58,190,.10),0 14px 34px rgba(5,12,22,.24); } } @media(prefers-reduced-motion:reduce){ :is(.ch-activity-card,.ch-composer).ch-cosmetic-effect-halloween-pumpkin-glow-post{ animation:none!important; background-position:0 0,0 0,0 0,50% 0!important; } } .ch-profile-trophy-case.is-embedded{gap:10px!important} .ch-profile-trophy-case.is-embedded>.ch-profile-trophy-case__head{display:none!important} .ch-profile-card{overflow:hidden!important;border-radius:20px!important;background:#111f2f!important} .ch-profile-card .ch-profile-cover{height:220px!important;min-height:220px!important;max-height:220px!important;border-radius:19px 19px 0 0!important;overflow:hidden!important;background:linear-gradient(135deg,#13263a,#192f47)!important} .ch-profile-card .ch-profile-cover img{width:100%!important;height:100%!important;min-height:220px!important;max-height:220px!important;object-fit:cover!important;object-position:center!important;display:block!important} .ch-profile-card .ch-profile-main{position:relative!important;display:grid!important;grid-template-columns:146px minmax(0,1fr)!important;gap:16px!important;align-items:start!important;padding:0 18px 18px!important;background:linear-gradient(180deg,#132338 0%,#111f2f 100%)!important;border-radius:0 0 19px 19px!important} .ch-profile-card .ch-profile-avatar-wrap{position:relative!important;left:auto!important;top:auto!important;width:140px!important;height:140px!important;max-width:140px!important;margin:-68px 0 0!important;padding:4px!important;z-index:5!important;border-radius:50%!important;background:#132338!important;box-sizing:border-box!important} .ch-profile-card .ch-profile-avatar{display:block!important;position:relative!important;width:132px!important;height:132px!important;max-width:132px!important;border-radius:50%!important;border:4px solid #132338!important;background:#132338!important;box-sizing:border-box!important;overflow:visible!important} .ch-profile-card .ch-profile-avatar>img,.ch-profile-card .ch-profile-avatar>.avatar,.ch-profile-card .ch-profile-avatar picture,.ch-profile-card .ch-profile-avatar picture>img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;border-radius:50%!important;object-fit:cover!important;box-sizing:border-box!important} .ch-profile-card .ch-profile-info{display:block!important;min-width:0!important;padding-top:15px!important} .ch-profile-card .ch-profile-name-row{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:6px!important;min-width:0!important;margin:0!important} .ch-profile-card .ch-profile-name{margin:0!important;font-size:1.22rem!important;line-height:1.08!important} .ch-profile-card .ch-profile-meta-row{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:7px 10px!important;margin-top:6px!important;min-width:0!important} .ch-profile-card .ch-profile-member-type-row{margin:0!important;display:flex!important;align-items:center!important;min-width:0!important} .ch-profile-card .ch-profile-handle{margin:0!important;justify-self:auto!important;font-size:.7rem!important;color:#8ea3b7!important;white-space:nowrap!important} .ch-profile-card .ch-current-title{margin:7px 0 0!important;width:max-content!important;max-width:100%!important} .ch-profile-card .ch-profile-bio{margin:8px 0 0!important;max-width:680px!important;font-size:.78rem!important;line-height:1.42!important} .ch-profile-card .ch-profile-stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;width:min(100%,560px)!important;max-width:560px!important;margin:12px 0 0!important} .ch-profile-card .ch-profile-stat{min-width:0!important;padding:9px 6px!important;border-radius:11px!important;text-align:center!important} .ch-profile-card .ch-profile-stat strong{display:block!important;font-size:.86rem!important;white-space:nowrap!important} .ch-profile-card .ch-profile-stat span{display:block!important;margin-top:2px!important;font-size:.5rem!important;line-height:1.1!important;letter-spacing:.045em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} .ch-profile-card .ch-profile-honors-panel{margin-top:8px!important;max-width:560px!important} .ch-profile-card .ch-profile-seasonal-passport{margin:9px 0 0!important;max-width:560px!important} @media(max-width:700px){ .ch-profile-card .ch-profile-cover{height:160px!important;min-height:160px!important;max-height:160px!important}.ch-profile-card .ch-profile-cover img{min-height:160px!important;max-height:160px!important} .ch-profile-card .ch-profile-main{display:block!important;padding:0 12px 14px!important}.ch-profile-card .ch-profile-avatar-wrap{width:108px!important;height:108px!important;max-width:108px!important;margin:-52px 0 0!important;padding:4px!important}.ch-profile-card .ch-profile-avatar{width:100px!important;height:100px!important;max-width:100px!important} .ch-profile-card .ch-profile-info{padding-top:8px!important}.ch-profile-card .ch-profile-name{font-size:1.08rem!important}.ch-profile-card .ch-profile-meta-row{margin-top:5px!important}.ch-profile-card .ch-profile-stats{grid-template-columns:repeat(4,minmax(0,1fr))!important;width:100%!important;max-width:none!important;gap:5px!important}.ch-profile-card .ch-profile-stat{padding:8px 3px!important}.ch-profile-card .ch-profile-stat strong{font-size:.8rem!important}.ch-profile-card .ch-profile-stat span{font-size:.43rem!important;letter-spacing:.025em!important}.ch-profile-card .ch-profile-seasonal-passport,.ch-profile-card .ch-profile-honors-panel{max-width:none!important} } :is(.ch-activity-card,.ch-composer).ch-cosmetic-effect-halloween-pumpkin-glow-post{ position:relative!important;isolation:isolate!important;overflow:hidden!important; border:2px solid rgba(255,126,28,.72)!important; background:radial-gradient(circle at 5% 4%,rgba(255,126,28,.13),transparent 27%),radial-gradient(circle at 96% 8%,rgba(147,78,235,.12),transparent 31%),linear-gradient(145deg,rgba(255,116,20,.045),rgba(111,54,176,.035)),var(--ch-surface,#111d2c)!important; box-shadow:0 0 0 1px rgba(255,167,79,.12),0 0 18px rgba(255,105,20,.18),0 0 28px rgba(126,63,235,.13),0 14px 34px rgba(4,10,19,.26)!important; animation:chPumpkinGlowPulse609 3.6s ease-in-out infinite!important; } :is(.ch-activity-card,.ch-composer).ch-cosmetic-effect-halloween-pumpkin-glow-post::before{ content:""!important;display:block!important;position:absolute!important;inset:0!important;padding:2px!important;border-radius:inherit!important;pointer-events:none!important;z-index:4!important; background:linear-gradient(110deg,#ff7116 0%,#ffd06b 16%,#ff8d28 31%,#984de8 48%,#c172ff 59%,#ff8b24 75%,#ffd16a 88%,#ff7116 100%) 0 0/280% 100%!important; -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;-webkit-mask-composite:xor!important;mask-composite:exclude!important; animation:chPumpkinGlowFrame609 4.8s linear infinite!important; } :is(.ch-activity-card,.ch-composer).ch-cosmetic-effect-halloween-pumpkin-glow-post::after{content:none!important;display:none!important;background:none!important;animation:none!important} :is(.ch-activity-card,.ch-composer).ch-cosmetic-effect-halloween-pumpkin-glow-post>*{position:relative!important;z-index:1!important} @keyframes chPumpkinGlowFrame609{0%{background-position:180% 0}100%{background-position:-100% 0}} @keyframes chPumpkinGlowPulse609{0%,100%{box-shadow:0 0 0 1px rgba(255,167,79,.12),0 0 13px rgba(255,105,20,.14),0 0 24px rgba(126,63,235,.10),0 14px 34px rgba(4,10,19,.26)}50%{box-shadow:0 0 0 1px rgba(255,194,107,.20),0 0 23px rgba(255,105,20,.28),0 0 39px rgba(151,77,232,.22),0 14px 34px rgba(4,10,19,.26)}} html[data-ch-theme-mode="light"] :is(.ch-activity-card,.ch-composer).ch-cosmetic-effect-halloween-pumpkin-glow-post,body.ch-theme-mode-light :is(.ch-activity-card,.ch-composer).ch-cosmetic-effect-halloween-pumpkin-glow-post{background:radial-gradient(circle at 5% 4%,rgba(255,126,28,.11),transparent 27%),radial-gradient(circle at 96% 8%,rgba(147,78,235,.09),transparent 31%),linear-gradient(145deg,#fffaf6,#faf7ff)!important;color:#172033!important} @media(prefers-reduced-motion:reduce){:is(.ch-activity-card,.ch-composer).ch-cosmetic-effect-halloween-pumpkin-glow-post{animation:none!important}:is(.ch-activity-card,.ch-composer).ch-cosmetic-effect-halloween-pumpkin-glow-post::before{animation:none!important;background-position:50% 0!important}} html[data-ch-theme-mode="light"] .ch-profile-page:not(.ch-cosmetic-slot-profile) .ch-profile-card,body.ch-theme-mode-light .ch-profile-page:not(.ch-cosmetic-slot-profile) .ch-profile-card{background:#fff!important;border-color:#d6e0ea!important;color:#182536!important} html[data-ch-theme-mode="light"] .ch-profile-page:not(.ch-cosmetic-slot-profile) .ch-profile-main,body.ch-theme-mode-light .ch-profile-page:not(.ch-cosmetic-slot-profile) .ch-profile-main{background:linear-gradient(180deg,#fff,#f7fafc)!important;color:#182536!important} html[data-ch-theme-mode="light"] .ch-profile-page:not(.ch-cosmetic-slot-profile) .ch-profile-avatar-wrap,body.ch-theme-mode-light .ch-profile-page:not(.ch-cosmetic-slot-profile) .ch-profile-avatar-wrap{background:#fff!important} html[data-ch-theme-mode="light"] .ch-profile-page:not(.ch-cosmetic-slot-profile) :is(.ch-profile-name,.ch-profile-bio),body.ch-theme-mode-light .ch-profile-page:not(.ch-cosmetic-slot-profile) :is(.ch-profile-name,.ch-profile-bio){color:#1d2b3b!important} html[data-ch-theme-mode="light"] .ch-profile-page:not(.ch-cosmetic-slot-profile) .ch-profile-handle,body.ch-theme-mode-light .ch-profile-page:not(.ch-cosmetic-slot-profile) .ch-profile-handle{color:#667b90!important} html[data-ch-theme-mode="light"] .ch-profile-page:not(.ch-cosmetic-slot-profile) .ch-profile-stat,body.ch-theme-mode-light .ch-profile-page:not(.ch-cosmetic-slot-profile) .ch-profile-stat{background:#f6f9fc!important;border-color:#d6e1eb!important} html[data-ch-theme-mode="light"] .ch-profile-page:not(.ch-cosmetic-slot-profile) .ch-profile-stat strong,body.ch-theme-mode-light .ch-profile-page:not(.ch-cosmetic-slot-profile) .ch-profile-stat strong{color:#1a2a3a!important} html[data-ch-theme-mode="light"] .ch-profile-page:not(.ch-cosmetic-slot-profile) .ch-profile-stat span,body.ch-theme-mode-light .ch-profile-page:not(.ch-cosmetic-slot-profile) .ch-profile-stat span{color:#667b90!important} html[data-ch-theme-mode="light"] .ch-profile-card .ch-profile-seasonal-passport,body.ch-theme-mode-light .ch-profile-card .ch-profile-seasonal-passport{background:linear-gradient(135deg,#fffaf2,#f7f4ff)!important;border-color:#decfbf!important;color:#263445!important} html[data-ch-theme-mode="light"] .ch-profile-card .ch-profile-seasonal-passport :is(strong,em),body.ch-theme-mode-light .ch-profile-card .ch-profile-seasonal-passport :is(strong,em){color:#263445!important} html[data-ch-theme-mode="light"] .ch-profile-card .ch-profile-seasonal-passport small,body.ch-theme-mode-light .ch-profile-card .ch-profile-seasonal-passport small{color:#6c7888!important} html[data-ch-theme-mode="dark"] .ch-profile-card .ch-profile-seasonal-passport,body.ch-theme-mode-dark .ch-profile-card .ch-profile-seasonal-passport,body.ch-theme-dark .ch-profile-card .ch-profile-seasonal-passport{background:linear-gradient(135deg,#111e2d,#171b32)!important;border-color:#35485e!important;color:#eef5fb!important} html[data-ch-theme-mode="dark"] .ch-profile-card .ch-profile-seasonal-passport :is(strong,em),body.ch-theme-mode-dark .ch-profile-card .ch-profile-seasonal-passport :is(strong,em),body.ch-theme-dark .ch-profile-card .ch-profile-seasonal-passport :is(strong,em){color:#eef5fb!important} :is(.ch-activity-card,.ch-composer).ch-cosmetic-effect-halloween-pumpkin-glow-post{ position:relative!important; isolation:isolate!important; overflow:hidden!important; } :is(.ch-activity-card,.ch-composer).ch-cosmetic-effect-halloween-pumpkin-glow-post::before{ content:""!important; display:block!important; position:absolute!important; inset:0!important; padding:2px!important; border-radius:inherit!important; pointer-events:none!important; z-index:4!important; background: linear-gradient(110deg, #ff7116 0%, #ffd06b 16%, #ff8d28 31%, #984de8 48%, #c172ff 59%, #ff8b24 75%, #ffd16a 88%, #ff7116 100% ) 0 0/280% 100%!important; -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0)!important; -webkit-mask-composite:xor!important; mask-composite:exclude!important; animation:chPumpkinGlowFrame611 4.8s linear infinite!important; } :is(.ch-activity-card,.ch-composer).ch-cosmetic-effect-halloween-pumpkin-glow-post::after{ content:""!important; display:block!important; position:absolute!important; inset:2px!important; border-radius:calc(1em - 2px)!important; pointer-events:none!important; z-index:0!important; opacity:.92!important; background: radial-gradient(circle at 11% 18%,rgba(255,112,22,.16),transparent 28%), radial-gradient(circle at 88% 76%,rgba(139,75,224,.17),transparent 31%), linear-gradient(108deg, transparent 0 24%, rgba(255,119,20,.06) 34%, rgba(255,193,75,.16) 46%, rgba(172,84,238,.17) 55%, rgba(255,126,28,.08) 66%, transparent 77% ) 0 0/270% 100%!important; mix-blend-mode:screen!important; animation:chPumpkinGlowWash611 6.2s ease-in-out infinite!important; } :is(.ch-activity-card,.ch-composer).ch-cosmetic-effect-halloween-pumpkin-glow-post>*{ position:relative!important; z-index:1!important; } @keyframes chPumpkinGlowFrame611{ 0%{background-position:180% 0} 100%{background-position:-100% 0} } @keyframes chPumpkinGlowWash611{ 0%,100%{background-position:0 0,0 0,185% 0;opacity:.74} 48%{background-position:0 0,0 0,35% 0;opacity:.98} 72%{background-position:0 0,0 0,-45% 0;opacity:.86} } html[data-ch-theme-mode="light"] :is(.ch-activity-card,.ch-composer).ch-cosmetic-effect-halloween-pumpkin-glow-post::after, body.ch-theme-mode-light :is(.ch-activity-card,.ch-composer).ch-cosmetic-effect-halloween-pumpkin-glow-post::after{ opacity:.38!important; mix-blend-mode:multiply!important; background: radial-gradient(circle at 11% 18%,rgba(255,112,22,.14),transparent 28%), radial-gradient(circle at 88% 76%,rgba(139,75,224,.12),transparent 31%), linear-gradient(108deg, transparent 0 24%, rgba(255,119,20,.05) 34%, rgba(255,177,51,.12) 46%, rgba(132,62,203,.11) 55%, rgba(255,126,28,.06) 66%, transparent 77% ) 0 0/270% 100%!important; } @media(prefers-reduced-motion:reduce){ :is(.ch-activity-card,.ch-composer).ch-cosmetic-effect-halloween-pumpkin-glow-post::before, :is(.ch-activity-card,.ch-composer).ch-cosmetic-effect-halloween-pumpkin-glow-post::after{ animation:none!important; background-position:50% 0!important; } } .ch-cosmetic-event-stamp,.ch-cosmetic-animated-stamp{white-space:nowrap} @media (min-width:783px){ body > .ch-reaction-picker.ch-desktop-reaction-picker-portal{ position:fixed!important; left:var(--ch-desktop-picker-left,10px)!important; top:var(--ch-desktop-picker-top,10px)!important; right:auto!important; bottom:auto!important; display:grid!important; grid-template-columns:repeat(5,38px)!important; grid-auto-flow:row!important; width:max-content!important; min-width:0!important; max-width:min(244px,calc(100vw - 20px))!important; box-sizing:border-box!important; white-space:normal!important; overflow:hidden!important; justify-content:start!important; align-content:start!important; gap:5px!important; padding:8px 12px!important; border-radius:8px!important; opacity:1!important; visibility:visible!important; pointer-events:auto!important; transform:none!important; z-index:2147483647!important; } body > .ch-reaction-picker.ch-desktop-reaction-picker-portal:not(.ch-desktop-picker-open){ display:none!important; opacity:0!important; visibility:hidden!important; pointer-events:none!important; } body > .ch-reaction-picker.ch-desktop-reaction-picker-portal > .ch-reaction-option{ width:38px!important; height:38px!important; min-width:38px!important; min-height:38px!important; } body > .ch-reaction-picker.ch-desktop-reaction-picker-portal > .ch-seasonal-reaction-row{ grid-column:1/-1!important; display:grid!important; grid-template-columns:repeat(5,36px)!important; justify-content:center!important; align-items:center!important; gap:5px!important; width:100%!important; min-height:42px!important; padding:2px 4px!important; border-radius:6px!important; } body > .ch-reaction-picker.ch-desktop-reaction-picker-portal > .ch-seasonal-reaction-row .ch-reaction-option{ width:36px!important; height:36px!important; min-width:36px!important; min-height:36px!important; } } @media (min-width:783px){ body > .ch-reaction-picker.ch-desktop-reaction-picker-portal{ left:var(--ch-desktop-picker-left,10px)!important; top:var(--ch-desktop-picker-top,10px)!important; right:auto!important; bottom:auto!important; transform:none!important; } } :is(.ch-activity-card,.ch-composer).ch-cosmetic-effect-halloween-pumpkin-glow-post{ animation:chPumpkinGlowBreath620 3.8s ease-in-out infinite!important; } :is(.ch-activity-card,.ch-composer).ch-cosmetic-effect-halloween-pumpkin-glow-post::before{ will-change:background-position,filter!important; animation:chPumpkinGlowFrame620 4.6s linear infinite!important; } :is(.ch-activity-card,.ch-composer).ch-cosmetic-effect-halloween-pumpkin-glow-post::after{ inset:2px -34%!important; opacity:.82!important; will-change:transform,opacity!important; transform:translate3d(-14%,0,0)!important; background: radial-gradient(circle at 22% 22%,rgba(255,112,22,.19),transparent 25%), radial-gradient(circle at 75% 72%,rgba(139,75,224,.20),transparent 28%), linear-gradient(102deg, transparent 0 23%, rgba(255,119,20,.05) 31%, rgba(255,202,90,.18) 43%, rgba(176,84,238,.20) 52%, rgba(255,126,28,.09) 64%, transparent 76% )!important; mix-blend-mode:screen!important; animation:chPumpkinGlowWash620 5.4s ease-in-out infinite!important; } @keyframes chPumpkinGlowFrame620{from{background-position:175% 0}to{background-position:-105% 0}} @keyframes chPumpkinGlowWash620{ 0%,100%{transform:translate3d(-14%,0,0);opacity:.68} 45%{transform:translate3d(8%,0,0);opacity:.98} 72%{transform:translate3d(16%,0,0);opacity:.84} } @keyframes chPumpkinGlowBreath620{ 0%,100%{box-shadow:0 0 0 1px rgba(255,167,79,.12),0 0 13px rgba(255,105,20,.14),0 0 24px rgba(126,63,235,.10),0 14px 34px rgba(4,10,19,.26)} 50%{box-shadow:0 0 0 1px rgba(255,194,107,.20),0 0 23px rgba(255,105,20,.28),0 0 39px rgba(151,77,232,.22),0 14px 34px rgba(4,10,19,.26)} } html[data-ch-theme-mode="light"] :is(.ch-activity-card,.ch-composer).ch-cosmetic-effect-halloween-pumpkin-glow-post::after, body.ch-theme-mode-light :is(.ch-activity-card,.ch-composer).ch-cosmetic-effect-halloween-pumpkin-glow-post::after{ opacity:.32!important; mix-blend-mode:multiply!important; } @media(prefers-reduced-motion:reduce){ :is(.ch-activity-card,.ch-composer).ch-cosmetic-effect-halloween-pumpkin-glow-post, :is(.ch-activity-card,.ch-composer).ch-cosmetic-effect-halloween-pumpkin-glow-post::before, :is(.ch-activity-card,.ch-composer).ch-cosmetic-effect-halloween-pumpkin-glow-post::after{ animation:none!important; } :is(.ch-activity-card,.ch-composer).ch-cosmetic-effect-halloween-pumpkin-glow-post::after{ transform:none!important; } } .ch-trophy-next{margin:0 0 12px;padding:14px;border:1px solid color-mix(in srgb,var(--ch-border,#2f4358) 82%,#5db8ff 18%);border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--ch-surface,#122031) 96%,#258ee8 4%),color-mix(in srgb,var(--ch-surface,#122031) 95%,#8b68ff 5%));box-shadow:0 12px 30px rgba(4,16,30,.12)} .ch-trophy-next__head{display:grid;grid-template-columns:minmax(0,.85fr) minmax(260px,1.15fr);gap:18px;align-items:end;margin-bottom:12px}.ch-trophy-next__head>div{display:grid;gap:3px}.ch-trophy-next__head small,.ch-progress-section-head small{font-size:.54rem;font-weight:950;letter-spacing:.14em;color:#65baff}.ch-trophy-next__head h3{margin:0;font-size:1rem;line-height:1.15;color:var(--ch-text,#eef4fb)}.ch-trophy-next__head p,.ch-progress-section-head p{margin:0;color:var(--ch-text-muted,#9eb0c4);font-size:.66rem;line-height:1.45} .ch-trophy-next__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.ch-trophy-next-card{min-width:0;display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:start;padding:12px;border:1px solid color-mix(in srgb,var(--ch-border,#30465d) 88%,transparent);border-radius:15px;background:color-mix(in srgb,var(--ch-surface,#122031) 96%,#fff 4%)}.ch-trophy-next-card__icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:rgba(75,156,230,.12);font-size:21px}.ch-trophy-next-card--title .ch-trophy-next-card__icon{background:rgba(143,105,240,.13)}.ch-trophy-next-card--honor .ch-trophy-next-card__icon{background:rgba(230,169,45,.14)}.ch-trophy-next-card>div{min-width:0;display:grid;gap:4px}.ch-trophy-next-card small{font-size:.51rem;letter-spacing:.11em;font-weight:950;color:#74bdf3}.ch-trophy-next-card--title small{color:#ae93ff}.ch-trophy-next-card--honor small{color:#e4ad4f}.ch-trophy-next-card strong{font-size:.75rem;line-height:1.22;color:var(--ch-text,#eef4fb)}.ch-trophy-next-card p{margin:0;color:var(--ch-text-muted,#9eb0c4);font-size:.61rem;line-height:1.38}.ch-trophy-next-card em,.ch-next-title-card em,.ch-profile-achievement-item.is-progress em{font-style:normal;font-size:.57rem;font-weight:850;color:color-mix(in srgb,var(--ch-text,#eef4fb) 78%,#74bdf3 22%)} .ch-trophy-meter,.ch-achievement-progressbar{height:6px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--ch-border,#30465d) 70%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ch-border,#30465d) 55%,transparent)}.ch-trophy-meter>span,.ch-achievement-progressbar>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#258ee8,#68c9ff)}.ch-trophy-next-card--title .ch-trophy-meter>span,.ch-next-title-card .ch-trophy-meter>span{background:linear-gradient(90deg,#7658dc,#bc92ff)}.ch-trophy-next-card--honor .ch-trophy-meter>span{background:linear-gradient(90deg,#c78922,#ffd46c)} .ch-progress-section-head{display:grid;grid-template-columns:minmax(150px,.7fr) minmax(0,1.3fr);gap:12px;align-items:end;margin:1px 0 9px;padding:2px 2px 0}.ch-progress-section-head>div{display:grid;gap:2px}.ch-progress-section-head strong{font-size:.78rem;color:var(--ch-text,#eef4fb)}.ch-progress-section-head--earned{margin-top:16px;grid-template-columns:1fr}.ch-profile-achievement-grid--progress{margin-bottom:2px}.ch-profile-achievement-item.is-progress{background:linear-gradient(145deg,color-mix(in srgb,var(--ch-surface,#122031) 95%,#258ee8 5%),color-mix(in srgb,var(--ch-surface,#122031) 96%,#8b68ff 4%));border-color:color-mix(in srgb,var(--ch-border,#30465d) 78%,#4da4f0 22%)}.ch-profile-achievement-item.is-progress>div{gap:3px}.ch-profile-achievement-item.is-progress .ch-achievement-progressbar{margin-top:3px}.ch-profile-achievement-item.is-progress>b{align-self:start} .ch-next-title-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}.ch-next-title-card{display:grid;grid-template-columns:40px minmax(0,1fr);gap:9px;align-items:center;padding:10px 11px;border:1px solid color-mix(in srgb,var(--ch-border,#30465d) 82%,#9d7cf5 18%);border-radius:13px;background:linear-gradient(145deg,color-mix(in srgb,var(--ch-surface,#122031) 96%,#8b68ff 4%),color-mix(in srgb,var(--ch-surface,#122031) 98%,#fff 2%))}.ch-next-title-card>span{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:rgba(143,105,240,.13);font-size:20px}.ch-next-title-card>div{min-width:0;display:grid;gap:3px}.ch-next-title-card small{font-size:.51rem;font-weight:950;letter-spacing:.09em;color:#ae93ff}.ch-next-title-card strong{font-size:.72rem;color:var(--ch-text,#eef4fb)} @media (max-width:760px){.ch-trophy-next__head,.ch-progress-section-head{grid-template-columns:1fr;gap:6px}.ch-trophy-next__grid{grid-template-columns:1fr}.ch-next-title-grid,.ch-profile-achievement-grid--progress{grid-template-columns:1fr!important}.ch-trophy-next{padding:11px}.ch-trophy-next-card{padding:10px}.ch-profile-achievement-item.is-progress{grid-template-columns:40px minmax(0,1fr) auto}} .ch-progress-popup-source{ position:relative; cursor:pointer; transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background-color .18s ease; } .ch-progress-popup-source:hover, .ch-progress-popup-source:focus-visible{ transform:translateY(-1px); border-color:#58aef2!important; box-shadow:0 14px 34px rgba(14,93,158,.16),0 0 0 2px rgba(71,164,240,.11)!important; outline:none; } .ch-progress-popup-source:active{transform:translateY(0) scale(.995)} .ch-progress-open-hint{ display:inline-flex;align-items:center;gap:5px;width:max-content;max-width:100%; margin:0 0 9px auto;padding:5px 8px;border-radius:999px; border:1px solid color-mix(in srgb,var(--ch-border,#30465d) 70%,#64b8f4 30%); background:color-mix(in srgb,var(--ch-surface,#122031) 91%,#258ee8 9%); color:#8fd1ff;font-size:.57rem;font-weight:900;letter-spacing:.01em; } .ch-progress-popup-source--titles{margin-bottom:12px;padding:10px;border:1px solid color-mix(in srgb,var(--ch-border,#30465d) 86%,#9d7cf5 14%);border-radius:15px;background:color-mix(in srgb,var(--ch-surface,#122031) 98%,#8b68ff 2%)} .ch-progress-popup-source--titles .ch-next-title-grid{margin-bottom:0} html[data-ch-theme-mode="dark"] .ch-profile-trophy-hub, body.ch-theme-mode-dark .ch-profile-trophy-hub, body.ch-theme-dark .ch-profile-trophy-hub{background:#101d2c!important;border-color:#30465d!important;color:#eef5fc!important} html[data-ch-theme-mode="dark"] .ch-profile-trophy-hub .ch-profile-accomplishments__tabs, body.ch-theme-mode-dark .ch-profile-trophy-hub .ch-profile-accomplishments__tabs, body.ch-theme-dark .ch-profile-trophy-hub .ch-profile-accomplishments__tabs{background:#0e1b29!important;border-color:#30465d!important} html[data-ch-theme-mode="dark"] .ch-profile-trophy-hub .ch-profile-accomplishments__tabs button, body.ch-theme-mode-dark .ch-profile-trophy-hub .ch-profile-accomplishments__tabs button, body.ch-theme-dark .ch-profile-trophy-hub .ch-profile-accomplishments__tabs button{color:#aebdcd!important} html[data-ch-theme-mode="dark"] .ch-profile-trophy-hub .ch-profile-accomplishments__tabs button.is-active, body.ch-theme-mode-dark .ch-profile-trophy-hub .ch-profile-accomplishments__tabs button.is-active, body.ch-theme-dark .ch-profile-trophy-hub .ch-profile-accomplishments__tabs button.is-active{background:#168ff0!important;border-color:#41a8f3!important;color:#fff!important;box-shadow:0 7px 18px rgba(18,132,223,.22)} html[data-ch-theme-mode="dark"] :is(.ch-trophy-next-card,.ch-next-title-card,.ch-profile-achievement-item), body.ch-theme-mode-dark :is(.ch-trophy-next-card,.ch-next-title-card,.ch-profile-achievement-item), body.ch-theme-dark :is(.ch-trophy-next-card,.ch-next-title-card,.ch-profile-achievement-item){color:#eef5fc} html[data-ch-theme-mode="dark"] :is(.ch-trophy-next-card,.ch-next-title-card,.ch-profile-achievement-item) strong, body.ch-theme-mode-dark :is(.ch-trophy-next-card,.ch-next-title-card,.ch-profile-achievement-item) strong, body.ch-theme-dark :is(.ch-trophy-next-card,.ch-next-title-card,.ch-profile-achievement-item) strong{color:#f4f8fc!important} html[data-ch-theme-mode="dark"] :is(.ch-trophy-next-card,.ch-profile-achievement-item) p, body.ch-theme-mode-dark :is(.ch-trophy-next-card,.ch-profile-achievement-item) p, body.ch-theme-dark :is(.ch-trophy-next-card,.ch-profile-achievement-item) p{color:#b6c5d5!important} html[data-ch-theme-mode="light"] .ch-profile-trophy-hub, body.ch-theme-mode-light .ch-profile-trophy-hub{background:rgba(255,255,255,.96)!important;border-color:#cedae6!important;color:#1c2d3e!important;box-shadow:0 10px 30px rgba(36,62,88,.06)} html[data-ch-theme-mode="light"] .ch-profile-trophy-hub .ch-profile-accomplishments__tabs, body.ch-theme-mode-light .ch-profile-trophy-hub .ch-profile-accomplishments__tabs{background:linear-gradient(180deg,#ffffff,#f4f8fc)!important;border-color:#cedae6!important} html[data-ch-theme-mode="light"] .ch-profile-trophy-hub .ch-profile-accomplishments__tabs button, body.ch-theme-mode-light .ch-profile-trophy-hub .ch-profile-accomplishments__tabs button{color:#53687d!important;background:transparent!important} html[data-ch-theme-mode="light"] .ch-profile-trophy-hub .ch-profile-accomplishments__tabs button:hover, body.ch-theme-mode-light .ch-profile-trophy-hub .ch-profile-accomplishments__tabs button:hover{background:#edf6fd!important;color:#194c73!important} html[data-ch-theme-mode="light"] .ch-profile-trophy-hub .ch-profile-accomplishments__tabs button.is-active, body.ch-theme-mode-light .ch-profile-trophy-hub .ch-profile-accomplishments__tabs button.is-active{background:#168ff0!important;border-color:#168ff0!important;color:#fff!important;box-shadow:0 7px 18px rgba(22,143,240,.18)} html[data-ch-theme-mode="light"] .ch-profile-trophy-hub .ch-profile-accomplishments__tabs b, body.ch-theme-mode-light .ch-profile-trophy-hub .ch-profile-accomplishments__tabs b{background:rgba(255,255,255,.22)!important;color:inherit!important} html[data-ch-theme-mode="light"] .ch-trophy-next, body.ch-theme-mode-light .ch-trophy-next{background:linear-gradient(145deg,#f8fbfe,#f7f4ff)!important;border-color:#cbd9e7!important;box-shadow:0 12px 30px rgba(36,62,88,.08)!important} html[data-ch-theme-mode="light"] .ch-trophy-next__head h3, html[data-ch-theme-mode="light"] .ch-progress-section-head strong, body.ch-theme-mode-light .ch-trophy-next__head h3, body.ch-theme-mode-light .ch-progress-section-head strong{color:#1f3144!important} html[data-ch-theme-mode="light"] .ch-trophy-next__head p, html[data-ch-theme-mode="light"] .ch-progress-section-head p, body.ch-theme-mode-light .ch-trophy-next__head p, body.ch-theme-mode-light .ch-progress-section-head p{color:#5f7388!important} html[data-ch-theme-mode="light"] .ch-progress-open-hint, body.ch-theme-mode-light .ch-progress-open-hint{background:#eef7ff!important;border-color:#b7d7ef!important;color:#245d86!important} html[data-ch-theme-mode="light"] .ch-progress-popup-source--titles, body.ch-theme-mode-light .ch-progress-popup-source--titles{background:#fbfcff!important;border-color:#d4d8ee!important} html[data-ch-theme-mode="light"] :is(.ch-trophy-next-card,.ch-next-title-card,.ch-profile-achievement-item), body.ch-theme-mode-light :is(.ch-trophy-next-card,.ch-next-title-card,.ch-profile-achievement-item){background:#fff!important;border-color:#d3dfe9!important;color:#1f3144!important;box-shadow:0 5px 16px rgba(43,67,91,.045)} html[data-ch-theme-mode="light"] .ch-profile-achievement-item.is-progress, body.ch-theme-mode-light .ch-profile-achievement-item.is-progress{background:linear-gradient(145deg,#f6fbff,#faf8ff)!important;border-color:#c9dced!important} html[data-ch-theme-mode="light"] :is(.ch-trophy-next-card,.ch-next-title-card,.ch-profile-achievement-item) strong, body.ch-theme-mode-light :is(.ch-trophy-next-card,.ch-next-title-card,.ch-profile-achievement-item) strong{color:#1d3042!important} html[data-ch-theme-mode="light"] :is(.ch-trophy-next-card,.ch-profile-achievement-item) p, body.ch-theme-mode-light :is(.ch-trophy-next-card,.ch-profile-achievement-item) p{color:#62758a!important} html[data-ch-theme-mode="light"] :is(.ch-trophy-next-card,.ch-next-title-card,.ch-profile-achievement-item) em, body.ch-theme-mode-light :is(.ch-trophy-next-card,.ch-next-title-card,.ch-profile-achievement-item) em{color:#335d7e!important} html[data-ch-theme-mode="light"] .ch-trophy-meter, html[data-ch-theme-mode="light"] .ch-achievement-progressbar, body.ch-theme-mode-light .ch-trophy-meter, body.ch-theme-mode-light .ch-achievement-progressbar{background:#dce7f0!important;box-shadow:inset 0 0 0 1px #cedbe6!important} @media(max-width:760px){ .ch-progress-open-hint{margin-left:0} .ch-progress-popup-source--titles{padding:9px} } @media(prefers-reduced-motion:reduce){.ch-progress-popup-source{transition:none!important}.ch-progress-popup-source:hover,.ch-progress-popup-source:focus-visible{transform:none!important}} .ch-trophy-history{margin:0 0 12px;padding:13px;border:1px solid color-mix(in srgb,var(--ch-border,#2f4358) 82%,#57c9a4 18%);border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--ch-surface,#122031) 96%,#37c89d 4%),color-mix(in srgb,var(--ch-surface,#122031) 98%,#fff 2%));cursor:pointer;box-shadow:0 10px 26px rgba(4,16,30,.10)} .ch-trophy-history__head{display:grid;grid-template-columns:minmax(0,.75fr) minmax(280px,1.25fr);gap:18px;align-items:end;margin-bottom:10px}.ch-trophy-history__head>div{display:grid;gap:3px}.ch-trophy-history__head small{font-size:.53rem;font-weight:950;letter-spacing:.14em;color:#55c9a3}.ch-trophy-history__head h3{margin:0;font-size:.96rem;line-height:1.18;color:var(--ch-text,#eef4fb)}.ch-trophy-history__head p{margin:0;color:var(--ch-text-muted,#9eb0c4);font-size:.65rem;line-height:1.45} .ch-trophy-history__list{display:grid;gap:7px}.ch-trophy-history-item{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:9px;align-items:center;padding:9px 10px;border:1px solid color-mix(in srgb,var(--ch-border,#30465d) 86%,transparent);border-radius:13px;background:color-mix(in srgb,var(--ch-surface,#122031) 96%,#fff 4%)}.ch-trophy-history-item>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:rgba(65,190,151,.13);font-size:19px}.ch-trophy-history-item--title>span{background:rgba(142,105,240,.14)}.ch-trophy-history-item>div:nth-child(2){display:grid;gap:2px;min-width:0}.ch-trophy-history-item small{font-size:.49rem;letter-spacing:.09em;font-weight:950;color:#6ecfaf}.ch-trophy-history-item--title small{color:#b09aff}.ch-trophy-history-item strong{font-size:.72rem;color:var(--ch-text,#eef4fb)}.ch-trophy-history-item p{margin:0;color:var(--ch-text-muted,#9eb0c4);font-size:.61rem;line-height:1.35}.ch-trophy-history-item__meta{display:grid;justify-items:end;gap:4px;white-space:nowrap}.ch-trophy-history-item__meta time{font-size:.56rem;color:var(--ch-text-muted,#9eb0c4)}.ch-trophy-history-item__meta b{font-size:.55rem;color:#f0b14a}.ch-achievement-earned-at{display:block;margin-top:3px;font-size:.55rem;font-weight:800;color:#6ecfaf}.ch-title-celebration .ch-achievement-celebration__icon{background:linear-gradient(145deg,#7c58e8,#c38cff);box-shadow:0 0 0 6px rgba(255,255,255,.05),0 0 42px rgba(143,105,240,.42)} .ch-progress-detail-modal .ch-trophy-history__head{grid-template-columns:minmax(0,.75fr) minmax(320px,1.25fr);gap:22px}.ch-progress-detail-modal .ch-trophy-history-item{padding:13px 14px;grid-template-columns:48px minmax(0,1fr) auto;gap:12px}.ch-progress-detail-modal .ch-trophy-history-item>span{width:48px;height:48px;font-size:23px}.ch-progress-detail-modal .ch-trophy-history-item strong{font-size:.86rem}.ch-progress-detail-modal .ch-trophy-history-item p{font-size:.69rem;line-height:1.45}.ch-progress-detail-modal .ch-trophy-history-item__meta time,.ch-progress-detail-modal .ch-trophy-history-item__meta b{font-size:.64rem} html[data-ch-theme-mode="light"] .ch-trophy-history,body.ch-theme-mode-light .ch-trophy-history{background:linear-gradient(145deg,#fbfefd,#f6fbf9)!important;border-color:#c9ddd6!important}.ch-trophy-history:hover{border-color:color-mix(in srgb,#56c9a4 55%,var(--ch-border,#2f4358) 45%)}html[data-ch-theme-mode="light"] .ch-trophy-history__head h3,body.ch-theme-mode-light .ch-trophy-history__head h3,html[data-ch-theme-mode="light"] .ch-trophy-history-item strong,body.ch-theme-mode-light .ch-trophy-history-item strong{color:#1c3140!important}html[data-ch-theme-mode="light"] .ch-trophy-history__head p,body.ch-theme-mode-light .ch-trophy-history__head p,html[data-ch-theme-mode="light"] .ch-trophy-history-item p,body.ch-theme-mode-light .ch-trophy-history-item p,html[data-ch-theme-mode="light"] .ch-trophy-history-item__meta time,body.ch-theme-mode-light .ch-trophy-history-item__meta time{color:#61778a!important}html[data-ch-theme-mode="light"] .ch-trophy-history-item,body.ch-theme-mode-light .ch-trophy-history-item{background:#fff!important;border-color:#d3e0e6!important;box-shadow:0 4px 13px rgba(43,67,91,.04)} @media(max-width:760px){.ch-trophy-history__head{grid-template-columns:1fr;gap:6px}.ch-trophy-history-item{grid-template-columns:38px minmax(0,1fr)}.ch-trophy-history-item__meta{grid-column:2;justify-items:start;white-space:normal}.ch-progress-detail-modal .ch-trophy-history__head{grid-template-columns:1fr}.ch-progress-detail-modal .ch-trophy-history-item{grid-template-columns:44px minmax(0,1fr)}.ch-progress-detail-modal .ch-trophy-history-item__meta{grid-column:2;justify-items:start}} .ch-community-discovery-lane.is-return{border-color:rgba(14,165,233,.16);background:linear-gradient(180deg,rgba(14,165,233,.045),rgba(255,255,255,.68))}.ch-community-discovery-lane.is-return h3::before{content:"🆕 ";} html[data-ch-theme-mode="dark"] .ch-community-discovery-lane.is-return,body.ch-theme-mode-dark .ch-community-discovery-lane.is-return{border-color:rgba(56,189,248,.17);background:rgba(14,165,233,.065)} .ch-group-pulse__return-signal{display:inline-flex;align-items:center;gap:5px;margin:6px 6px 0 0;padding:4px 7px;border:1px solid rgba(14,165,233,.18);border-radius:999px;background:rgba(14,165,233,.07);color:#0369a1;font-size:8.5px;font-weight:850;line-height:1.2}.ch-group-pulse__friend-signal+.ch-group-pulse__return-signal,.ch-group-pulse__return-signal+.ch-group-pulse__friend-signal{margin-left:0} html[data-ch-theme-mode="dark"] .ch-group-pulse__return-signal,body.ch-theme-mode-dark .ch-group-pulse__return-signal{border-color:rgba(56,189,248,.20);background:rgba(14,165,233,.11);color:#bae6fd} .ch-group-pulse-item.is-since-last{border-color:rgba(14,165,233,.20)!important;background:linear-gradient(135deg,rgba(14,165,233,.055),rgba(99,102,241,.035))!important}.ch-group-pulse-item.is-since-last b{color:#0284c7} html[data-ch-theme-mode="dark"] .ch-group-pulse-item.is-since-last,body.ch-theme-mode-dark .ch-group-pulse-item.is-since-last{border-color:rgba(56,189,248,.20)!important;background:rgba(14,165,233,.075)!important}.ch-group-pulse__tabs button[data-ch-group-pulse-tab="since-last"]{border-color:rgba(14,165,233,.18);color:#0369a1}.ch-group-pulse__tabs button[data-ch-group-pulse-tab="since-last"].is-active{background:rgba(14,165,233,.10);border-color:rgba(14,165,233,.28)} html[data-ch-theme-mode="dark"] .ch-group-pulse__tabs button[data-ch-group-pulse-tab="since-last"],body.ch-theme-mode-dark .ch-group-pulse__tabs button[data-ch-group-pulse-tab="since-last"]{color:#bae6fd;border-color:rgba(56,189,248,.18)} .ch-group-card-reason{display:flex;align-items:flex-start;gap:7px;margin:2px 0 8px;padding:8px 10px;border:1px solid rgba(124,58,237,.14);border-radius:11px;background:linear-gradient(135deg,rgba(124,58,237,.07),rgba(59,130,246,.05));color:var(--ch-text,#0f172a);font-size:9.5px;font-weight:720;line-height:1.42}.ch-group-card-reason>span{flex:0 0 auto;line-height:1.2}.ch-group-card-momentum{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:0 0 8px;color:var(--ch-muted,#64748b);font-size:8.5px;font-weight:760}.ch-group-card-momentum strong{color:var(--ch-text,#0f172a);font-size:8.5px}.ch-group-card-momentum span{display:inline-flex;align-items:center;gap:5px}.ch-group-card-momentum span+span:before{content:"·";opacity:.6;margin-right:1px}html[data-ch-theme-mode="dark"] .ch-group-card-reason,body.ch-theme-mode-dark .ch-group-card-reason{border-color:rgba(167,139,250,.18);background:linear-gradient(135deg,rgba(124,58,237,.16),rgba(59,130,246,.10));color:var(--ch-text,#f8fafc)}@media(max-width:760px){.ch-group-card-reason{font-size:9px;padding:7px 9px}.ch-group-card-momentum{font-size:8px}}@media(orientation:landscape) and (max-height:600px) and (pointer:coarse){.ch-group-card-reason{margin-bottom:6px;padding:6px 8px;border-radius:9px;font-size:7.5px}.ch-group-card-momentum{margin-bottom:6px;font-size:7px}}@media(prefers-reduced-motion:reduce){.ch-group-card-reason,.ch-group-card-momentum{scroll-behavior:auto}} .ch-comment-menu.is-menu-open{opacity:1!important} .ch-comment-thread.is-comment-menu-open{position:relative!important;z-index:20!important} body > .ch-comment-menu-dropdown.is-comment-menu-portal{ position:fixed!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; width:190px!important; min-width:172px!important; max-width:calc(100vw - 24px)!important; transform:none!important; z-index:2147483450!important; margin:0!important; overflow:hidden!important; isolation:isolate!important; box-shadow:0 18px 48px rgba(15,23,42,.24)!important; } html[data-ch-theme-mode="dark"] body > .ch-comment-menu-dropdown.is-comment-menu-portal, body.ch-theme-mode-dark > .ch-comment-menu-dropdown.is-comment-menu-portal{ box-shadow:0 20px 52px rgba(0,0,0,.52)!important; } @media(max-width:700px){ body > .ch-comment-menu-dropdown.is-comment-menu-portal{ min-width:184px!important; } } body > .ch-comment-menu-dropdown.is-comment-menu-portal{will-change:left,top!important;} .ch-group-card-reply-cta{display:inline-flex;align-items:center;flex-wrap:wrap;gap:7px;margin:1px 0 9px;padding:7px 10px;border:1px solid var(--ch-border,rgba(100,116,139,.32));border-radius:10px;background:var(--ch-surface-raised,rgba(59,130,246,.06));color:var(--ch-text,#152238);font-size:11px;line-height:1.4;font-weight:700;text-decoration:none;max-width:100%} .ch-group-card-reply-cta:hover,.ch-group-card-reply-cta:focus-visible{border-color:var(--ch-primary,#3b82f6);text-decoration:underline;outline-offset:2px} html[data-ch-theme-mode="dark"] .ch-group-card-reply-cta,body.ch-theme-mode-dark .ch-group-card-reply-cta{color:var(--ch-text,#f8fafc);background:rgba(59,130,246,.12)} @media(max-width:760px){.ch-group-card-reply-cta{font-size:11px;min-height:36px}} .ch-poll .ch-poll-option{transition:border-color .2s ease,box-shadow .2s ease,transform .18s ease!important;} .ch-poll .ch-poll-option:not(:disabled):active{transform:scale(.988)} .ch-poll .ch-poll-option.ch-poll-is-submitting{border-color:#60a5fa!important;box-shadow:inset 0 0 0 1px #60a5fa,0 0 0 3px rgba(59,130,246,.18)!important;} .ch-poll .ch-poll-option.ch-poll-is-submitting::after{content:"Recording…";position:absolute;right:8px;bottom:2px;font-size:10px;font-weight:800;color:#2563eb;} .ch-poll .ch-poll-vote-confirmation{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:5px 10px;margin-top:5px;border:1px solid rgba(234,179,8,.55);border-radius:999px;background:linear-gradient(120deg,#fff9db,#fde68a);color:#6f4605;font-size:12px;font-weight:900;box-shadow:0 4px 16px rgba(234,179,8,.17);} .ch-poll-results-reveal .ch-poll-option-progress{animation:chPollResultFill .85s cubic-bezier(.16,1,.3,1) both;transform-origin:left center;} .ch-poll-results-reveal .ch-poll-vote-confirmation{animation:chPollConfirmPop .55s cubic-bezier(.16,1,.3,1) both;} .ch-poll-results-reveal .ch-poll-option.ch-poll-vote-celebrate{border-color:#eab308!important;box-shadow:inset 0 0 0 1px rgba(234,179,8,.7),0 0 0 3px rgba(234,179,8,.16),0 8px 22px rgba(161,98,7,.12)!important;animation:chPollChosenPulse 1s ease both;} .ch-poll-results-reveal .ch-poll-option-result{animation:chPollResultAppear .5s ease both;} @keyframes chPollResultFill{from{transform:scaleX(0)}to{transform:scaleX(1)}} @keyframes chPollConfirmPop{0%{opacity:0;transform:translateY(7px) scale(.88)}70%{opacity:1;transform:translateY(0) scale(1.04)}100%{opacity:1;transform:none}} @keyframes chPollChosenPulse{0%,100%{transform:none}35%{transform:scale(1.012)}} @keyframes chPollResultAppear{from{opacity:.3;transform:translateY(3px)}to{opacity:1;transform:none}} html[data-ch-theme-mode="dark"] .ch-poll .ch-poll-vote-confirmation,body.ch-theme-mode-dark .ch-poll .ch-poll-vote-confirmation{background:linear-gradient(120deg,#6f480d,#a56d08);color:#fff6d5;border-color:#e9bc53;} @media(prefers-reduced-motion:reduce){.ch-poll-results-reveal .ch-poll-option-progress,.ch-poll-results-reveal .ch-poll-vote-confirmation,.ch-poll-results-reveal .ch-poll-option.ch-poll-vote-celebrate,.ch-poll-results-reveal .ch-poll-option-result{animation:none!important}.ch-poll .ch-poll-option{transition:none!important}} .ch-poll .ch-poll-already-voted-note{display:grid;gap:5px;margin-top:11px;padding:12px 14px;border:1px solid rgba(234,179,8,.5);border-radius:12px;background:#fffbeb;color:#713f12;box-shadow:0 6px 20px rgba(146,64,14,.09);font-size:13px;line-height:1.45;} .ch-poll .ch-poll-already-voted-note strong{font-weight:900;color:inherit;} .ch-poll .ch-poll-already-voted-note span{color:inherit;} .ch-poll[data-ch-poll-voted="1"] .ch-poll-option{cursor:help!important;} html[data-ch-theme-mode="dark"] .ch-poll .ch-poll-already-voted-note,body.ch-theme-mode-dark .ch-poll .ch-poll-already-voted-note{background:#342510;color:#fff0c2;border-color:#af7b22;} @media(prefers-reduced-motion:reduce){.ch-poll .ch-poll-already-voted-note{animation:none!important;}} .ch-reaction-picker:has(.ch-picker-dismiss) { padding-right: 30px !important; } .ch-reaction-picker .ch-picker-dismiss, .ch-mobile-reaction-picker .ch-picker-dismiss { position: absolute !important; top: 2px !important; right: 3px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 25px !important; height: 25px !important; min-width: 25px !important; padding: 0 !important; border: 0 !important; border-radius: 50% !important; background: rgba(100,116,139,.17) !important; color: #1f2937 !important; font-size: 19px !important; line-height: 1 !important; cursor: pointer !important; pointer-events: auto !important; z-index: 5 !important; } .ch-reaction-picker .ch-picker-dismiss:focus-visible { outline: 2px solid #2563eb !important; outline-offset: 2px !important; } .ch-reaction-users-panel .ch-reaction-users-sheet-header { display: flex !important; align-items: center !important; justify-content: space-between !important; } .ch-reaction-users-panel .ch-reaction-users-close { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 30px !important; height: 30px !important; border-radius: 50% !important; background: rgba(100,116,139,.15) !important; border: 0 !important; cursor: pointer !important; font-size: 22px !important; color: inherit !important; } .ch-groups-action-hub{margin:12px 0 16px;padding:15px;border:1px solid var(--ch-border,rgba(100,116,139,.24));border-radius:17px;background:linear-gradient(125deg,rgba(59,130,246,.075),rgba(251,191,36,.055));color:var(--ch-text,inherit)} .ch-groups-action-hub__head{display:flex;gap:14px;justify-content:space-between;align-items:center;margin-bottom:12px} .ch-groups-action-hub__head small{display:block;font-size:9px;font-weight:850;letter-spacing:.12em;color:var(--ch-muted,#718096)} .ch-groups-action-hub__head h2{margin:2px 0 3px;font-size:17px;line-height:1.3;color:inherit} .ch-groups-action-hub__head p,.ch-groups-action-hub__lane>p{margin:0;font-size:12px;line-height:1.5;color:var(--ch-muted,#718096)} .ch-groups-action-hub__head>span{font-size:23px;flex:0 0 auto} .ch-groups-action-hub__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,285px),1fr));gap:10px} .ch-groups-action-hub__lane{min-width:0;padding:12px;border:1px solid var(--ch-border,rgba(100,116,139,.23));border-radius:13px;background:var(--ch-surface,rgba(255,255,255,.68))} .ch-groups-action-hub__lane h3{display:flex;align-items:center;gap:7px;margin:0 0 4px;font-size:13px;line-height:1.35;color:inherit} .ch-groups-action-hub__lane>p{margin-bottom:10px} .ch-groups-action-hub__link{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:48px;margin-top:6px;padding:8px 10px;border:1px solid var(--ch-border,rgba(100,116,139,.2));border-radius:10px;background:var(--ch-surface-raised,rgba(59,130,246,.055));text-decoration:none;color:inherit} .ch-groups-action-hub__link:hover,.ch-groups-action-hub__link:focus-visible{border-color:var(--ch-primary,#3b82f6);outline-offset:2px;transform:translateY(-1px)} .ch-groups-action-hub__link-copy{min-width:0;display:grid;gap:3px}.ch-groups-action-hub__link strong{font-size:12px;line-height:1.3;overflow-wrap:anywhere}.ch-groups-action-hub__link small{font-size:10px;line-height:1.4;color:var(--ch-muted,#718096)} .ch-groups-action-hub__link>b{font-size:19px;flex:0 0 auto;color:var(--ch-primary,#3b82f6)} .ch-groups-action-hub__meter{display:block;overflow:hidden;height:5px;margin-top:3px;border-radius:999px;background:rgba(148,163,184,.26)} .ch-groups-action-hub__meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#eab308,#f59e0b)} html[data-ch-theme-mode="dark"] .ch-groups-action-hub,body.ch-theme-mode-dark .ch-groups-action-hub{background:linear-gradient(125deg,rgba(30,58,138,.21),rgba(146,64,14,.12))} html[data-ch-theme-mode="dark"] .ch-groups-action-hub__lane,body.ch-theme-mode-dark .ch-groups-action-hub__lane{background:rgba(15,23,42,.45)} @media(max-width:600px){.ch-groups-action-hub{padding:11px;border-radius:13px}.ch-groups-action-hub__head h2{font-size:15px}.ch-groups-action-hub__head p{font-size:11px}.ch-groups-action-hub__lane{padding:10px}.ch-groups-action-hub__link{min-height:44px}} @media(prefers-reduced-motion:reduce){.ch-groups-action-hub__link{transition:none;transform:none!important}} .ch-groups-action-hub__personal{display:block;margin-top:7px;padding:7px 9px;border:1px solid rgba(234,179,8,.29);border-radius:8px;background:rgba(234,179,8,.075);font-size:11px;line-height:1.4;color:inherit} .ch-groups-action-hub__personal>strong{display:block;margin:0 0 2px;font-size:10px;letter-spacing:.01em;color:var(--ch-text,inherit)} .ch-groups-action-hub__personal>small{display:block;margin-top:2px;opacity:.8;font-size:10px} .ch-groups-action-hub__link-copy .ch-groups-action-hub__remaining{display:block;margin-top:5px;font-size:10px;color:var(--ch-muted,#718096)} html[data-ch-theme-mode="dark"] .ch-groups-action-hub__personal,body.ch-theme-mode-dark .ch-groups-action-hub__personal{background:rgba(250,204,21,.09);border-color:rgba(250,204,21,.28)} @media(max-width:600px){.ch-groups-action-hub__personal{padding:7px 8px;font-size:11px}} @media(prefers-reduced-motion:reduce){.ch-groups-action-hub__personal{animation:none;transition:none}} .ch-explore-bridge{margin:12px 0 18px;padding:14px;border:1px solid var(--ch-border,rgba(120,145,180,.24));border-radius:16px;background:linear-gradient(115deg,rgba(35,120,255,.055),rgba(234,179,8,.035));color:var(--ch-text,inherit)} .ch-explore-bridge__intro{margin-bottom:10px} .ch-explore-bridge__intro>span{font-size:10px;letter-spacing:.11em;font-weight:850;color:var(--ch-muted,#7b8aa1)} .ch-explore-bridge__intro h2{margin:2px 0 4px;font-size:16px;line-height:1.3;color:inherit} .ch-explore-bridge__intro p{margin:0;font-size:12px;line-height:1.5;color:var(--ch-muted,#7b8aa1)} .ch-explore-bridge__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px} .ch-explore-bridge__card{display:flex;align-items:center;gap:9px;min-width:0;min-height:68px;padding:10px;border:1px solid var(--ch-border,rgba(120,145,180,.26));border-radius:11px;background:var(--ch-surface,rgba(255,255,255,.65));color:inherit;text-decoration:none;transition:transform .16s ease,border-color .16s ease} .ch-explore-bridge__card:hover{transform:translateY(-2px);border-color:var(--ch-primary,#358aff)} .ch-explore-bridge__card:focus-visible{outline:2px solid var(--ch-primary,#358aff);outline-offset:2px} .ch-explore-bridge__icon{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:rgba(65,125,255,.1);font-size:17px} .ch-explore-bridge__copy{min-width:0;flex:1;display:grid;gap:3px}.ch-explore-bridge__copy strong{font-size:12px;line-height:1.3;color:inherit}.ch-explore-bridge__copy small{font-size:10px;line-height:1.4;color:var(--ch-muted,#7b8aa1)} .ch-explore-bridge__arrow{flex:none;color:var(--ch-primary,#358aff);font-size:18px} html[data-ch-theme-mode="dark"] .ch-explore-bridge,body.ch-theme-mode-dark .ch-explore-bridge{background:linear-gradient(115deg,rgba(35,110,220,.13),rgba(145,95,17,.07))} html[data-ch-theme-mode="dark"] .ch-explore-bridge__card,body.ch-theme-mode-dark .ch-explore-bridge__card{background:rgba(20,32,54,.74)} @media(max-width:790px){.ch-explore-bridge__grid{grid-template-columns:1fr}.ch-explore-bridge{padding:11px}.ch-explore-bridge__card{min-height:53px}} @media(prefers-reduced-motion:reduce){.ch-explore-bridge__card{transition:none}.ch-explore-bridge__card:hover{transform:none}} .ch-announcement-dialog{--ch-announcement-accent-text:#1d4ed8} .ch-announcement-type-feature .ch-announcement-dialog{--ch-announcement-accent-text:#0e7490} .ch-announcement-type-season .ch-announcement-dialog{--ch-announcement-accent-text:#92400e} .ch-announcement-type-holiday .ch-announcement-dialog{--ch-announcement-accent-text:#6b21a8} .ch-announcement-kicker{color:var(--ch-announcement-accent-text)!important} .ch-announcement-content strong{color:#0f172a} .ch-announcement-close:focus-visible,.ch-announcement-done:focus-visible{outline:3px solid color-mix(in srgb,var(--ch-announcement-accent,#2563eb) 42%,transparent);outline-offset:3px} html[data-ch-theme-mode="dark"] .ch-announcement-dialog,body.ch-theme-mode-dark .ch-announcement-dialog,body.ch-theme-dark .ch-announcement-dialog{--ch-announcement-accent-text:#93c5fd} html[data-ch-theme-mode="dark"] .ch-announcement-type-feature .ch-announcement-dialog,body.ch-theme-mode-dark .ch-announcement-type-feature .ch-announcement-dialog,body.ch-theme-dark .ch-announcement-type-feature .ch-announcement-dialog{--ch-announcement-accent-text:#67e8f9} html[data-ch-theme-mode="dark"] .ch-announcement-type-season .ch-announcement-dialog,body.ch-theme-mode-dark .ch-announcement-type-season .ch-announcement-dialog,body.ch-theme-dark .ch-announcement-type-season .ch-announcement-dialog{--ch-announcement-accent-text:#fbbf24} html[data-ch-theme-mode="dark"] .ch-announcement-type-holiday .ch-announcement-dialog,body.ch-theme-mode-dark .ch-announcement-type-holiday .ch-announcement-dialog,body.ch-theme-dark .ch-announcement-type-holiday .ch-announcement-dialog{--ch-announcement-accent-text:#d8b4fe} html[data-ch-theme-mode="dark"] .ch-announcement-content strong,body.ch-theme-mode-dark .ch-announcement-content strong,body.ch-theme-dark .ch-announcement-content strong{color:#f8fafc}