.reaction{display:flex;-webkit-touch-callout:none;align-items:center;text-decoration:none;color:inherit}.actionBar-action--reaction[role="button"]{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}.actionBar-action--reaction[role="button"]:focus{outline:2px solid #0084FF;outline-offset:2px}.actionBar-action--reaction[role="button"]:focus:not(:focus-visible){outline:none}.postbit_buttons .actionBar-action--reaction,.actionBar-action--reaction{display:inline-flex;align-items:center;gap:3px;padding:3px 6px;font-size:11px;background:#f5f5f5;border:1px solid #ccc;border-radius:6px;text-decoration:none;cursor:pointer;vertical-align:middle}.postbit_buttons .actionBar-action--reaction .reaction-text,.actionBar-action--reaction .reaction-text{display:inline-block;height:16px;line-height:16px;margin-left:0;padding-left:0}.reaction-button-icon{display:inline-flex;align-items:center;justify-content:center}.reaction-button-icon .reaction-image{width:16px;height:16px;vertical-align:middle;display:inline-block;pointer-events:none}.reaction-button-icon .reaction-sprite{vertical-align:middle}.postbit_buttons .actionBar-action--reaction:not(.has-reaction):before,.actionBar-action--reaction:not(.has-reaction):before{content:"\f164";font-family:"Font Awesome 5 Free";font-weight:900;font-size:1em;color:#2fafed;width:1em;display:inline-flex;align-items:center;justify-content:center;margin-right:3px}.postbit_buttons .actionBar-action--reaction:not(.has-reaction) .reaction-button-icon,.actionBar-action--reaction:not(.has-reaction) .reaction-button-icon{display:none}.postbit_buttons .actionBar-action--reaction.has-reaction:before,.actionBar-action--reaction.has-reaction:before{display:none}.postbit_buttons .actionBar-action--reaction.has-reaction .reaction-button-icon,.actionBar-action--reaction.has-reaction .reaction-button-icon{display:inline-flex}.reaction--small,.reaction--medium{display:inline-block}.reaction--small .reaction-text,.reaction--medium .reaction-text{margin-left:0}.reaction--right{justify-content:flex-end}.reaction--inline{display:inline-flex}a.reaction:hover,a.reaction:focus,.reaction:hover,.reaction:focus{text-decoration:none}.reaction-notification{position:fixed;top:20px;right:20px;max-width:450px;z-index:999999 !important;border-radius:8px;box-shadow:0 6px 20px rgba(0,0,0,0.25);background:#fff;border:2px solid;animation:reactionNotificationSlide 0.3s ease-out;font-family:Arial,sans-serif;font-size:14px;line-height:1.5}.reaction-notification--error{border-color:#d32f2f;background:linear-gradient(135deg,#ffebee 0%,#ffcdd2 100%);color:#c62828;box-shadow:0 6px 20px rgba(211,47,47,0.3)}.reaction-notification--success{border-color:#388e3c;background:linear-gradient(135deg,#e8f5e8 0%,#c8e6c9 100%);color:#2e7d32;box-shadow:0 6px 20px rgba(56,142,60,0.3)}.reaction-notification--warning{border-color:#f57c00;background:linear-gradient(135deg,#fff3e0 0%,#ffe0b2 100%);color:#ef6c00;box-shadow:0 6px 20px rgba(245,124,0,0.3)}.reaction-notification-content{padding:16px 20px;position:relative;min-height:20px;display:flex;align-items:center}.reaction-notification-close{position:absolute;top:10px;right:10px;cursor:pointer;font-size:20px;font-weight:bold;background:rgba(0,0,0,0.1);border:none;padding:5px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all 0.2s ease}.reaction-notification-close:hover{background:rgba(0,0,0,0.2);transform:scale(1.1)}.reaction-notification-message{margin-right:40px;font-size:14px;line-height:1.5;font-weight:500;word-wrap:break-word}.reaction-notification,.jGrowl{z-index:999999 !important}#jGrowl{display:none !important}@keyframes reactionNotificationSlide{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@media (max-width:768px){.reaction-notification{left:10px;right:10px;max-width:none;top:10px}}a.reaction:hover .reaction-text,a.reaction:focus .reaction-text,.reaction:hover .reaction-text,.reaction:focus .reaction-text{text-decoration:none;opacity:1}.reaction-image{vertical-align:text-bottom}.reaction--small .reaction-image{max-width:16px;max-height:16px}.reaction--medium .reaction-image{max-width:21px;max-height:21px}.reaction-sprite{vertical-align:text-bottom;display:inline-block}.reaction-text{align-self:center}.reaction-text::after{content:" ";font-weight:700;height:1px;color:transparent;overflow:hidden;visibility:hidden}.has-reaction .reaction-text{font-weight:700}.reaction--small .reaction-text{margin-left:0}.reactionScore{display:inline-block;padding:2px 3px;min-width:16px;text-align:center;vertical-align:text-bottom;border-radius:3px;font-size:11px;background:#f0f0f0;color:#333}.reactionScore:hover{background:#e0e0e0}.reaction_bar_parent{margin-top:15px;display:block;width:100%;padding:10px 0}.reactionsBar{display:none;margin-top:10px;padding:6px 15px;background:#f0f7fd;border:1px solid #dcecf9;font-size:13px;border-left:3px solid #198ff3;transition:opacity 0.2s ease;align-items:center}.reactionsBar.is-active{display:flex}.reactionsBar-link{color:#0084FF;text-decoration:none;display:flex;align-items:center;width:100%}.reactionsBar-link:hover{text-decoration:none}.reactionsBar-link:hover .reactionsBar-text{text-decoration:underline}.reactionsBar-text{margin-left:5px}.reactionSummary{display:inline-flex;list-style:none;margin:0;padding:0;align-items:center;margin-right:8px}.reactionSummary>li{display:flex;height:22px;width:22px;padding:0;margin:0;background:#fff;border-radius:50%;position:relative;margin-left:-8px;border:2px solid #fff;justify-content:center;align-items:center;box-shadow:0 1px 2px rgba(0,0,0,0.1)}.reactionSummary>li:nth-child(1){z-index:3;margin-left:0}.reactionSummary>li:nth-child(2){z-index:2}.reactionSummary>li:nth-child(3){z-index:1}.reactionSummary .reaction,.reactionSummary .reaction-image{display:block;width:16px;height:16px}.reactionsBar .reactionSummary>li{background:#fff}.reactionSummary img{width:16px;height:16px;vertical-align:middle;display:inline-block}.tooltip--reaction{max-width:100%;padding:0;margin:5px 0;filter:drop-shadow(0 2px 5px rgba(0,0,0,0.2));background:#fff}.tooltip-content-inner{position:relative}.tooltip--reaction .tooltip-content{background:#fff;padding:0;text-align:center;border:1px solid #ddd;border-radius:8px;position:relative;z-index:10}.tooltip-arrow{position:absolute;bottom:-6px;left:50%;margin-left:-6px;width:12px;height:12px;background:#fff;border-right:1px solid #ddd;border-bottom:1px solid #ddd;transform:rotate(45deg);z-index:5}.reactTooltip{display:flex;gap:8px;padding:8px;align-items:center;justify-content:center}.reactTooltip .reaction{display:inline-block;padding:4px;border-radius:4px;transition:0.2s ease;transform-origin:center bottom;transition:transform 0.2s cubic-bezier(0.175,0.885,0.32,1.275)}.reactTooltip .reaction:hover{transform:scale(1.5) translateY(-5px);z-index:100}.actionBar-action--reaction.has-reaction .reaction-text{font-weight:700}.author_reactions{margin-top:3px}.author_reactions strong{font-weight:bold}.reactions-profile-stats{display:flex;flex-wrap:wrap;gap:20px;padding:10px 0}.reactions-profile-stat-item{display:flex;align-items:center;gap:8px}.reactions-profile-stat-item .label{font-weight:700}.reactions-profile-stat-item .value a{text-decoration:none;background:#f1f1f1;padding:2px 8px;border-radius:12px;font-weight:700;color:#333;transition:background 0.2s ease}.reactions-profile-stat-item .value a:hover{background:#e0e0e0}.reactions-history{padding:10px}.reactions-history-header{margin-bottom:15px;border-bottom:2px solid #eee;padding-bottom:5px}.reactions-history-header h3{margin:0;font-size:18px}.reaction-image-small{width:24px;height:24px;vertical-align:middle}.content-info .smalltext{color:#666;margin-top:4px}.overlay-container{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);z-index:99999;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.2s ease;pointer-events:none}.overlay-container.is-active{opacity:1;pointer-events:auto}.overlay{background:#fff;width:600px;max-width:90%;height:500px;max-height:90vh;border-radius:4px;box-shadow:0 5px 15px rgba(0,0,0,0.5);display:flex;flex-direction:column;transform:scale(0.9);transition:transform 0.2s cubic-bezier(0.175,0.885,0.32,1.275);overflow:hidden}.overlay-container.is-active .overlay{transform:scale(1)}.overlay-title{padding:12px 20px;border-bottom:1px solid #eee;font-size:16px;font-weight:700;color:#fbfbfb;display:flex;justify-content:space-between;align-items:center;background:#689be8;flex:0 0 auto}.overlay-close{cursor:pointer;font-size:20px;line-height:1;color:#fff;transition:color 0.2s}.overlay-close:hover{color:#f5f5f5}.overlay-content{flex:1 1 auto;display:flex;flex-direction:column;overflow:hidden;position:relative;height:100%}.overlay-tabs{flex:0 0 auto;background:#fcfcfc;border-bottom:1px solid #e7e7e7;padding:0 20px}.tabs{display:flex;flex-wrap:wrap;margin-bottom:-1px}.tabs-tab{display:inline-flex;align-items:center;padding:12px 0;margin-right:20px;color:#666;text-decoration:none;cursor:pointer;border-bottom:2px solid transparent;font-weight:400;font-size:14px;transition:all 0.2s}.tabs-tab img{width:16px;height:16px;margin-right:6px;object-fit:contain}.tabs-tab:hover{color:#333;border-bottom-color:#ccc}.tabs-tab.is-active{color:#0084FF;border-bottom-color:#0084FF;font-weight:600}.overlay-rows{flex:1 1 auto;overflow-y:auto;padding:0}.contentRow{display:flex;padding:10px 20px;border-bottom:1px solid #f0f0f0;align-items:flex-start}.contentRow:last-child{border-bottom:none}.contentRow-figure{margin-right:12px}.contentRow-figure img{width:36px;height:36px;border-radius:50%}.contentRow-main{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start}.contentRow-title{font-size:14px;font-weight:600;margin-bottom:2px}.contentRow-title a{color:#333;text-decoration:none}.contentRow-title a:hover{text-decoration:underline}.contentRow-minor{font-size:12px;color:#8c8c8c;line-height:1.4}.listInline{list-style:none;margin:0;padding:0;display:inline}.listInline li{display:inline}.listInline--bullet li:after{content:"\00B7";margin:0 4px;color:#b0b0b0}.listInline--bullet li:last-child:after{display:none}.contentRow-extra{margin-left:15px;text-align:right;display:flex;flex-direction:column;align-items:flex-end;min-width:80px}.contentRow-reactionIcon{margin-bottom:4px}.contentRow-date{font-size:11px;color:#999;white-space:nowrap}@media (max-width:768px){.overlay{width:100%;height:100%;border-radius:0;max-height:100vh}.contentRow-extra{display:none}}.reactions-history-container{padding:0;background:#fff;overflow-y:scroll}.reactions-history-list{display:flex;flex-direction:column}.reactions-history-item{padding:16px 20px;border-bottom:1px solid #f0f0f0;transition:all 0.2s ease;display:flex}.reactions-history-item:hover{background:#fcfdfe}.reactions-history-item .contentRow-figure{margin-right:18px;flex:0 0 auto}.reaction-avatar-stack{position:relative;width:48px;height:48px}.user-avatar-small{width:48px;height:48px;border-radius:50%;object-fit:cover;border:1px solid #eee}.reaction-badge{position:absolute;bottom:-2px;right:-2px;background:#fff;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px rgba(0,0,0,0.15);border:1px solid #fff}.reaction-badge img{width:16px;height:16px;object-fit:contain}.reactions-history-item .contentRow-main{flex:1;min-width:0;width:100%}.contentRow-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px;width:100%}.reactions-history-item .username{font-size:15px;font-weight:700;color:#1a1a1a;margin-right:15px}.contentRow-meta{flex-shrink:0}.contentRow-meta .contentRow-minor{font-size:11px;color:#999;white-space:nowrap}.contentRow-content{margin-top:4px;width:100%}.content-info{width:100%}.content-title-line{margin-bottom:8px;display:flex;align-items:center;gap:8px}.content-title-line i{color:#aaa;font-size:11px}.content-link{font-weight:600;color:#0073e6;text-decoration:none;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.content-link:hover{text-decoration:underline;color:#005bb5}.content-preview-box{color:#444;font-size:13px;line-height:1.6;background:#f1f3f5;padding:12px 16px;border-radius:8px;border-left:4px solid #dee2e6;margin-top:6px;width:100%;display:block;box-sizing:border-box;box-shadow:inset 0 1px 2px rgba(0,0,0,0.02)}.reactions-history-body{position:relative;max-height:calc(100% - 65px);overflow-Y:scroll}.reactions-history-pagination{position:fixed;bottom:0;left:0;right:0;padding:15px 20px;border-top:1px solid #eee;background:#fcfcfc;display:flex;justify-content:center;min-height:35px}.reactions-history-empty{padding:40px 20px;text-align:center;color:#999;font-size:14px}.reaction--1 .reaction-text{color:#0084FF}.reaction--2 .reaction-text{color:#E81C27}.reaction--3 .reaction-text{color:#FDCA47}.reaction--4 .reaction-text{color:#FDCA47}.reaction--5 .reaction-text{color:#FDCA47}.reaction--6 .reaction-text{color:#FF4D4D}.reactions-points-modern{background:#fff;border-radius:16px;padding:20px;color:#2c3e50;box-shadow:0 4px 24px rgba(0,0,0,0.08);border:1px solid #e8ecef;max-height:85vh;overflow-y:auto}.reactions-points-header-modern{text-align:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #f8f9fa}.reactions-points-header-modern h3{margin:0 0 10px 0;font-size:24px;font-weight:700;color:#1a1a1a}.reactions-list-container{background:transparent}.reactions-list{list-style:none;padding:0;margin:0;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.reaction-list-item{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid #f1f3f4;background:#fff;transition:all 0.3s ease;position:relative}.reaction-list-item:last-child{border-bottom:none}.reaction-list-item:hover{background:#f8f9fa;transform:translateX(4px)}.reaction-list-item::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:0;background:linear-gradient(135deg,#4f46e5,#7c3aed);transition:height 0.3s ease;border-radius:0 2px 2px 0}.reaction-list-item:hover::before{height:100%}.reaction-list-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;margin-right:20px;flex-shrink:0}.reaction-list-icon img{width:32px;height:32px;border-radius:6px;background:#f8f9fa;padding:4px;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.reaction-list-content{flex:1;display:flex;align-items:center;justify-content:space-between;gap:20px}.reaction-list-info{display:flex;align-items:center;gap:24px}.reaction-list-name{font-size:16px;font-weight:600;color:#1a1a1a;margin-right:8px}.reaction-list-stats{display:flex;align-items:center;gap:20px}.reaction-list-stat{display:flex;flex-direction:column;align-items:center;min-width:50px}.reaction-list-stat-value{font-size:16px;font-weight:700;color:#4f46e5}.reaction-list-stat-label{font-size:10px;color:#6b7280;text-transform:uppercase;letter-spacing:0.5px;margin-top:2px;font-weight:500}.reaction-list-total{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:white;padding:6px 14px;border-radius:20px;font-weight:700;font-size:16px;box-shadow:0 2px 8px rgba(79,70,229,0.25);min-width:50px;text-align:center}.reaction-card{background:#fff;border-radius:10px;padding:16px;display:flex;align-items:center;gap:12px;box-shadow:0 2px 8px rgba(0,0,0,0.06);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);border:1px solid #f1f3f4;position:relative;overflow:hidden}.reaction-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#4f46e5,#7c3aed,#ec4899);opacity:0;transition:opacity 0.3s ease}.reaction-card:hover{transform:translateY(-4px);box-shadow:0 8px 28px rgba(0,0,0,0.12);border-color:#e2e8f0}.reaction-card:hover::before{opacity:1}.reaction-icon-container{width:70px;height:70px;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid #fff;box-shadow:0 4px 12px rgba(0,0,0,0.08)}.reaction-icon-container img{width:40px;height:40px;filter:none}.reaction-details{flex:1}.reaction-name{font-size:20px;font-weight:600;color:#1a1a1a;margin-bottom:12px;display:block}.reaction-stats{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.stat-item{display:flex;flex-direction:column;align-items:center}.stat-value{font-size:22px;font-weight:700;color:#4f46e5;line-height:1}.stat-label{font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:0.5px;margin-top:4px;font-weight:500}.total-badge{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:white;padding:8px 16px;border-radius:24px;font-weight:700;font-size:18px;box-shadow:0 4px 12px rgba(79,70,229,0.25);margin-left:auto}.reactions-summary-bar{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-radius:12px;padding:20px;margin-top:25px;border:1px solid #e2e8f0}.summary-stats{display:flex;justify-content:space-around;gap:20px;flex-wrap:wrap}.summary-item{display:flex;flex-direction:column;align-items:center;padding:10px;border-radius:8px;background:rgba(255,255,255,0.8);min-width:100px}.summary-value{font-size:32px;font-weight:800;color:#1a1a1a}.summary-label{font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:1px;margin-top:6px;font-weight:600}.empty-state{text-align:center;padding:60px 20px;background:#f8f9fa;border-radius:12px;border:2px dashed #dee2e6}.empty-state-icon{font-size:64px;margin-bottom:20px;opacity:0.5}.empty-state-text{font-size:18px;color:#6c757d;font-weight:500}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.usercp_nav_item.usercp_nav_reactions{background-image:url(../../../images/reactions/like.png);background-size:16px}.post_content img[width="16"],.post_content img[height="16"],.pm_message img[width="16"],.pm_message img[height="16"],.messageContent img[width="16"],.messageContent img[height="16"],.post_body img[width="16"],.post_body img[height="16"]{vertical-align:middle;margin-top:-2px;position:relative;display:inline-block}