.site-reactions.gcms_reactions{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:12px 0 4px;overflow:visible;position:relative;min-width:0}
.site-reactions button.gcms_reaction_btn,.site-reactions button.site-reaction-add{display:inline-flex;position:relative;align-items:center;justify-content:center;gap:7px;min-width:44px;min-height:36px;height:auto;padding:5px 10px;margin:0;border:1px solid #494052;border-radius:11px;background:#2c2735;color:#e6def2;font-family:inherit;font-size:13px;font-weight:500;line-height:1.3;cursor:pointer;box-shadow:none;transform:none;transition:background .15s,border-color .15s}
.site-reactions button.site-reaction-add{color:#b9adc9;background:transparent;border-style:dashed}
.site-reactions button:hover,.site-reactions button:focus-visible{border-color:#b28be5;background:#3c304e;color:#fff;outline:2px solid transparent}
.site-reactions button.gcms_reaction_btn.active{background:#413153;border-color:#b491df;color:#f0e3ff}
.site-reactions button:focus-visible{outline:2px solid #c6a2f2;outline-offset:3px}
.site-reactions button:disabled{opacity:.55;cursor:wait}
.site-reactions .gcms_reaction_emoji{display:inline-flex;font-size:21px;line-height:24px;padding:0}
.site-reaction-image,.forum-card-reaction .site-reaction-image{display:inline-block!important;width:24px!important;height:24px!important;max-width:none!important;object-fit:contain;border:0!important;border-radius:0!important;margin:0!important;vertical-align:middle}
.site-reactions .gcms_reaction_count{font-size:12px;font-weight:600;line-height:24px;display:inline}
.site-reactions .gcms_reaction_tip{display:block;position:absolute;bottom:calc(100% + 9px);left:0;transform:none;width:max-content;max-width:min(240px,65vw);padding:10px 12px;border:1px solid #5c4c6f;border-radius:12px;background:#1d1925;color:#e9e0f5;box-shadow:0 8px 30px #0006;z-index:30;opacity:0;visibility:hidden;pointer-events:none;text-align:left;white-space:normal}
.site-reactions .gcms_reaction_btn:hover .gcms_reaction_tip,.site-reactions .gcms_reaction_btn:focus-visible .gcms_reaction_tip{opacity:1;visibility:visible;transform:none}
.site-reactions .gcms_reaction_tip_title{display:block;color:#d2b4f5;font-weight:600;margin-bottom:5px}
.site-reactions .gcms_reaction_tip_users{display:flex;flex-direction:column;gap:3px;overflow-wrap:anywhere}
.site-reactions .gcms_reaction_tip_empty,.site-reactions .gcms_reaction_tip_more{color:#b9acc9;font-size:12px}
.site-reaction-dialog{box-sizing:border-box;width:490px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);margin:auto;padding:20px;border:1px solid #574563;border-radius:20px;background:#26212e;color:#ede6f7;box-shadow:0 24px 90px #0009;overflow:hidden;font-family:inherit;font-size:14px;line-height:1.4}
.site-reaction-dialog::backdrop{background:#0f0b17b3;backdrop-filter:blur(5px)}
.site-reaction-dialog:not([open]){display:none!important}
.site-reaction-dialog[open]{display:flex;flex-direction:column;gap:14px}
.site-reaction-dialog *{box-sizing:border-box}
.site-reaction-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:0;border:0}
.site-reaction-dialog h2{margin:0;padding:0;font-size:19px;color:#f4edff;line-height:1.3}
.site-reaction-dialog button{font:inherit;color:inherit;background:#302938;border:1px solid transparent;box-shadow:none;cursor:pointer;transition:background .15s,border-color .15s}
.site-reaction-dialog button:hover{background:#42344f;border-color:#9d79c7}
.site-reaction-dialog button:focus-visible,.site-reaction-dialog input:focus-visible{outline:2px solid #c6a2f2;outline-offset:2px}
.site-reaction-dialog button:disabled{opacity:.5;cursor:wait}
.site-reaction-dialog [data-reaction-close]{display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border-radius:10px;font-size:24px;line-height:1;color:#bdb0cd}
.site-reaction-search{display:flex;align-items:center;gap:10px;min-height:42px;padding:0 12px;border:1px solid #504359;border-radius:12px;background:#1d1924;color:#a99bb9}
.site-reaction-search input{width:100%;min-width:0;height:40px;padding:0;border:0;border-radius:6px;background:transparent;color:#f1e9fd;font:inherit;box-shadow:none}
.site-reaction-search input::placeholder{color:#a99bb9}
.site-reaction-dialog nav{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;background:transparent}
.site-reaction-dialog nav button{min-height:34px;padding:6px 11px;border-radius:10px;font-size:12px;color:#bcb0cc}
.site-reaction-dialog nav button[aria-pressed=true]{background:#49345f;border-color:#ad88d6;color:#f4eaff}
.site-reaction-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;overflow-y:auto;min-height:0;max-height:min(360px,calc(100dvh - 230px));padding:3px;scrollbar-width:thin;scrollbar-color:#675075 transparent}
.site-reaction-grid button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:67px;width:100%;min-width:0;padding:8px 2px;border-radius:12px}
.site-reaction-grid button[aria-pressed=true]{background:#49345f;border-color:#c69ff4}
.site-reaction-symbol{display:block;object-fit:contain;width:28px;height:28px;font-size:25px;line-height:28px;max-width:none;border:0;border-radius:0;margin:0}
.site-reaction-name{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;color:#c8bdd4}
.site-reaction-status{margin:0;padding:0;color:#bcb0cc;font-size:13px;overflow-wrap:anywhere}
.site-reaction-status:empty{display:none}
.site-reaction-error{font-size:12px;color:#efb0bd;overflow-wrap:anywhere;margin:6px 0}
.forum-card-reaction{display:inline-flex;align-items:center;gap:5px}
@media(max-width:480px){.site-reaction-dialog{padding:16px;border-radius:17px}.site-reaction-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.site-reaction-dialog nav button{padding:6px 9px}.site-reactions button.site-reaction-add{font-size:12px}}
@media(prefers-reduced-motion:reduce){.site-reactions button,.site-reaction-dialog button{transition:none}.site-reaction-dialog::backdrop{backdrop-filter:none}}