.video-reactions{margin:22px 0 0;padding:0 0 8px;isolation:isolate}
.reaction-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding-top:8px}
.reaction-button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:98px;min-width:0;padding:10px 4px 9px;border:1px solid #30302e;border-radius:15px;background:#161615;color:#e8e6e2;font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background-color .15s,border-color .15s}
.reaction-button:hover{background:#201d18;border-color:#755227}
.reaction-button[aria-pressed=true]{border-color:#ff9c00;background:#35230d;box-shadow:inset 0 0 0 1px #ff9c0022}
.reaction-button:focus-visible{outline:2px solid #ffad27;outline-offset:3px}
.reaction-button:disabled{opacity:.55;cursor:default}
.reaction-button:disabled.is-celebrating{opacity:1}
.reaction-visual{position:relative;display:grid;place-items:center;width:38px;height:35px;pointer-events:none}
.reaction-emoji{display:block;font-size:28px;line-height:35px;transform-origin:50% 65%;will-change:auto}
.reaction-label{font-size:11px;line-height:15px;white-space:nowrap;color:#d6d0c5}
.reaction-count{font-size:13px;line-height:17px;font-weight:700;font-variant-numeric:tabular-nums;color:#fff}
.reaction-button{--reaction-accent:#ffb340;--reaction-halo:#ff99002b}
.reaction-button[data-reaction=like]{--reaction-accent:#ff769b}
.reaction-button[data-reaction=love]{--reaction-accent:#ff90b6}
.reaction-button[data-reaction=wow]{--reaction-accent:#ffe183}
.reaction-button[data-reaction=funny]{--reaction-accent:#ffd04c}
.reaction-button[data-reaction=splash]{--reaction-accent:#75d7ff}
.reaction-button[aria-pressed=true]{border-color:#ffad28;box-shadow:inset 0 0 0 1px #ffb3402b,0 0 16px var(--reaction-halo)}
.reaction-button.is-celebrating{border-color:#ffd18a;background:#402a10}
.reaction-emoji{position:relative;z-index:2}
.reaction-particles{position:absolute;inset:0;pointer-events:none;z-index:3}
.reaction-particle,.reaction-ring{position:absolute;top:50%;left:50%;pointer-events:none;opacity:0;color:var(--reaction-accent)}
.reaction-ring{width:46px;height:46px;border:2px solid var(--reaction-accent);border-radius:50%;box-shadow:0 0 10px #ff990030}
.reaction-particle{display:block;width:16px;height:17px;font-family:Arial,sans-serif;font-size:16px;line-height:17px;text-align:center;text-shadow:0 0 7px currentColor}
[data-reaction=hot] .reaction-particle{width:5px;height:12px;background:var(--reaction-accent);border-radius:50% 50% 25% 25%;box-shadow:0 0 7px #ff99007a}
[data-reaction=hot] .reaction-particle:nth-child(even){width:3px;height:7px;background:#ffe4a0}
[data-reaction=wow] .reaction-particle{font-size:14px}
[data-reaction=funny] .reaction-particle{width:15px;height:16px;font-size:14px;line-height:16px}
[data-reaction=splash] .reaction-particle{width:7px;height:11px;background:var(--reaction-accent);border-radius:65% 15% 65% 65%;box-shadow:0 0 6px #75d7ff55}
.reaction-status{font-size:12px;color:#ccbda6;line-height:1.5;min-height:18px;margin:8px 0 0}
.reaction-captcha{margin:12px 0 4px;padding:16px;background:#161410;border:1px solid #67502b;border-radius:14px}
.reaction-captcha p,.reaction-noscript{font-size:12px;line-height:1.5;margin:0 0 12px;color:#ccbda6}
.reaction-captcha-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.reaction-captcha-row img{width:200px;height:60px;border-radius:8px;object-fit:contain;max-width:100%}
.reaction-captcha label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#e6d7be;min-width:0}
.reaction-captcha input{font:inherit;font-size:16px;letter-spacing:3px;text-transform:uppercase;width:150px;max-width:100%;padding:10px;border:1px solid #67502b;border-radius:8px;background:#0b0b0b;color:#fff}
.reaction-captcha input:focus{outline:2px solid #ff9c00;outline-offset:2px}
.reaction-captcha-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}
.reaction-captcha-actions .button{font-size:12px;min-height:42px;padding:10px 12px}
.reaction-captcha[hidden]{display:none}
@media(max-width:600px){.reaction-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.reaction-button{min-height:92px}.reaction-emoji{font-size:27px}.video-reactions{margin-top:16px}.reaction-captcha-row{gap:12px}}
@media(prefers-reduced-motion:reduce){.reaction-button{transition:none}.video-reactions .reaction-emoji,.video-reactions .reaction-particles{animation:none!important}}
