.ko-activity-hub{margin:0 0 22px;padding:20px;border:1px solid rgba(255,255,255,.13);border-radius:20px;background:linear-gradient(145deg,rgba(246,191,36,.10),rgba(255,255,255,.035));box-shadow:0 14px 34px rgba(0,0,0,.12)}
.ko-activity-hub.has-invitations{border-color:rgba(246,191,36,.62);box-shadow:0 0 0 1px rgba(246,191,36,.12),0 18px 38px rgba(0,0,0,.16)}
.ko-activity-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}
.ko-activity-head small{display:block;margin-bottom:4px;font-size:.72rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;opacity:.72}
.ko-activity-head h2{margin:0;font-size:clamp(1.35rem,4vw,1.85rem)}
.ko-activity-head p{margin:6px 0 0;opacity:.76}
.ko-activity-counts{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.ko-activity-counts span{padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.08);font-size:.76rem;font-weight:750;white-space:nowrap}
.ko-activity-hub.has-invitations .ko-activity-counts span:first-child{background:#f6bf24;color:#111}
.ko-activity-group+.ko-activity-group{margin-top:14px}
.ko-activity-label{display:block;margin:0 0 7px;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;opacity:.7}
.ko-activity-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 14px;border:1px solid rgba(255,255,255,.10);border-radius:14px;background:rgba(0,0,0,.16);color:inherit;text-decoration:none;transition:transform .16s ease,border-color .16s ease,background .16s ease}
.ko-activity-row+.ko-activity-row{margin-top:7px}
.ko-activity-row:hover,.ko-activity-row:focus-visible{transform:translateY(-1px);border-color:rgba(246,191,36,.48);background:rgba(246,191,36,.07)}
.ko-activity-row.invitation{border-color:rgba(246,191,36,.42)}
.ko-activity-row-copy{display:grid;gap:3px;min-width:0}
.ko-activity-row-copy strong,.ko-activity-row-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ko-activity-row-copy small{opacity:.67}
.ko-activity-row-status{flex:0 0 auto;padding:6px 8px;border-radius:9px;background:rgba(255,255,255,.08);font-size:.78rem;font-weight:800}
.ko-activity-row.invitation .ko-activity-row-status{background:#f6bf24;color:#111}
.ko-activity-empty-link{display:inline-flex;margin-top:2px;font-weight:800;color:inherit;text-decoration:none}
.ko-activity-source-hidden{display:none!important}
.ko-activity-hub.on-profile{margin:0 0 18px}

.ko-blocked-category-note{display:grid;gap:4px;margin:0 0 13px;padding:12px 13px;border:1px solid rgba(246,191,36,.35);border-radius:12px;background:rgba(246,191,36,.07)}
.ko-blocked-category-note strong{font-size:.86rem}
.ko-blocked-category-note span{font-weight:800}
.ko-blocked-category-note small{opacity:.7}
.ko-modal .ko-category:disabled{opacity:.36!important;cursor:not-allowed!important;filter:saturate(.25);text-decoration:line-through;text-decoration-thickness:1px}

.ko-rematch-callout{display:grid;gap:4px;margin:14px 0;padding:13px 14px;border:1px solid rgba(255,255,255,.13);border-radius:13px;background:rgba(255,255,255,.05)}
.ko-rematch-callout.is-ready{border-color:rgba(246,191,36,.58);background:rgba(246,191,36,.08)}
.ko-rematch-callout strong{font-size:1rem}
.ko-rematch-callout span{opacity:.86}
.ko-rematch-callout small{opacity:.63}
.ko-rematch-error{margin:12px 0;padding:10px 12px;border-radius:11px;background:rgba(190,45,45,.14);font-weight:700}

@media (max-width:640px){
  .ko-activity-hub{padding:16px;border-radius:17px}
  .ko-activity-head{display:grid;gap:11px}
  .ko-activity-counts{justify-content:flex-start}
  .ko-activity-row{align-items:flex-start;display:grid;gap:8px}
  .ko-activity-row-status{justify-self:start}
}