.reaction-pill{min-width:0;font:700 13px/1 var(--ds-label);background:0 0;border:0;padding:0;display:flex;position:relative}.reaction-chips{flex-wrap:wrap;align-items:flex-start;gap:6px;min-width:0;display:flex}.reaction-chip-group{box-sizing:border-box;border:1px solid var(--ur-border,#d9d3c7);background:var(--ur-surface,#fff);min-width:0;height:34px;color:var(--ur-text,#16324f);border-radius:999px;flex:none;align-self:center;align-items:center;gap:4px;padding-inline:10px;display:inline-flex;overflow:hidden}.reaction-chip-group.is-mine{background:var(--ur-primary,#16324f);border-color:var(--ur-primary,#16324f);color:var(--ur-on-primary,#fbfaf3)}.reaction-chip-group--static{align-items:center}.reaction-chip{height:100%;min-height:0;color:inherit;font:700 13px/1 var(--ds-label);white-space:nowrap;background:0 0;border:0;flex:none;justify-content:center;align-self:center;align-items:center;gap:4px;padding:0;display:inline-flex}.reaction-chip svg{width:16px;height:16px}.reaction-chip--action{border-radius:0;min-width:0;padding:0}.reaction-chip--count{font-variant-numeric:tabular-nums;border-radius:0;min-width:0;padding:0}.reaction-chip-group>.reaction-count{color:inherit;font:inherit;background:0 0;border:0;border-radius:0;align-items:center;gap:4px;padding:0;display:inline-flex}.reaction-chip-group.is-mine .reaction-chip,.reaction-chip-group.is-mine .reaction-chip b{color:#fbfaf3!important}.reaction-chip-group:hover{background:#edf5f9}.reaction-chip-group.is-mine:hover{background:#1d4167}.reaction-chip:focus-visible,.reaction-add:hover,.reaction-add:focus-visible{outline:none}.reaction-chip-group:focus-within{border-color:#2e6fa8;box-shadow:0 0 0 2px #2e6fa829}.reaction-chip-group.is-mine:focus-within{border-color:#16324f;box-shadow:0 0 0 2px #16324f2e}.reaction-chip-group:has(.reaction-chip--count.is-open){background:#edf5f9}.reaction-chip-group.is-mine:has(.reaction-chip--count.is-open){background:#1d4167}.reaction-chip b{font:inherit;color:inherit}.reaction-chip__label{white-space:nowrap}.reaction-add{border:1px dashed var(--ur-border,#d9d3c7);height:34px;min-height:34px;color:var(--ur-text,#5b6878);font:700 13px/1 var(--ds-label);background:0 0;border-radius:999px;flex:none;justify-content:center;align-self:center;align-items:center;gap:6px;padding:0 9px;display:inline-flex}.reaction-add--compact{width:34px;min-width:34px;padding:0}.reaction-add--empty{padding-inline:12px}.reaction-add__icon{place-items:center;width:14px;height:14px;display:grid}.reaction-add__icon svg{width:14px;height:14px}.reaction-add__label{font:inherit}.reaction-add[disabled]{opacity:.55}.reaction-join-faces{flex:none;align-self:center;margin-left:2px;display:inline-flex}.reaction-join-faces>span{color:#fff;width:20px;height:20px;font:700 8px/1 var(--ds-label);letter-spacing:.04em;border:2px solid #fff;border-radius:999px;place-items:center;display:grid}.reaction-join-faces>span+span{margin-left:-6px}.reaction-pending{border:1px solid var(--ur-border);background:var(--ur-surface);color:var(--ur-text-secondary);font:12px/1.5 var(--ur-font-family);border-radius:8px;margin:8px 0 0;padding:8px 10px}.reaction-error{border:1px solid var(--ur-danger);background:var(--ur-danger-bg);color:var(--ur-danger);font:12px/1.5 var(--ur-font-family);border-radius:8px;justify-items:start;gap:8px;margin:8px 0 0;padding:10px;display:grid}.reaction-error p{margin:0}.reaction-error button{background:var(--ur-surface);min-width:44px;min-height:44px;color:var(--ur-text);font:inherit;cursor:pointer;border:1px solid;border-radius:8px;padding:6px 12px}.reaction-overlay{z-index:var(--layer-sheet,1300);pointer-events:none;position:fixed;inset:0}.reaction-overlay--desktop{pointer-events:none}.reaction-overlay__panel{box-sizing:border-box;pointer-events:auto;background:#fbfaf3;border:1px solid #d9d3c7;border-radius:22px;gap:12px;width:min(100vw - 24px,340px);padding:16px;display:grid;position:fixed;box-shadow:0 20px 40px #16324f2e}.reaction-overlay--desktop .reaction-overlay__panel{max-height:min(78vh,440px)}.reaction-overlay__header{align-items:center;gap:10px;display:flex}.reaction-overlay__header p{color:#33463d;font:700 16px/1.2 var(--ds-editorial);margin:0}.reaction-overlay__header--picker p{flex:1;min-width:0}.reaction-overlay__header-actions{align-items:center;gap:8px;margin-left:auto;display:inline-flex}.reaction-overlay__close{color:#5b6878;background:0 0;border:0;justify-content:center;align-items:center;width:28px;min-width:28px;height:28px;min-height:28px;padding:0;font-size:18px;line-height:1;display:inline-flex}.reaction-remove-button{color:#a8432f;height:28px;font:700 11px/1 var(--ds-label);white-space:nowrap;background:0 0;border:1px solid #ab432f38;border-radius:999px;justify-content:center;align-items:center;padding:0 10px;display:inline-flex}.reaction-picker__choices{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.reaction-picker__choices button{color:#16324f;background:0 0;border:0;align-content:start;justify-items:center;gap:6px;min-width:0;min-height:64px;padding:0;display:grid}.reaction-picker__icon{background:#fff;border:1px solid #d9d3c7;border-radius:999px;place-items:center;width:34px;height:34px;display:grid}.reaction-picker__icon svg{width:20px;height:20px}.reaction-picker__label{text-align:center;font-size:13px;font-weight:700;line-height:1.15}.reaction-picker__choices button:hover .reaction-picker__icon,.reaction-picker__choices button:focus-visible .reaction-picker__icon{background:#edf5f9;border-color:#2e6fa8}.reaction-picker__choices button[aria-pressed=true] .reaction-picker__icon{color:#fff;background:#16324f;border-color:#16324f}.reaction-detail__filters{scrollbar-width:none;flex-wrap:nowrap;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.reaction-detail__filters::-webkit-scrollbar{display:none}.reaction-detail__filters button{border:1px solid var(--ur-border,#d9d3c7);background:var(--ur-surface,#fff);height:34px;min-height:34px;color:var(--ur-text,#16324f);font:700 13px/1 var(--ds-label);white-space:nowrap;border-radius:999px;flex:none;align-self:center;align-items:center;gap:5px;padding:0 9px;display:inline-flex}.reaction-detail__filters button.is-active{color:#fff;background:#16324f;border-color:#16324f}.reaction-detail__filters button svg{width:14px;height:14px}.reaction-detail__people{gap:8px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.reaction-overlay--desktop .reaction-detail__people{max-height:240px}.reaction-detail__people li{color:#33463d;font:500 13px/1.3 var(--ds-editorial);grid-template-columns:28px minmax(0,1fr) auto auto;align-items:center;gap:10px;display:grid}.reaction-detail__people li>span:first-child{color:#fbfaf3;width:28px;height:28px;font:700 9px/1 var(--ds-label);letter-spacing:.04em;border-radius:50%;place-items:center;display:grid}.reaction-detail__person{gap:2px;min-width:0;display:grid}.reaction-detail__person strong{font-size:14px}.reaction-detail__label{color:#5b6878;font:700 11px/1 var(--ds-label);white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.reaction-detail__label svg{width:16px;height:16px}.reaction-detail__note{color:#62746b;font:700 8px/1.4 var(--ds-label);letter-spacing:.07em;text-transform:uppercase}.reaction-toast{z-index:70;color:#fbfaf3;font:700 13px/1.2 var(--ds-label);background:#16324f;border:1px solid #d9d3c7;border-radius:999px;align-items:center;gap:12px;padding:10px 14px;display:inline-flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 14px 36px #16324f33}.reaction-toast button{min-height:34px;color:inherit;font:inherit;background:0 0;border:1px solid #fbfaf347;border-radius:999px;padding:0 10px}@media (width<=1099px){.reaction-picker__choices{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.reaction-picker__label{font-size:12px}.reaction-overlay__panel{padding:14px 12px}}@media (width<=720px){.reaction-pill{max-width:100%}}