.reactions-layout{display:flex;height:100%;overflow:auto;flex-direction:column;align-items:center;justify-content:flex-start;padding:28px 24px 100px}
.slack-message{display:grid;flex:none;grid-template-columns:36px minmax(0,1fr);gap:12px;width:min(600px,100%);margin-block:auto;padding:20px;border-radius:16px;background:#fff;color:#1d1c1d;font-family:Inter,Arial,sans-serif;animation:message-enter 240ms cubic-bezier(.22,1,.36,1) both}
@keyframes message-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.slack-message{animation:none}}
.message-avatar{display:block;width:36px;height:36px;object-fit:cover;border-radius:12px}
.message-content{min-width:0}
.message-byline{display:flex;align-items:baseline;gap:9px;line-height:22px}
.message-author{font-size:15px;font-weight:700;letter-spacing:normal}
.message-byline time{color:#737173;font-size:12px;white-space:nowrap}
.message-text{margin-top:2px;font-size:15px;line-height:22px;text-wrap:pretty}
.slack-mention{padding:1px 3px;border-radius:4px;background:#e8f5fb;color:#1264a3;white-space:nowrap}
.message-reactions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.reaction-pill{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:44px;height:28px;padding:3px 9px 3px 6px;border:1px solid transparent;border-radius:20px;background:var(--control);color:#303030;font-size:12px;line-height:1;font-variant-numeric:tabular-nums;transition:background-color 120ms ease,transform 120ms ease}
.reaction-pill img{display:block;width:20px;height:20px;object-fit:contain}
.reaction-pill:hover{background:var(--control-hover)}
.reaction-pill:active{transform:scale(.95)}
.reaction-pill:focus:not(:focus-visible){outline:none}
.reaction-pill:focus-visible{outline:2px solid #171717;outline-offset:4px}
.reaction-pill[aria-pressed="true"]{background:#171717;color:#fff}
.reaction-pill[aria-pressed="true"]:hover{background:#292929}
.reaction-tooltip{position:fixed;z-index:100;max-width:calc(100vw - 24px);padding:6px 10px;border-radius:999px;corner-shape:round;background:#1d1c1d;color:#fff;box-shadow:0 3px 12px #0000001a;font-size:12px;line-height:18px;white-space:nowrap;animation:tooltip-appear 100ms ease-out}
@keyframes tooltip-appear{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
.download-link{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);display:inline-flex;width:max-content;max-width:calc(100% - 32px);min-height:44px;align-items:center;justify-content:center;gap:10px;padding:10px 16px;border-radius:14px;background:#fff;color:#404040;font-size:13px;box-shadow:0 0 0 1px #0000000f,0 1px 2px -1px #0000000f,0 2px 4px #0000000a;transition:background-color 150ms ease}
.download-link:hover{background:#fafafa;color:#171717}
.download-link img{display:block;flex:none;width:16px;height:16px;object-fit:contain}
.share-label{text-transform:lowercase}
.status-visual{display:flex;align-items:center;justify-content:center;gap:16px;padding:24px}
.status-visual img{display:block;width:min(17.5%,56px);height:auto;aspect-ratio:1;object-fit:contain}
@media(max-width:639px){
  .reactions-layout{padding:28px 16px 96px}
  .slack-message{grid-template-columns:36px minmax(0,1fr);gap:10px;padding:18px 16px}
  .message-avatar{width:36px;height:36px;border-radius:12px}
  .message-text{font-size:14px;line-height:22px}
  .message-author{font-size:14px}
  .message-byline{gap:7px}
  .message-byline time{font-size:11px}
  .reaction-pill{min-width:44px;height:32px;padding-right:7px}
}
@media(prefers-reduced-motion:reduce){.reaction-tooltip{animation:none}}
@supports(corner-shape:superellipse(1.6)){.message-avatar{corner-shape:superellipse(1.6)}}

.seen-in-logos{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px;margin:24px 0 0;padding:0 4px;list-style:none}
.seen-in-logos li{display:flex;align-items:center;justify-content:flex-start;flex:none;height:32px}
.seen-in-logos a{display:inline-flex;min-height:32px;align-items:center;border-radius:4px;text-decoration:none}
.seen-in-logos a:focus-visible{outline:2px solid #737373;outline-offset:6px}
.seen-in-logos img{display:block;max-width:none;height:18px;width:auto;object-fit:contain;filter:grayscale(1);opacity:.45;transition:opacity 150ms ease}
.seen-in-logos a:hover img,.seen-in-logos a:focus-visible img{opacity:.65}
@media(max-width:639px){.seen-in-logos img{height:16px}}