.cheersBtn{border:1.5px solid var(--brass);background:var(--panel-raised);min-height:44px;color:var(--brass);letter-spacing:.01em;cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:.9rem;font-weight:700;transition:transform .12s,background .18s,border-color .18s,color .18s,box-shadow .18s;display:inline-flex;position:relative;overflow:hidden}.cheersBtn:hover{background:color-mix(in srgb, var(--brass) 10%, var(--panel-raised))}.cheersBtn:active{--shared-press-scale:1;transform:scale(.97)}.cheersBtn:focus-visible{outline:2px solid var(--brass);outline-offset:2px}.cheersBtn.isCheered{background:var(--brass);border-color:var(--brass);color:var(--paper);box-shadow:0 1px 0 color-mix(in srgb, var(--ink-deep,#0f1c16) 40%, transparent)}.cheersBtn.isCheered:hover{background:color-mix(in srgb, var(--brass) 90%, var(--ink-deep,#0f1c16))}.cheersGlyph{font-size:1.05rem;line-height:1;transition:transform .18s}.cheersBtn.isCheered .cheersGlyph{transform:scale(1.12)rotate(-6deg)}@keyframes cheersPop{0%{transform:scale(1)rotate(0)}50%{transform:scale(1.3)rotate(-10deg)}to{transform:scale(1)rotate(0)}}.cheersBtn.isInking .cheersGlyph{animation:cheersPop .3s var(--ease-spring,cubic-bezier(.34, 1.56, .64, 1))}.cheersText{white-space:nowrap}.cheersCount{background:color-mix(in srgb, var(--brass) 16%, transparent);min-width:1.2em;color:inherit;font-variant-numeric:tabular-nums;text-align:center;border-radius:999px;padding:0 6px;font-size:.82rem;font-weight:800}.cheersBtn.isCheered .cheersCount{background:color-mix(in srgb, var(--paper) 24%, transparent)}.cheersBtn.isInking:after{content:"";background:color-mix(in srgb, var(--brass) 45%, transparent);pointer-events:none;border-radius:999px;width:8px;height:8px;margin:auto;animation:.42s ease-out cheersInk;position:absolute;inset:0;transform:scale(0)}@keyframes cheersInk{0%{opacity:.55;transform:scale(0)}to{opacity:0;transform:scale(24)}}@media (prefers-reduced-motion:reduce){.cheersBtn,.cheersGlyph{transition:background .18s,border-color .18s,color .18s}.cheersBtn:active,.cheersBtn.isCheered .cheersGlyph{transform:none}.cheersBtn.isInking:after{content:none;animation:none}.cheersBtn.isInking .cheersGlyph{animation:none}}.cheersBtnOnScrim{background:color-mix(in srgb, var(--ink-deep,#0f1c16) 46%, transparent);border-color:color-mix(in srgb, var(--brass-bright,#d3a44a) 70%, transparent);color:#fff;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.cheersBtnOnScrim:hover{background:color-mix(in srgb, var(--ink-deep,#0f1c16) 62%, transparent)}.cheersBtnOnScrim.isCheered{background:var(--brass-bright,#d3a44a);border-color:var(--brass-bright,#d3a44a);color:var(--ink-deep,#0f1c16)}.cheersBtnOnScrim .cheersCount{background:#ffffff38}.cheersBtnOnScrim.isCheered .cheersCount{background:color-mix(in srgb, var(--ink-deep,#0f1c16) 20%, transparent)}.cheersBtnCat.isCheered{background:var(--feed-cat,var(--brass));border-color:var(--feed-cat,var(--brass));color:var(--paper)}.cheersBtnCat.isCheered:hover{background:color-mix(in srgb, var(--feed-cat,var(--brass)) 88%, var(--ink-deep,#0f1c16))}.cheersBtnCat.isInking:after{background:color-mix(in srgb, var(--feed-cat,var(--brass)) 45%, transparent)}.cheersBtnOnScrim.cheersBtnCat.isCheered{background:color-mix(in srgb, var(--feed-cat,var(--brass)) 82%, #fff);border-color:color-mix(in srgb, var(--feed-cat,var(--brass)) 82%, #fff);color:var(--ink-deep,#0f1c16)}.cheersGatePrompt{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-raised);max-width:36ch;color:var(--brass);margin:8px 0 0;padding:6px 12px;font-size:13px;line-height:1.4}
