.social-page{--social-man-symbol-bg:#386DBF;--social-man-symbol-color:#FFFFFF;--social-woman-symbol-bg:#D95779;--social-woman-symbol-color:#FFFFFF;--social-menu-bg:color-mix(in srgb,var(--compact-control-bg) 94%,var(--surface-card-bg));--social-menu-border:var(--compact-control-border);--social-menu-hover-bg:var(--compact-control-hover-bg);--social-menu-text:var(--compact-control-text);--social-menu-muted-text:var(--index-stats-card-body-text-color);--social-menu-shadow:var(--surface-card-shadow);--social-dm-own-text:#071720;--social-dm-own-muted-text:#071720;width:100%;min-height:calc(100vh - var(--nav-height));margin:0;padding:0 0 calc(var(--spacing-xl) * 2);background:var(--surface-card-bg);color:var(--index-panel-title-color)}.dark-mode .social-page{--accent-color:var(--link-color);--index-panel-title-color:var(--compact-control-text);--index-stats-card-body-text-color:var(--compact-language-section-title-color);--social-dm-own-text:#071720;--social-dm-own-muted-text:#071720;--social-man-symbol-bg:#5FB6FF;--social-man-symbol-color:#071720;--social-woman-symbol-bg:#F87398;--social-woman-symbol-color:#170913}.social-page [hidden],.social-media-viewer[hidden],.social-media-viewer [hidden],.social-quote-modal[hidden],.social-quote-modal [hidden]{display:none!important}.social-shell{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:0;align-items:start;min-height:inherit;background:var(--surface-card-bg)}.social-center{min-width:0;border-left:1px solid var(--surface-card-border);border-right:1px solid var(--surface-card-border);background:var(--surface-card-bg)}.social-right-panel{position:sticky;top:78px;display:grid;gap:var(--spacing-md);padding:var(--spacing-md) 0 var(--spacing-lg) var(--spacing-md);background:var(--surface-card-bg)}.social-context-card{display:grid;gap:var(--spacing-md);padding:var(--spacing-md);border:1px solid var(--surface-card-border);border-radius:var(--radius-md);background:var(--surface-card-bg)}.social-context-card h2{margin:0 0 4px;font-size:1.05rem}.social-study-card{gap:var(--spacing-sm)}.social-study-card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.social-study-card-header h2{display:inline-flex;align-items:center;gap:var(--spacing-xs);margin:0;min-width:0;font-size:0.98rem}.social-study-card-header h2 i{color:var(--accent-color)}.social-study-card-meta{flex:0 0 auto;max-width:46%;color:var(--index-stats-card-body-text-color);font-size:0.74rem;font-weight:700;text-align:end}.social-quest-list,.social-activity-list{display:grid;gap:var(--spacing-xs)}.social-quest-item,.social-activity-item,.social-panel-empty,.social-panel-loading,.social-activity-upgrade{border:1px solid var(--surface-card-border);border-radius:var(--radius-sm);background:var(--compact-control-bg)}.social-quest-item,.social-activity-item{display:grid;gap:6px;padding:var(--spacing-sm)}.social-quest-item-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-sm)}.social-quest-title-line{display:inline-flex;align-items:center;gap:var(--spacing-xs);min-width:0}.social-quest-item h3{margin:0;color:var(--index-panel-title-color);font-size:0.86rem;line-height:1.25}.social-quest-help{position:relative;display:inline-flex;flex:0 0 auto;align-items:center}.social-quest-help-button{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:1px solid var(--compact-control-border);border-radius:var(--radius-xs);background:var(--compact-control-bg);color:var(--compact-control-text);font-size:0.72rem;font-weight:800;line-height:1;cursor:pointer}.social-quest-help-button:hover,.social-quest-help-button:focus-visible{border-color:var(--accent-color);background:var(--compact-control-hover-bg);color:var(--accent-color);outline:none}.social-quest-help-content{position:absolute;z-index:var(--z-tooltip,700);bottom:100%;left:50%;display:none;width:min(250px,calc(100vw - 48px));margin-bottom:8px;padding:10px 12px;transform:translateX(-50%);border-radius:var(--radius-sm);background:var(--quest-tooltip-background,#212529);color:var(--quest-tooltip-text,#ffffff);box-shadow:var(--shadow-lg);font-size:0.75rem;font-weight:600;line-height:1.4;pointer-events:none;text-align:left}.social-quest-help-arrow{position:absolute;top:100%;left:50%;width:0;height:0;transform:translateX(-50%);border:6px solid transparent;border-top-color:var(--quest-tooltip-background,#212529)}.social-quest-help.is-open .social-quest-help-content{display:block}@media (hover:hover){.social-quest-help:hover .social-quest-help-content{display:block}}.social-quest-reward{color:var(--warning-color);font-size:0.72rem;font-weight:800;white-space:nowrap}.social-quest-progress{height:7px;overflow:hidden;border-radius:var(--radius-full);background:var(--surface-card-border)}.social-quest-progress span{display:block;height:100%;border-radius:inherit;background:var(--accent-color);transition:width var(--transition-slow)}.social-quest-item.is-complete .social-quest-progress span{background:var(--success-color)}.social-quest-count,.social-activity-time{color:var(--index-stats-card-body-text-color);font-size:0.74rem;font-weight:700}.social-study-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-xs);padding:3px;border:1px solid var(--compact-control-border);border-radius:var(--radius-md);background:var(--compact-control-bg)}.social-study-tabs button{min-height:32px;border:0;border-radius:calc(var(--radius-md) - 3px);background:transparent;color:var(--index-stats-card-body-text-color);font-weight:800;cursor:pointer}.social-study-tabs button.is-active{background:var(--btn-primary-bg);color:var(--btn-primary-color);-webkit-text-fill-color:var(--btn-primary-color)}.social-activity-item{border-inline-start-width:3px}.social-activity-item.is-mistake{border-inline-start-color:var(--danger-color)}.social-activity-item.is-correct{border-inline-start-color:var(--success-color)}.social-activity-content{display:grid;gap:4px;min-width:0}.social-activity-word{overflow:hidden;color:var(--index-panel-title-color);font-size:0.9rem;font-weight:800;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.social-activity-answer{display:flex;flex-wrap:wrap;gap:5px;align-items:center;color:var(--compact-control-text);font-size:0.78rem;line-height:1.3}.social-activity-answer .answer-wrong{color:var(--danger-color);font-weight:800}.social-activity-answer .answer-correct{color:var(--success-color);font-weight:800}.social-activity-answer .answer-separator{color:var(--index-stats-card-body-text-color)}.social-panel-empty,.social-panel-loading{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);color:var(--index-stats-card-body-text-color);font-size:0.82rem;font-weight:700;line-height:1.35}.social-panel-loading .fa-spinner{animation:social-spin 0.9s linear infinite}.social-activity-upgrade{display:grid;gap:var(--spacing-sm);padding:var(--spacing-sm)}.social-activity-upgrade strong{color:var(--index-panel-title-color);font-size:0.9rem}.social-activity-upgrade p{font-size:0.82rem;line-height:1.4}.social-activity-upgrade .social-primary-button{min-height:36px}@keyframes social-spin{to{transform:rotate(360deg)}}.social-context-card p,.social-section-heading p,.social-chat-entry p,.social-notice p{margin:0;color:var(--index-stats-card-body-text-color)}.social-context-profile{display:grid;grid-template-columns:48px minmax(0,1fr);gap:var(--spacing-sm);align-items:center}.social-context-profile p{margin:2px 0 0;font-size:0.84rem}.social-mobile-header{display:none}.social-icon-button,.social-primary-button,.social-load-more,.social-pro-link,.social-notice a{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);min-height:42px;padding:0 var(--spacing-md);border:1px solid var(--compact-control-border);border-radius:var(--radius-md);background:var(--surface-card-bg);color:var(--compact-control-text);font-weight:700;text-decoration:none;cursor:pointer}.social-primary-button,.social-chat-button{background:var(--btn-primary-bg);border-color:var(--btn-primary-border);color:var(--btn-primary-color);-webkit-text-fill-color:var(--btn-primary-color);box-shadow:var(--btn-primary-shadow)}.social-primary-button:hover,.social-chat-button:hover{background:var(--btn-primary-hover-bg);box-shadow:var(--btn-primary-shadow-hover)}.social-primary-button i,.social-chat-button i{color:currentColor;-webkit-text-fill-color:currentColor}.dark-mode .social-page textarea,.dark-mode .social-page input,.dark-mode .social-page select,.dark-mode .social-page .social-search-input{background:var(--compact-control-bg)!important;border-color:var(--compact-control-border)!important;color:var(--compact-control-text)!important}.dark-mode .social-page textarea::placeholder,.dark-mode .social-page input::placeholder{color:var(--index-stats-card-body-text-color)}.social-notice{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--spacing-md);align-items:center;padding:var(--spacing-md);margin-bottom:var(--spacing-lg);border:1px solid var(--compact-control-border);border-radius:var(--radius-md);background:var(--compact-control-bg);margin:var(--spacing-md)}.social-notice>i{color:var(--warning-color);font-size:1.4rem}.social-main-panel{min-height:calc(100vh - 76px);background:var(--surface-card-bg)}.social-section-heading{display:flex;justify-content:space-between;gap:var(--spacing-md);align-items:flex-start;margin:0;padding:var(--spacing-md);border-bottom:1px solid var(--surface-card-border)}.social-sticky-heading{position:sticky;top:0;z-index:5;background:color-mix(in srgb,var(--surface-card-bg) 92%,transparent);backdrop-filter:blur(14px)}.social-section-heading h2,.social-chat-entry h2,.social-timeline-header h2{margin:0 0 4px;font-size:1.25rem}.social-pro-link{min-height:36px;color:var(--warning-color);white-space:nowrap}.social-filters{display:grid;gap:var(--spacing-md);padding:var(--spacing-md);border-bottom:1px solid var(--surface-card-border)}.social-filter-row label,.social-filter-grid label{display:grid;gap:6px;font-size:0.84rem;font-weight:700;color:var(--compact-language-section-title-color)}.social-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-sm)}.social-pro-filter{position:relative}.social-pro-filter.is-locked{cursor:pointer;overflow:hidden;border:1px solid var(--compact-control-border);border-radius:var(--radius-md);padding:var(--spacing-sm);background:var(--surface-card-bg)}.social-pro-filter.is-locked>:not(.social-pro-filter-badge){filter:blur(1.4px);opacity:0.58;pointer-events:none;user-select:none}.social-pro-filter.is-locked:hover,.social-pro-filter.is-locked:focus-visible{border-color:var(--accent-color);box-shadow:var(--surface-card-hover-shadow);outline:none}.social-pro-filter-badge{position:absolute;top:50%;inset-inline-end:var(--spacing-sm);transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:0 10px;border-radius:999px;background:var(--accent-color);color:var(--white);font-size:0.75rem;font-weight:800;letter-spacing:0;box-shadow:var(--shadow-sm);z-index:1}body.dark-mode .social-pro-filter.is-locked{background:var(--compact-control-bg)}body.dark-mode .social-pro-filter-badge{background:var(--compact-language-option-active-bg);color:var(--compact-language-option-active-color);border:1px solid var(--compact-control-border)}.social-search-input{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--spacing-sm);padding:0 var(--spacing-md);border:1px solid var(--compact-control-border);border-radius:var(--radius-md);background:var(--surface-card-bg)}.social-search-input input,.social-filter-grid select,.social-filter-grid input{width:100%;min-height:42px;border:1px solid var(--compact-control-border);border-radius:var(--radius-md);background:var(--surface-card-bg);color:var(--compact-control-text);padding:0 var(--spacing-sm)}.social-search-input input{border:0;background:transparent;padding:0}.social-age-range{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xs)}.social-filter-help{color:var(--index-stats-card-body-text-color);font-size:0.78rem;font-weight:500;line-height:1.35}.social-filter-actions{display:flex;justify-content:flex-end}.social-results{display:grid;grid-template-columns:1fr;gap:0}.social-user-card,.social-feed-item,.social-empty-state{border:0;border-bottom:1px solid var(--surface-card-border);border-radius:0;background:var(--surface-card-bg);color:var(--index-stats-card-title-color);padding:var(--spacing-md)}.social-user-card{display:grid;gap:var(--spacing-xs);padding-block:var(--spacing-sm)}.social-user-top{display:grid;grid-template-columns:92px minmax(0,1fr) auto;gap:var(--spacing-sm);align-items:flex-start}.social-feed-user{display:grid;grid-template-columns:48px minmax(0,1fr);gap:var(--spacing-sm);align-items:center}.social-avatar{width:48px;height:48px;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:var(--btn-primary-bg);color:var(--btn-primary-color);-webkit-text-fill-color:var(--btn-primary-color);font-weight:800}.social-avatar img{width:100%;height:100%;object-fit:cover}.social-discover-avatar-column{display:grid;justify-items:center;align-content:start;gap:6px;min-width:0}.social-discover-avatar-column>.social-avatar{width:44px;height:44px}.social-discover-presence{display:inline-flex;align-items:center;justify-content:center;gap:4px;max-width:100%;color:var(--index-stats-card-body-text-color);font-size:0.68rem;font-weight:800;line-height:1.15;text-align:center}.social-discover-presence-dot{flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:color-mix(in srgb,var(--index-stats-card-body-text-color) 62%,transparent)}.social-discover-presence.is-online{color:var(--success-color)}.social-discover-presence.is-online .social-discover-presence-dot{background:var(--success-color)}.social-discover-presence-label{min-width:0;overflow-wrap:anywhere}.social-username,.social-display-name{color:var(--index-panel-title-color);font-weight:800;text-decoration:none;overflow-wrap:anywhere}.social-author-line{display:flex;align-items:baseline;flex-wrap:wrap;gap:0.25rem;min-width:0}.social-author-line .social-display-name{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-discover-name-line{align-items:center}.social-demographic-badge{display:inline-flex;align-items:center;justify-content:center;min-height:18px;padding:2px 7px;border:1px solid transparent;border-radius:var(--radius-full);font-size:0.68rem;font-weight:900;line-height:1;white-space:nowrap}.social-author-line .pro-icon.inline,.social-dm-thread-header .pro-icon.inline{flex:0 0 auto;height:1em;width:1em;margin:0 0 0 0;transform:translateY(1px)}.social-demographic-badge.is-man{border-color:color-mix(in srgb,var(--info-color) 54%,var(--surface-card-border));background:color-mix(in srgb,var(--info-color) 14%,var(--surface-card-bg));color:var(--index-stats-card-title-color)}.social-demographic-badge.is-woman{border-color:color-mix(in srgb,var(--danger-color) 48%,var(--surface-card-border));background:color-mix(in srgb,var(--danger-color) 12%,var(--surface-card-bg));color:var(--index-stats-card-title-color)}.social-demographic-badge.is-not-shown{border-color:color-mix(in srgb,var(--index-stats-card-body-text-color) 28%,var(--surface-card-border));background:color-mix(in srgb,var(--index-stats-card-body-text-color) 12%,var(--compact-control-bg));color:var(--index-stats-card-body-text-color)}.social-demographic-badge.is-symbol{width:22px;height:22px;min-height:22px;padding:0;border-radius:5px;font-size:0.95rem;line-height:1}.social-demographic-badge.is-symbol.is-man{border-color:var(--social-man-symbol-bg);background:var(--social-man-symbol-bg);color:var(--social-man-symbol-color)}.social-demographic-badge.is-symbol.is-woman{border-color:var(--social-woman-symbol-bg);background:var(--social-woman-symbol-bg);color:var(--social-woman-symbol-color)}body.dark-mode .social-demographic-badge.is-man{border-color:color-mix(in srgb,var(--info-color) 58%,var(--surface-card-border));background:color-mix(in srgb,var(--info-color) 18%,var(--surface-card-bg));color:var(--index-stats-card-title-color)}body.dark-mode .social-demographic-badge.is-woman{border-color:color-mix(in srgb,var(--danger-color) 54%,var(--surface-card-border));background:color-mix(in srgb,var(--danger-color) 18%,var(--surface-card-bg));color:var(--index-stats-card-title-color)}body.dark-mode .social-demographic-badge.is-not-shown{border-color:color-mix(in srgb,var(--index-stats-card-body-text-color) 48%,var(--surface-card-border));background:color-mix(in srgb,var(--index-stats-card-body-text-color) 16%,var(--surface-card-bg));color:var(--index-stats-card-title-color)}.social-author-meta{display:grid;gap:2px;min-width:0}.social-author-handle,.social-meta-separator{color:var(--index-stats-card-body-text-color);font-size:0.84rem;font-weight:700}.social-author-location-line.social-discover-location-line{display:inline-flex;align-items:center;gap:0.3rem;min-width:0;max-width:100%;width:auto;margin-top:0;overflow:hidden;color:var(--index-stats-card-body-text-color);font-size:0.8rem;font-weight:700;line-height:1.2}.social-author-location-line.social-discover-location-line i{flex:0 0 auto;color:var(--index-stats-card-body-text-color);font-size:0.76rem}.social-author-location-line.social-discover-location-line span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-author-language-line{display:flex;align-items:center;flex-wrap:wrap;gap:4px 6px;min-width:0;color:var(--index-stats-card-body-text-color);font-size:0.78rem;font-weight:800;line-height:1.2}.social-discover-language-line{flex-wrap:nowrap;gap:3px;overflow:hidden}.social-language-summary-item{display:inline-flex;align-items:center;gap:5px;min-width:0;white-space:nowrap}.social-discover-language-line .social-language-summary-item{gap:3px}.social-language-route{display:inline-flex;align-items:center;letter-spacing:0}.social-language-separator{color:var(--index-stats-card-body-text-color);opacity:0.8}.social-rank-progress{display:inline-grid;grid-template-columns:repeat(7,6px);gap:2px;align-items:center}.social-discover-language-line .social-rank-progress{grid-template-columns:repeat(7,4px);gap:1px}.social-rank-segment{width:6px;height:8px;border-radius:2px;border:1px solid color-mix(in srgb,var(--accent-color) 24%,var(--surface-card-border));background:color-mix(in srgb,var(--index-stats-card-body-text-color) 18%,transparent)}.social-discover-language-line .social-rank-segment{width:4px;height:7px}.social-rank-segment.is-filled{border-color:color-mix(in srgb,var(--accent-color) 72%,var(--surface-card-border));background:var(--accent-color)}.social-card-meta,.social-feed-meta{color:var(--index-stats-card-body-text-color);font-size:0.84rem}.social-profile-bio{display:-webkit-box;margin:0;overflow:hidden;color:var(--compact-control-text);font-size:0.86rem;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.social-user-button-group{display:flex;flex-wrap:nowrap;gap:var(--spacing-xs);align-items:center;justify-content:flex-end}.social-user-menu-wrapper{flex:0 0 auto}.social-message-button{width:34px;height:34px;display:inline-grid;place-items:center;border:1px solid color-mix(in srgb,var(--accent-color) 58%,var(--compact-control-border));border-radius:var(--radius-full);background:var(--surface-card-bg);color:var(--accent-color);font-weight:800;cursor:pointer}.social-card-icon-action{width:34px;height:34px;display:inline-grid;place-items:center;border:1px solid var(--compact-control-border);border-radius:var(--radius-md);background:var(--surface-card-bg);color:var(--compact-language-section-title-color);cursor:pointer}.social-user-menu-toggle{width:34px;height:34px;border:1px solid var(--compact-control-border);border-radius:var(--radius-full);background:var(--surface-card-bg)}.social-user-menu .social-block-user,.social-dm-thread-action-menu .social-block-user{color:var(--danger-color,#dc2626)}.social-card-icon-action:hover,.social-card-icon-action:focus-visible,.social-muted-action:hover,.social-muted-action:focus-visible{border-color:color-mix(in srgb,var(--accent-color) 45%,var(--compact-control-border));color:var(--accent-color)}.social-danger-action,.social-block-user:hover,.social-block-user:focus-visible{color:var(--danger-color,#dc2626)}.social-load-more{width:100%;margin-top:var(--spacing-md)}.social-timeline-panel{display:grid;align-content:start;gap:0;background:var(--surface-card-bg)}.social-timeline-header{display:flex;justify-content:space-between;gap:var(--spacing-md);align-items:flex-start;padding:var(--spacing-md);border-bottom:1px solid var(--surface-card-border)}.social-timeline-header h3{margin:0 0 4px;font-size:1.05rem}.social-timeline-header p{margin:0;color:var(--index-stats-card-body-text-color)}.social-feed-tabs{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);justify-content:flex-end}.social-feed-tabs button{min-height:34px;padding:0 var(--spacing-sm);border:1px solid var(--compact-control-border);border-radius:var(--radius-md);background:var(--compact-control-bg);color:var(--compact-control-text);font-weight:800;cursor:pointer}.social-feed-tabs button.is-active{background:var(--btn-primary-bg);border-color:var(--btn-primary-border);color:var(--btn-primary-color);-webkit-text-fill-color:var(--btn-primary-color)}.social-timeline-form{display:grid;gap:var(--spacing-sm);padding:var(--spacing-md);border-bottom:1px solid var(--surface-card-border)}.social-composer-avatar{display:grid;grid-template-columns:48px minmax(0,1fr);gap:var(--spacing-sm);align-items:start}.social-timeline-form textarea{width:100%;min-height:92px;resize:vertical;border:1px solid var(--compact-control-border);border-radius:var(--radius-md);background:var(--compact-control-bg);color:var(--compact-control-text);padding:var(--spacing-sm);font:inherit;line-height:1.45}.social-composer-input-shell{display:grid;width:100%;overflow:hidden;border:1px solid var(--compact-control-border);border-radius:var(--radius-md);background:var(--compact-control-bg);transition:border-color 160ms ease,box-shadow 160ms ease}.social-composer-input-shell:focus-within{border-color:color-mix(in srgb,var(--accent-color) 72%,var(--compact-control-border));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-color) 18%,transparent)}.social-composer-input-shell textarea,.social-inline-comment-form .social-composer-input-shell textarea,.social-comment-form .social-composer-input-shell textarea,.social-comment-reply-form .social-composer-input-shell textarea{border:0;border-radius:0;background:transparent;box-shadow:none;outline:none}.social-composer-inline-media-preview{width:100%;padding:0 var(--spacing-sm) var(--spacing-sm)}.social-timeline-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);align-items:center;padding-inline-start:calc(48px + var(--spacing-sm))}.social-timeline-feed{display:grid;gap:0}.social-timeline-post{display:grid;gap:var(--spacing-sm);border:0;border-bottom:1px solid var(--surface-card-border);border-radius:0;background:var(--surface-card-bg);padding:var(--spacing-md)}.social-timeline-post.is-deleted{background:linear-gradient(0deg,color-mix(in srgb,var(--danger-color,#dc2626) 4%,transparent),transparent),var(--surface-card-bg)}.social-timeline-post.is-pinned{box-shadow:inset 4px 0 0 var(--accent-color)}:root[dir="rtl"] .social-timeline-post.is-pinned{box-shadow:inset -4px 0 0 var(--accent-color)}.social-timeline-post:not(.is-detail),.social-timeline-post.is-linkable-detail{cursor:pointer}.social-timeline-post-header{display:grid;grid-template-columns:48px minmax(0,1fr) auto auto;gap:var(--spacing-sm);align-items:start}.social-post-status-badge{align-self:start;border-radius:999px;padding:4px 8px;font-size:0.74rem;font-weight:900;line-height:1;text-transform:uppercase}.social-post-status-badge.is-deleted{border:1px solid color-mix(in srgb,var(--danger-color,#dc2626) 32%,transparent);background:color-mix(in srgb,var(--danger-color,#dc2626) 12%,transparent);color:var(--danger-color,#dc2626)}.social-feed-meta{display:inline-flex;width:fit-content;text-decoration:none}.social-feed-meta:hover,.social-feed-meta:focus-visible{color:var(--accent-color)}.social-post-menu-wrapper{position:relative;justify-self:end}.social-post-menu-wrapper.is-menu-open{z-index:5800}.social-post-menu-toggle{width:36px;height:36px;display:grid;place-items:center;border:1px solid transparent;border-radius:50%;background:transparent;color:var(--compact-language-section-title-color);cursor:pointer}.social-post-menu-toggle i{color:currentColor;-webkit-text-fill-color:currentColor}.social-post-menu-toggle:hover,.social-post-menu-toggle:focus-visible{border-color:var(--compact-control-border);background:var(--compact-control-bg);color:var(--accent-color)}.social-admin-post-menu-toggle{border-color:color-mix(in srgb,var(--danger-color,#dc2626) 42%,var(--compact-control-border));background:color-mix(in srgb,var(--danger-color,#dc2626) 10%,var(--surface-card-bg));color:var(--danger-color,#dc2626)}.social-admin-post-menu-toggle:hover,.social-admin-post-menu-toggle:focus-visible{border-color:color-mix(in srgb,var(--danger-color,#dc2626) 64%,var(--compact-control-border));background:color-mix(in srgb,var(--danger-color,#dc2626) 16%,var(--surface-card-bg));color:var(--danger-color,#dc2626)}.social-post-menu{position:absolute;top:calc(100% + 4px);inset-inline-end:0;z-index:5700;display:grid;min-width:168px;overflow:hidden;border:1px solid var(--social-menu-border);border-radius:var(--radius-md);background:var(--social-menu-bg)!important;background-color:var(--social-menu-bg)!important;color:var(--social-menu-text);box-shadow:var(--social-menu-shadow)}.social-page .social-post-menu{border-color:var(--social-menu-border)!important;background:var(--social-menu-bg)!important;background-color:var(--social-menu-bg)!important;box-shadow:var(--social-menu-shadow)!important}.social-post-menu.is-open-upward{top:auto;bottom:calc(100% + 4px)}.social-post-menu.is-align-left{inset-inline-end:auto;inset-inline-start:0}:root[dir="rtl"] .social-post-menu.is-align-left{inset-inline-start:auto;inset-inline-end:0}.social-post-menu button{min-height:40px;padding:0 var(--spacing-sm);border:0;border-bottom:1px solid var(--social-menu-border);background:transparent;color:var(--social-menu-text);font:inherit;font-weight:700;text-align:start;cursor:pointer}.social-post-menu button:last-child{border-bottom:0}.social-post-menu button:hover,.social-post-menu button:focus-visible{background:var(--social-menu-hover-bg)!important;color:var(--social-menu-text)}.social-timeline-delete{color:var(--danger-color,#dc2626)}.social-timeline-restore{color:var(--accent-color)}.social-timeline-pin,.social-timeline-unpin{color:var(--accent-color)}.social-timeline-content{color:var(--compact-control-text);line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.social-timeline-content a{color:var(--accent-color);font-weight:800;text-decoration:none}.social-post-content-load-more{border:0;background:transparent;color:var(--accent-color);cursor:pointer;font:inherit;font-weight:800;padding:0;text-decoration:none}.social-post-content-load-more:hover,.social-post-content-load-more:focus-visible{text-decoration:underline}.social-repost-context,.social-pinned-context{display:inline-flex;align-items:center;justify-self:start;gap:6px;color:var(--index-stats-card-body-text-color);font-size:0.84rem;font-weight:800;text-align:start}.social-pinned-context{color:var(--accent-color)}.social-repost-card{display:grid;gap:var(--spacing-xs);padding:var(--spacing-sm);border:1px solid var(--surface-card-border);border-radius:var(--radius-md);color:var(--social-repost-card-text,var(--compact-control-text));text-decoration:none;background:var(--social-repost-card-bg,var(--compact-control-bg))}.social-repost-card:hover,.social-repost-card:focus-visible{border-color:color-mix(in srgb,var(--accent-color) 45%,var(--surface-card-border))}.social-repost-card-header{display:grid;grid-template-columns:32px minmax(0,1fr);gap:var(--spacing-xs);align-items:center}.social-repost-card .social-avatar{width:32px;height:32px}.social-repost-card .social-author-handle,.social-repost-card .social-meta-separator,.social-repost-card .social-author-language-line{color:var(--social-repost-card-muted-text,var(--index-stats-card-body-text-color))}.social-repost-card p{color:var(--social-repost-card-text,var(--compact-control-text))}.social-repost-card p{margin:0;overflow-wrap:anywhere}.social-timeline-media-grid{display:grid;gap:var(--spacing-xs);grid-template-columns:repeat(2,minmax(0,1fr))}.social-timeline-media-grid.media-count-1{grid-template-columns:minmax(0,1fr)}.social-timeline-image-link,.social-timeline-video,.social-timeline-video-tile{display:block;width:100%;aspect-ratio:var(--social-media-aspect-ratio,1 / 1);border-radius:var(--radius-sm);overflow:hidden;background:var(--surface-card-bg)}.social-timeline-media-grid.media-count-1 .social-timeline-image-link,.social-timeline-media-grid.media-count-1 .social-timeline-video,.social-timeline-media-grid.media-count-1 .social-timeline-video-tile{max-height:min(520px,70vh)}.social-composer-input-shell .social-timeline-media-grid.media-count-1 .social-timeline-image-link,.social-composer-input-shell .social-timeline-media-grid.media-count-1 .social-timeline-video,.social-composer-input-shell .social-timeline-media-grid.media-count-1 .social-timeline-video-tile,.social-timeline-media-grid.is-preview.media-count-1 .social-timeline-image-link,.social-timeline-media-grid.is-preview.media-count-1 .social-timeline-video,.social-timeline-media-grid.is-preview.media-count-1 .social-timeline-video-tile{max-height:min(360px,54vh)}.social-repost-card .social-timeline-media-grid.media-count-1 .social-timeline-image-link,.social-repost-card .social-timeline-media-grid.media-count-1 .social-timeline-video,.social-repost-card .social-timeline-media-grid.media-count-1 .social-timeline-video-tile{max-height:min(320px,46vh)}.social-timeline-media-grid.is-expanded.media-count-1 .social-timeline-image-link,.social-timeline-media-grid.is-expanded.media-count-1 .social-timeline-video,.social-timeline-media-grid.is-expanded.media-count-1 .social-timeline-video-tile{max-height:min(760px,82vh)}.social-timeline-image-link,.social-timeline-video-tile{position:relative;display:grid;place-items:center;padding:0;border:0;color:inherit;cursor:zoom-in}.social-timeline-image-link img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}.social-timeline-video,.social-timeline-video-tile{width:100%;height:100%;object-fit:cover}.social-timeline-media-grid.is-expanded .social-timeline-image-link img,.social-timeline-media-grid.is-expanded .social-timeline-video,.social-timeline-media-grid.is-expanded .social-timeline-video-preview{object-fit:contain}.social-timeline-video-tile{position:relative;display:grid;align-items:center;justify-content:center;background:#000;color:var(--gray-100);font-weight:850}.social-timeline-video-tile:not(button){cursor:default}.social-timeline-video-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000}.social-timeline-video-overlay{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border:1px solid rgb(255 255 255 / 0.22);border-radius:999px;background:rgb(0 0 0 / 0.44);color:var(--gray-100);box-shadow:0 10px 28px rgb(0 0 0 / 0.28)}.social-timeline-video-overlay i{font-size:2rem}.social-media-carousel{position:relative;width:100%;min-height:220px;max-height:520px;overflow:hidden;border:1px solid var(--surface-card-border);border-radius:var(--radius-sm);background:var(--surface-card-bg);outline:none}.social-media-carousel.is-preview,.social-composer-input-shell .social-media-carousel{min-height:180px;max-height:min(360px,54vh)}.social-media-carousel.is-expanded{max-height:min(760px,82vh)}.social-media-carousel:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-color) 28%,transparent)}.social-media-carousel-viewport{width:100%;height:100%;min-height:inherit;max-height:inherit;overflow:hidden}.social-media-carousel-track{display:flex;height:100%;min-height:inherit;transition:transform 180ms ease}.social-media-carousel-slide{flex:0 0 100%;display:flex;align-items:center;justify-content:center;min-width:0;min-height:inherit;max-height:inherit;background:var(--surface-card-bg)}.social-media-carousel-slide:is(button){padding:0;border:0;color:inherit;cursor:zoom-in}.social-media-carousel-slide img{display:block;width:100%;height:100%;max-height:inherit;object-fit:contain}.social-media-carousel-button{position:absolute;top:50%;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--compact-control-border);border-radius:999px;background:var(--gray-100);color:var(--index-stats-card-title-color);box-shadow:0 10px 28px rgb(0 0 0 / 0.22);cursor:pointer;transform:translateY(-50%)}.social-media-carousel-button.is-previous{left:var(--spacing-xs)}.social-media-carousel-button.is-next{right:var(--spacing-xs)}.social-media-carousel-button:disabled{opacity:0.45;cursor:default}.social-media-carousel-counter{position:absolute;right:var(--spacing-xs);bottom:var(--spacing-xs);z-index:2;padding:4px 8px;border-radius:999px;background:rgb(0 0 0 / 0.72);color:var(--gray-100);font-size:0.78rem;font-weight:800;pointer-events:none}.social-media-viewer-open{overflow:hidden}.social-media-viewer{position:fixed;inset:0;z-index:5600;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,440px);min-width:0;background:rgb(0 0 0 / 0.92);color:var(--gray-100)}.social-media-viewer-backdrop{position:absolute;inset:0;z-index:0;padding:0;border:0;background:transparent;cursor:default}.social-media-viewer-close,.social-media-viewer-nav{position:absolute;z-index:3;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid rgb(255 255 255 / 0.2);border-radius:999px;background:rgb(0 0 0 / 0.66);color:var(--gray-100);box-shadow:0 14px 38px rgb(0 0 0 / 0.32);cursor:pointer}.social-media-viewer-close{top:var(--spacing-md);left:var(--spacing-md)}.social-media-viewer-stage{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;padding:64px 58px}.social-media-viewer-frame{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:0}.social-media-viewer-image,.social-media-viewer-video{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 128px);object-fit:contain}.social-media-viewer-video{aspect-ratio:var(--social-media-aspect-ratio,16 / 9);background:#000}.social-media-viewer-nav{top:50%;transform:translateY(-50%)}.social-media-viewer-nav.is-previous{left:var(--spacing-md)}.social-media-viewer-nav.is-next{right:var(--spacing-md)}.social-media-viewer-nav:disabled{opacity:0.36;cursor:default}.social-media-viewer-counter{position:absolute;right:var(--spacing-md);bottom:var(--spacing-md);z-index:3;padding:5px 10px;border-radius:999px;background:rgb(0 0 0 / 0.68);color:var(--gray-100);font-size:0.82rem;font-weight:850;pointer-events:none}.social-media-viewer-context{position:relative;z-index:2;display:grid;align-content:start;gap:var(--spacing-sm);min-width:0;max-height:100vh;overflow:auto;border-inline-start:1px solid rgb(255 255 255 / 0.16);background:var(--gray-100);color:var(--index-stats-card-title-color);padding:var(--spacing-lg) var(--spacing-md)}.social-media-viewer-context-header{display:grid;grid-template-columns:44px minmax(0,1fr);gap:var(--spacing-sm);align-items:center}.social-media-viewer-context .social-avatar{width:44px;height:44px}.social-media-viewer-context.social-media-viewer-thread-panel{gap:0;padding:0}.social-media-viewer-thread-stack{display:grid;align-content:start;min-width:0}.social-media-viewer-thread-panel .social-timeline-post{border-bottom:1px solid var(--surface-card-border);background:transparent}.social-media-viewer-thread-heading{margin:0;padding:var(--spacing-md) var(--spacing-md) var(--spacing-sm);color:var(--index-stats-card-title-color);font-size:0.95rem;font-weight:850}.social-media-viewer-thread-comments{display:grid;min-width:0}.social-media-viewer-thread-comments .social-comment{padding:var(--spacing-md);border-bottom:1px solid var(--surface-card-border)}.social-media-viewer-comments-load-more{justify-self:stretch;margin:var(--spacing-md);min-height:38px;border:1px solid var(--compact-control-border);border-radius:var(--radius-md);background:var(--compact-control-bg);color:var(--compact-control-text);font-weight:800;cursor:pointer}.social-media-viewer-comments-load-more:disabled{opacity:0.6;cursor:default}.social-media-viewer-context-content{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--index-stats-card-title-color);line-height:1.48}.social-media-viewer-post-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:fit-content;min-height:38px;padding:0 var(--spacing-sm);border:1px solid var(--compact-control-border);border-radius:999px;background:var(--compact-control-bg);color:var(--compact-control-text);font-weight:850;text-decoration:none}.social-media-preview-shell{position:relative;display:grid;gap:var(--spacing-xs);width:100%}.social-composer-input-shell .social-media-preview-shell{overflow:hidden;border-radius:var(--radius-sm)}.social-media-preview-remove{position:absolute;top:var(--spacing-xs);right:var(--spacing-xs);z-index:3;display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 var(--spacing-sm);border:1px solid var(--compact-control-border);border-radius:999px;background:var(--gray-100);color:var(--index-stats-card-title-color);font-weight:900;box-shadow:0 10px 28px rgb(0 0 0 / 0.22);cursor:pointer}.social-media-preview-remove span{font-size:0.82rem}.social-post-interactions,.social-comment-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);align-items:center}.social-author-location-line{display:inline-flex;align-items:center;gap:6px;width:fit-content;max-width:100%;margin-top:var(--spacing-xs);color:var(--index-stats-card-body-text-color);font-size:0.84rem;font-weight:800;line-height:1.25}.social-author-location-line i{color:var(--accent-color);font-size:0.82rem}.social-author-location-line span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-post-interactions>button,.social-post-interactions>.social-repost-action-wrapper>button,.social-comment-actions>.social-repost-action-wrapper>button,.social-comment-actions button,.social-comment-load-replies{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 var(--spacing-sm);border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--index-stats-card-body-text-color);font-weight:800;cursor:pointer}.social-post-interactions>button:hover,.social-post-interactions>button:focus-visible,.social-post-interactions>.social-repost-action-wrapper>button:hover,.social-post-interactions>.social-repost-action-wrapper>button:focus-visible,.social-comment-actions>.social-repost-action-wrapper>button:hover,.social-comment-actions>.social-repost-action-wrapper>button:focus-visible,.social-comment-actions button:hover,.social-comment-actions button:focus-visible,.social-comment-load-replies:hover,.social-comment-load-replies:focus-visible{border-color:var(--compact-control-border);background:var(--compact-control-bg);color:var(--accent-color)}.social-post-interactions>button.is-active,.social-post-interactions>.social-repost-action-wrapper>button.is-active,.social-comment-actions>.social-repost-action-wrapper>button.is-active,.social-comment-actions button.is-active{color:var(--accent-color)}.social-repost-action-wrapper{position:relative}.social-comment-actions>.social-repost-action-wrapper>button{width:100%}.social-inline-comment-form,.social-comment-form,.social-comment-reply-form{display:grid;gap:var(--spacing-sm);align-items:stretch}.social-inline-comment-form textarea,.social-comment-form textarea,.social-comment-reply-form textarea{width:100%;min-height:42px;resize:vertical;border:1px solid var(--compact-control-border);border-radius:var(--radius-md);background:var(--compact-control-bg);color:var(--compact-control-text);padding:var(--spacing-sm);font:inherit}.social-composer-actions,.social-quote-modal-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.social-composer-media-button{flex:0 0 auto}.social-composer-media-preview,.social-quote-media-preview{width:100%}.social-comments-preview,.social-comments-list{display:grid;gap:var(--spacing-sm)}.social-comment-preview,.social-comment{display:grid;grid-template-columns:36px minmax(0,1fr);gap:var(--spacing-sm);align-items:start}.social-comment-preview .social-avatar,.social-comment .social-avatar{width:36px;height:36px}.social-comment-header{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);align-items:center}.social-comment-header .social-author-line{min-width:0}.social-comment-content{color:var(--compact-control-text);line-height:1.45;overflow-wrap:anywhere;white-space:pre-wrap}.social-view-all-comments{width:fit-content;color:var(--accent-color);font-weight:800;text-decoration:none}.social-post-shell{grid-template-columns:minmax(0,760px) minmax(0,1fr);justify-content:start;min-height:inherit}.social-post-center{background:var(--surface-card-bg);min-height:inherit}.social-post-detail{display:grid;align-content:start;width:100%;min-height:calc(100vh - var(--nav-height))}.social-post-detail-header{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--surface-card-border);background:var(--surface-card-bg)}.social-post-detail-header .social-icon-button{flex:0 0 42px;width:42px;min-width:42px;min-height:42px;padding:0;border-color:transparent;border-radius:50%;background:transparent}.social-post-detail-header .social-icon-button:hover,.social-post-detail-header .social-icon-button:focus-visible{border-color:var(--compact-control-border);background:var(--compact-control-bg)}.social-post-detail-header h1,.social-comments-panel h2{margin:0;font-size:1.1rem}.social-comments-panel{display:grid;gap:var(--spacing-md);padding:var(--spacing-md);border-bottom:1px solid var(--surface-card-border)}.social-post-detail-feed .social-timeline-post.is-detail{padding:var(--spacing-lg);border-bottom:1px solid var(--surface-card-border);background:var(--surface-card-bg)}.social-post-detail-feed .social-timeline-post.is-detail .social-timeline-content{font-size:1.05rem;line-height:1.58}.social-thread-panel,.social-thread-context{display:grid;gap:0}.social-comment{padding:var(--spacing-sm) 0;border-bottom:1px solid var(--surface-card-border)}.social-comment.is-thread-context{opacity:0.82}.social-comment.is-thread-parent{position:relative}.social-comment.is-thread-parent::after{content:"";position:absolute;top:calc(var(--spacing-sm) + 36px);bottom:calc(-1 * (var(--spacing-sm) + var(--spacing-md)));inset-inline-start:17px;z-index:0;width:2px;border-radius:999px;background:var(--surface-card-border);pointer-events:none}.social-comment.is-thread-context:last-child{border-bottom:0}.social-comment.is-thread-focus{grid-template-columns:44px minmax(0,1fr);gap:var(--spacing-md);margin:var(--spacing-sm) calc(var(--spacing-md) * -1);padding:var(--spacing-md);border:1px solid var(--accent-color);border-radius:var(--radius-md);background:color-mix(in srgb,var(--accent-color) 8%,var(--surface-card-bg));box-shadow:0 10px 24px color-mix(in srgb,#000 10%,transparent)}.social-comment.is-thread-focus .social-avatar{width:44px;height:44px}.social-comment.is-thread-focus .social-comment-content{font-size:1.03rem}.social-comment-body{display:grid;gap:var(--spacing-xs)}.social-comment-replies{display:grid;gap:var(--spacing-sm);padding-inline-start:var(--spacing-sm);border-inline-start:2px solid var(--surface-card-border)}.social-thread-direct-replies{margin-top:var(--spacing-sm);padding-inline-start:var(--spacing-md)}.social-comment.is-target:not(.is-thread-focus){border-radius:var(--radius-md);background:color-mix(in srgb,var(--accent-color) 10%,transparent)}.social-modal-open{overflow:hidden}.social-quote-modal{position:fixed;inset:0;z-index:5000;display:grid;place-items:center;padding:var(--spacing-md)}.social-quote-modal[hidden]{display:none}.social-quote-modal-backdrop{position:absolute;inset:0;background:rgb(0 0 0 / 0.66)}.social-quote-modal-panel{position:relative;z-index:1;display:grid;gap:var(--spacing-md);width:min(620px,100%);max-height:min(760px,calc(100vh - (var(--spacing-md) * 2)));overflow:auto;border:1px solid var(--surface-card-border);border-radius:var(--radius-lg);background:var(--gray-100);color:var(--index-stats-card-title-color);box-shadow:0 24px 72px rgb(0 0 0 / 0.36);padding:var(--spacing-md)}.social-quote-modal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.social-quote-modal-header h2{margin:0;font-size:1.1rem}.social-quote-modal-text{width:100%;min-height:112px;resize:vertical;border:1px solid var(--compact-control-border);border-radius:var(--radius-md);background:var(--compact-control-bg);color:var(--compact-control-text);padding:var(--spacing-sm);font:inherit}.social-quote-target .social-repost-card{margin:0;background:var(--social-repost-card-bg,var(--compact-control-bg))}.social-following-feed{display:grid;gap:0}.social-feed-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.social-feed-stat{padding:var(--spacing-xs);border-radius:var(--radius-sm);background:var(--compact-control-bg);color:var(--compact-control-text);font-size:0.82rem}.social-chat-entry{display:grid;gap:var(--spacing-md)}.social-dm-panel{background:var(--surface-card-bg);height:calc(100vh - 76px);min-height:0;display:grid;grid-template-rows:max-content minmax(0,1fr);overflow:hidden}.social-dm-layout{display:grid;grid-template-columns:minmax(210px,0.34fr) minmax(0,1fr);gap:0;min-height:0;height:100%;overflow:hidden}.social-dm-conversations,.social-dm-thread{min-width:0;min-height:0;border:0;border-inline-end:1px solid var(--surface-card-border);border-radius:0;background:var(--surface-card-bg)}.social-dm-thread{border-inline-end:0}.social-dm-conversations{display:flex;flex-direction:column;overflow:hidden}.social-dm-conversation-list{flex:1 1 auto;display:grid;grid-auto-rows:max-content;align-content:start;gap:2px;min-height:0;overflow:auto;overscroll-behavior:contain;padding:var(--spacing-xs)}.social-dm-conversation{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:var(--spacing-sm);align-items:center;width:100%;min-height:58px;padding:var(--spacing-xs);border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--compact-control-text);text-align:start;cursor:pointer}.social-dm-conversation.is-active,.social-dm-conversation:hover{border-color:var(--compact-control-border);background:var(--compact-control-bg)}.social-dm-conversation.has-unread .social-dm-conversation-name{color:var(--accent-color)}.social-dm-avatar{width:40px;height:40px;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:var(--btn-primary-bg);color:var(--btn-primary-color);-webkit-text-fill-color:var(--btn-primary-color);font-weight:800}.social-dm-avatar img{width:100%;height:100%;object-fit:cover}.social-dm-conversation-content{display:grid;gap:3px;min-width:0}.social-dm-conversation-name,.social-dm-conversation-preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-dm-conversation-name{font-weight:800}.social-dm-conversation-preview{color:var(--index-stats-card-body-text-color);font-size:0.82rem}.social-dm-unread-dot{width:9px;height:9px;border-radius:50%;background:var(--accent-color)}.social-dm-thread{display:grid;grid-template-rows:minmax(0,1fr);overflow:hidden}.social-dm-empty{min-height:0;height:100%;display:grid;place-items:center;align-content:center;gap:var(--spacing-sm);color:var(--index-stats-card-body-text-color);text-align:center}.social-dm-empty i{font-size:2rem;color:var(--accent-color)}.social-dm-active{min-width:0;min-height:0;height:100%;display:grid;grid-template-rows:max-content max-content minmax(0,1fr) max-content;overflow:hidden}.social-dm-thread-header{grid-row:1;min-width:0;display:flex;justify-content:space-between;gap:var(--spacing-sm);align-items:center;padding:var(--spacing-md);border-bottom:1px solid var(--surface-card-border)}#social-dm-load-older{grid-row:2}.social-dm-thread-actions{display:flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap;justify-content:flex-end}.social-dm-thread-identity{display:grid;gap:2px;min-width:0}.social-dm-thread-identity .social-author-handle{font-size:0.82rem}.social-dm-thread-menu-toggle{width:auto;min-height:42px;padding:0 var(--spacing-md);border:1px solid var(--compact-control-border);border-radius:var(--radius-md);background:var(--surface-card-bg)}.social-dm-messages{grid-row:3;display:flex;flex-direction:column;gap:4px;min-height:0;overflow:auto;overscroll-behavior:contain;padding:var(--spacing-md) var(--spacing-lg)}.social-dm-message{display:flex;align-items:flex-end;gap:8px;justify-content:flex-start;position:relative}.social-dm-message.is-own{justify-content:flex-end}.social-dm-message-avatar{width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:var(--btn-primary-bg);color:var(--btn-primary-color);-webkit-text-fill-color:var(--btn-primary-color);font-size:0.72rem;font-weight:900}.social-dm-message-avatar-link{width:28px;height:28px;flex:0 0 28px;display:grid;border-radius:50%;text-decoration:none}.social-dm-message-avatar img{width:100%;height:100%;object-fit:cover}.social-dm-message-stack{max-width:min(72%,620px);min-width:0;display:flex;flex-direction:column;align-items:flex-start}.social-dm-message.is-own .social-dm-message-stack{align-items:flex-end}.social-dm-bubble{display:grid;gap:6px;max-width:100%;padding:8px 12px;border:1px solid var(--surface-card-border);border-radius:20px;border-top-left-radius:6px;background:color-mix(in srgb,var(--surface-card-bg) 82%,var(--compact-control-bg));color:var(--compact-control-text);box-shadow:0 1px 0 color-mix(in srgb,var(--surface-card-border) 60%,transparent);overflow:visible}:root[dir="rtl"] .social-dm-bubble{border-top-left-radius:20px;border-top-right-radius:6px}.social-dm-message.is-own .social-dm-bubble{border-color:transparent;border-top-left-radius:20px;border-top-right-radius:6px;background:linear-gradient(135deg,var(--accent-color),color-mix(in srgb,var(--accent-color) 78%,#a855f7));color:var(--social-dm-own-text,var(--btn-primary-color));box-shadow:none}:root[dir="rtl"] .social-dm-message.is-own .social-dm-bubble{border-top-left-radius:6px;border-top-right-radius:20px}.social-dm-message.is-pending .social-dm-bubble{opacity:0.72}.social-dm-message.is-failed .social-dm-bubble{border-color:color-mix(in srgb,var(--danger-color) 54%,var(--surface-card-border));background:color-mix(in srgb,var(--danger-color) 10%,var(--surface-card-bg))}.social-dm-message-meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:flex-start;font-size:0.72rem;color:var(--index-stats-card-body-text-color);line-height:1.1}.social-dm-message.is-own .social-dm-message-meta{justify-content:flex-end;color:var(--social-dm-own-muted-text,color-mix(in srgb,var(--btn-primary-color) 78%,transparent));font-weight:800}.social-dm-deleted-badge{display:inline-flex;align-items:center;min-height:18px;padding:0 var(--spacing-xs);border-radius:999px;background:color-mix(in srgb,var(--danger-color) 12%,transparent);color:var(--danger-color);font-size:0.66rem;font-weight:900;text-transform:uppercase}.social-dm-message.is-deleted .social-dm-message-text{opacity:0.82}.social-dm-message-menu-wrapper{justify-self:auto}.social-dm-message-menu-toggle{width:28px;height:28px;border-radius:50%}.social-dm-message.is-own .social-dm-message-menu-toggle{color:var(--social-dm-own-text,var(--btn-primary-color))}.social-dm-message.is-own .social-dm-message-menu-toggle:hover,.social-dm-message.is-own .social-dm-message-menu-toggle:focus-visible{background:color-mix(in srgb,var(--social-dm-own-text,var(--btn-primary-color)) 14%,transparent)}.social-dm-admin-toggle{border-color:color-mix(in srgb,var(--danger-color,#dc2626) 42%,var(--compact-control-border));background:color-mix(in srgb,var(--danger-color,#dc2626) 10%,var(--surface-card-bg));color:var(--danger-color,#dc2626)}.social-dm-admin-toggle:hover,.social-dm-admin-toggle:focus-visible{border-color:color-mix(in srgb,var(--danger-color,#dc2626) 64%,var(--compact-control-border));background:color-mix(in srgb,var(--danger-color,#dc2626) 16%,var(--surface-card-bg));color:var(--danger-color,#dc2626)}.social-dm-message-menu .social-dm-message-reply,.social-dm-message-menu .social-dm-message-copy,.social-dm-message-menu .social-dm-message-react,.social-dm-message-menu .social-dm-message-remove-reaction,.social-dm-message-menu .social-dm-message-report{width:100%;height:auto;display:block;border-radius:0;padding:0 var(--spacing-sm);color:var(--compact-control-text);text-align:start}.social-dm-message-delete,.social-dm-message-remove-reaction,.social-dm-message-menu .social-block-user,.social-dm-message-menu .social-ban-user{color:var(--danger-color)!important}.social-dm-message-report{width:26px;height:26px;display:inline-grid;place-items:center;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--compact-language-section-title-color);cursor:pointer}.social-dm-message-report:hover,.social-dm-message-report:focus-visible{color:var(--accent-color);background:color-mix(in srgb,var(--accent-color) 10%,transparent)}.social-dm-message-meta a,.social-dm-message-text a{color:var(--accent-color);font-weight:800;text-decoration:none}.social-dm-message.is-own .social-dm-message-meta a,.social-dm-message.is-own .social-dm-message-text a{color:var(--social-dm-own-text,var(--btn-primary-color))}.social-dm-message-text{color:var(--compact-control-text);line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.social-dm-message.is-own .social-dm-message-text{color:var(--social-dm-own-text,var(--btn-primary-color))}.social-dm-reply-quote{width:100%;display:grid;gap:2px;padding:7px 9px;border:0;border-inline-start:3px solid var(--accent-color);border-radius:12px;background:color-mix(in srgb,var(--accent-color) 10%,var(--surface-card-bg));color:var(--compact-control-text);text-align:start;cursor:pointer}.social-dm-message.is-own .social-dm-reply-quote{border-inline-start-color:color-mix(in srgb,var(--social-dm-own-text,var(--btn-primary-color)) 82%,transparent);background:color-mix(in srgb,var(--social-dm-own-text,var(--btn-primary-color)) 16%,transparent);color:var(--social-dm-own-text,var(--btn-primary-color))}.social-dm-reply-label{color:var(--index-stats-card-body-text-color);font-size:0.72rem;font-weight:800;line-height:1.2}.social-dm-message.is-own .social-dm-reply-label{color:color-mix(in srgb,var(--social-dm-own-text,var(--btn-primary-color)) 78%,transparent)}.social-dm-reply-snippet{min-width:0;color:inherit;font-size:0.84rem;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-dm-message.is-highlighted .social-dm-bubble{outline:2px solid color-mix(in srgb,var(--accent-color) 68%,transparent);outline-offset:3px}.social-dm-reactions{display:flex;flex-wrap:wrap;gap:4px;margin:-2px 8px 0}.social-dm-message.is-own .social-dm-reactions{justify-content:flex-end}:root[dir="rtl"] .social-dm-message.is-own .social-dm-reactions{justify-content:flex-start}.social-dm-reaction{min-width:30px;min-height:24px;display:inline-flex;align-items:center;justify-content:center;gap:3px;padding:2px 7px;border:1px solid var(--surface-card-border);border-radius:999px;background:var(--surface-card-bg);color:var(--compact-control-text);box-shadow:var(--shadow-sm);cursor:pointer}.social-dm-reaction.is-active{border-color:var(--accent-color);background:color-mix(in srgb,var(--accent-color) 12%,var(--surface-card-bg))}.social-dm-reaction img,.social-dm-reaction-option img{width:auto;max-width:34px;height:18px;object-fit:contain}.social-dm-reaction-count{font-size:0.72rem;font-weight:900}.social-dm-reaction-picker{align-self:center;z-index:6;display:flex;flex-wrap:wrap;gap:6px;max-width:min(360px,88vw);margin:6px 0 2px;padding:8px;border:1px solid var(--social-menu-border);border-radius:18px;background:var(--social-menu-bg);color:var(--social-menu-text);box-shadow:var(--social-menu-shadow)}.social-dm-reaction-option{width:34px;height:34px;display:grid;place-items:center;border:1px solid transparent;border-radius:50%;background:transparent;cursor:pointer}.social-dm-reaction-option:hover,.social-dm-reaction-option:focus-visible,.social-dm-reaction-option.is-active{border-color:var(--accent-color);background:color-mix(in srgb,var(--accent-color) 12%,transparent)}.social-dm-read-receipt{justify-self:end;margin:2px 8px 0;color:var(--index-stats-card-body-text-color);font-size:0.72rem;font-weight:700;line-height:1.2}.social-dm-message.is-failed .social-dm-read-receipt{color:var(--danger-color)}.social-dm-upsell{align-self:stretch;display:grid;gap:var(--spacing-sm);margin:var(--spacing-sm) auto;max-width:520px;padding:var(--spacing-md);border:1px solid color-mix(in srgb,var(--accent-color) 42%,var(--surface-card-border));border-radius:var(--radius-md);background:var(--surface-card-bg);box-shadow:var(--shadow-sm);color:var(--compact-control-text)}.social-dm-upsell p{margin:0;color:var(--index-stats-card-body-text-color);font-size:0.88rem;line-height:1.45}.social-dm-upsell .social-primary-button{justify-self:start;min-height:36px}.social-dm-image-link{display:block}.social-dm-image-link img{display:block;max-width:min(100%,280px);max-height:360px;width:auto;height:auto;border-radius:16px;object-fit:contain}.social-dm-form{grid-row:4;position:relative;min-height:0;padding:var(--spacing-sm);border-top:1px solid var(--surface-card-border);background:var(--surface-card-bg)}.social-dm-reply-preview{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--compact-control-border);border-inline-start:3px solid var(--accent-color);border-radius:var(--radius-sm);background:var(--compact-control-bg);color:var(--compact-control-text)}.social-dm-reply-preview[hidden]{display:none}.social-dm-reply-preview-body{min-width:0;display:grid;gap:2px}.social-dm-cancel-reply{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--index-stats-card-body-text-color);cursor:pointer}.social-dm-cancel-reply:hover,.social-dm-cancel-reply:focus-visible{background:color-mix(in srgb,var(--accent-color) 10%,transparent);color:var(--accent-color)}.social-dm-composer{display:grid;grid-template-columns:40px 40px minmax(0,1fr) auto;gap:var(--spacing-xs);align-items:end}.social-dm-tool-button{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--compact-control-border);border-radius:var(--radius-md);background:var(--compact-control-bg);color:var(--compact-control-text);cursor:pointer}.social-dm-composer textarea{width:100%;min-height:40px;max-height:120px;overflow-y:auto;resize:none;border:1px solid var(--compact-control-border);border-radius:var(--radius-md);background:var(--compact-control-bg);color:var(--compact-control-text);padding:10px var(--spacing-sm);font:inherit}.social-dm-image-preview{margin-bottom:var(--spacing-xs)}.social-composer-inline-media-preview.social-dm-image-preview{margin-bottom:0}.social-dm-image-preview-inner{display:flex;justify-content:space-between;gap:var(--spacing-sm);align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--compact-control-border);border-radius:var(--radius-sm);background:var(--compact-control-bg);color:var(--compact-control-text);font-size:0.84rem}.social-dm-image-preview-inner button{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--accent-color);font-weight:800;cursor:pointer}.social-dm-emoji-picker{position:absolute;inset-inline-end:var(--spacing-sm);bottom:calc(100% + var(--spacing-xs));z-index:var(--z-popover);width:min(360px,calc(100vw - 48px));max-height:360px;display:grid;grid-template-rows:auto minmax(0,1fr);border:1px solid var(--social-menu-border);border-radius:var(--radius-md);background:var(--social-menu-bg);color:var(--social-menu-text);box-shadow:var(--social-menu-shadow);overflow:hidden}.social-dm-emoji-tabs{display:flex;gap:2px;padding:var(--spacing-xs);border-bottom:1px solid var(--social-menu-border)}.social-dm-emoji-tabs button{flex:1;min-height:34px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--compact-control-text);font-weight:800;cursor:pointer}.social-dm-emoji-tabs button.is-active{border-color:var(--compact-control-border);background:var(--compact-control-bg)}.social-dm-emoji-grid-wrap{overflow:auto}.social-dm-emoji-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--spacing-xs);padding:var(--spacing-sm)}.social-dm-emoji-grid:not([hidden]){display:grid}.social-dm-emoji-item{aspect-ratio:1;display:grid;place-items:center;border:1px solid var(--surface-card-border);border-radius:var(--radius-sm);background:var(--compact-control-bg);cursor:pointer}.social-dm-emoji-item:disabled{opacity:0.45;cursor:not-allowed}.social-dm-emoji-item img,.emoji-inline{max-width:28px;max-height:28px;object-fit:contain;vertical-align:middle}@media (max-width:980px){.social-page{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}.social-shell{grid-template-columns:minmax(0,1fr);width:min(100%,760px);margin:0 auto}.social-right-panel{display:none}.social-center{border-inline-end:0}.social-dm-layout{grid-template-columns:1fr;min-height:0;height:auto}.social-dm-panel{height:auto;overflow:visible}.social-dm-thread{min-height:calc(100vh - 340px)}.social-dm-conversation-list{max-height:260px}.social-media-viewer{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}.social-media-viewer-stage{padding:62px 54px 28px}.social-media-viewer-image,.social-media-viewer-video{max-height:calc(66vh - 88px)}.social-media-viewer-context{max-height:34vh;border-top:1px solid rgb(255 255 255 / 0.16);border-inline-start:0;padding:var(--spacing-md)}}@media (max-width:700px){.social-page{width:100vw;padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}.social-shell{display:block;width:100%}.social-center{border-inline-start:0;border-inline-end:0}.social-mobile-header{display:flex;justify-content:space-between;gap:var(--spacing-sm);align-items:center;padding:var(--spacing-md);border-bottom:1px solid var(--surface-card-border);background:var(--surface-card-bg)}.social-mobile-header h1{margin:0 0 4px;font-size:1.35rem}.social-mobile-header p{margin:0;color:var(--index-stats-card-body-text-color);font-size:0.84rem}.social-mobile-header .social-icon-button span{display:none}.social-section-heading,.social-notice{grid-template-columns:1fr}.social-filter-actions{width:100%;justify-content:stretch}.social-icon-button,.social-primary-button{flex:1}.social-timeline-header{flex-direction:column;align-items:stretch}.social-timeline-header{position:sticky;top:0}.social-feed-tabs{justify-content:stretch}.social-feed-tabs button,.social-timeline-actions .social-primary-button{flex:1}.social-timeline-actions{flex-direction:row;align-items:center}.social-timeline-actions .social-dm-tool-button{flex:0 0 40px}.social-timeline-media-grid{grid-template-columns:minmax(0,1fr)}.social-timeline-media-grid.media-count-1 .social-timeline-image-link,.social-timeline-media-grid.media-count-1 .social-timeline-video,.social-timeline-media-grid.media-count-1 .social-timeline-video-tile{max-height:min(420px,64vh)}.social-composer-input-shell .social-timeline-media-grid.media-count-1 .social-timeline-image-link,.social-composer-input-shell .social-timeline-media-grid.media-count-1 .social-timeline-video,.social-composer-input-shell .social-timeline-media-grid.media-count-1 .social-timeline-video-tile,.social-timeline-media-grid.is-preview.media-count-1 .social-timeline-image-link,.social-timeline-media-grid.is-preview.media-count-1 .social-timeline-video,.social-timeline-media-grid.is-preview.media-count-1 .social-timeline-video-tile{max-height:min(320px,54vh)}.social-timeline-media-grid.is-expanded.media-count-1 .social-timeline-image-link,.social-timeline-media-grid.is-expanded.media-count-1 .social-timeline-video,.social-timeline-media-grid.is-expanded.media-count-1 .social-timeline-video-tile,.social-media-carousel.is-expanded{max-height:min(580px,74vh)}.social-media-carousel{min-height:180px}.social-media-viewer-stage{padding:58px var(--spacing-md) 18px}.social-media-viewer-close{top:var(--spacing-sm);left:var(--spacing-sm)}.social-media-viewer-nav{width:38px;height:38px}.social-media-viewer-nav.is-previous{left:var(--spacing-sm)}.social-media-viewer-nav.is-next{right:var(--spacing-sm)}.social-media-viewer-image,.social-media-viewer-video{max-height:calc(62vh - 72px)}.social-media-viewer-context{max-height:38vh;padding:var(--spacing-sm)}.social-post-interactions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.social-comment-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.social-comment.is-thread-focus{grid-template-columns:40px minmax(0,1fr);margin-right:0;margin-left:0;padding:var(--spacing-sm)}.social-comment.is-thread-focus .social-avatar{width:40px;height:40px}.social-inline-comment-form,.social-comment-form,.social-comment-reply-form{grid-template-columns:minmax(0,1fr)}.social-quote-modal{align-items:end;padding:var(--spacing-sm)}.social-quote-modal-panel{max-height:calc(100vh - (var(--spacing-sm) * 2));border-radius:var(--radius-md);padding:var(--spacing-sm)}.social-composer-avatar{grid-template-columns:40px minmax(0,1fr)}.social-composer-avatar .social-avatar{width:40px;height:40px}.social-timeline-actions{padding-inline-start:0}.social-user-button-group>.social-card-icon-action{flex:0 0 42px;width:42px}.social-user-button-group>.social-user-menu-wrapper{flex:0 0 42px}.social-user-button-group .social-user-menu-toggle{width:42px;height:42px}.social-dm-panel{padding:0}.social-dm-active,.social-dm-empty{min-height:min(620px,calc(100vh - 150px));height:auto}.social-dm-thread-header{flex-direction:column;align-items:center}.social-dm-thread-actions{width:100%;justify-content:stretch}.social-dm-thread-actions .social-icon-button{flex:1;min-width:0}.social-dm-thread-actions .social-dm-thread-menu{flex:1;min-width:0}.social-dm-thread-actions .social-dm-thread-menu-toggle{width:100%}.social-dm-bubble{max-width:88%}.social-dm-composer{grid-template-columns:40px 40px minmax(0,1fr) 44px}.social-dm-composer .social-primary-button{width:44px;min-width:44px;padding:0}.social-dm-composer .social-primary-button span{display:none}.social-dm-emoji-picker{right:0;left:0;width:auto}}.social-messages-shell-page{height:100vh;width:100%;overflow:hidden}.social-messages-shell-page>main,.social-messages-shell-page.app-shell-body>main{flex:0 0 calc(100vh - var(--nav-height));height:calc(100vh - var(--nav-height));max-width:none;min-height:0;overflow:hidden;padding:0}@supports (height:100dvh){.social-messages-shell-page{height:100dvh}.social-messages-shell-page>main,.social-messages-shell-page.app-shell-body>main{flex-basis:calc(100dvh - var(--nav-height));height:calc(100dvh - var(--nav-height))}}.social-messages-shell-page footer{display:none}.social-page.social-page--messages{height:100%;min-height:0;padding-bottom:0;overflow:hidden}.social-page.social-page--messages .social-shell{grid-template-columns:minmax(0,1fr);align-items:stretch;width:100%;height:100%;min-height:0;overflow:hidden}.social-page.social-page--messages .social-center{display:grid;grid-template-rows:minmax(0,1fr);height:100%;min-height:0;overflow:hidden}.social-page.social-page--messages .social-mobile-header,.social-page.social-page--messages .social-notice,.social-page.social-page--messages .social-right-panel{display:none}.social-page.social-page--messages .social-main-panel,.social-page.social-page--messages .social-dm-panel,.social-page.social-page--messages .social-dm-layout,.social-page.social-page--messages .social-dm-conversations,.social-page.social-page--messages .social-dm-thread,.social-page.social-page--messages .social-dm-active,.social-page.social-page--messages .social-dm-empty{min-height:0}.social-page.social-page--messages .social-main-panel,.social-page.social-page--messages .social-dm-panel,.social-page.social-page--messages .social-dm-layout,.social-page.social-page--messages .social-dm-active,.social-page.social-page--messages .social-dm-empty{height:100%}.social-page.social-page--messages .social-dm-panel{overflow:hidden}@media (max-width:980px){.social-messages-shell-page>main,.social-messages-shell-page.app-shell-body>main{flex-basis:calc(100vh - var(--nav-height) - var(--app-mobile-rail-height));height:calc(100vh - var(--nav-height) - var(--app-mobile-rail-height));padding-bottom:0}@supports (height:100dvh){.social-messages-shell-page>main,.social-messages-shell-page.app-shell-body>main{flex-basis:calc(100dvh - var(--nav-height) - var(--app-mobile-rail-height));height:calc(100dvh - var(--nav-height) - var(--app-mobile-rail-height))}}.social-page.social-page--messages{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding-bottom:0}.social-page.social-page--messages .social-shell{display:grid;width:100%;margin:0}.social-page.social-page--messages .social-dm-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.social-page.social-page--messages .social-dm-panel{height:100%;overflow:hidden}.social-page.social-page--messages .social-dm-thread{min-height:0}.social-page.social-page--messages .social-dm-conversation-list{max-height:min(220px,30vh)}}@media (max-width:700px){.social-page.social-page--messages .social-dm-conversation-list{max-height:min(190px,28vh)}}