[data-fragment=MediaCard]{background:var(--bg-primary,transparent);border:1px solid var(--ui-line,transparent);border-radius:var(--radius-lg,14px);font-family:var(--font-sans,system-ui, sans-serif);color:var(--text-primary,currentColor);cursor:default;flex-direction:column;transition:border-color .12s,transform .12s,box-shadow .12s;display:flex;overflow:hidden}[data-fragment=MediaCard][role=button]{cursor:pointer}[data-fragment=MediaCard][role=button]:focus-visible{outline:2px solid var(--brand);outline-offset:2px}[data-fragment=MediaCard]:hover{border-color:var(--ui-line-strong,transparent);box-shadow:var(--shadow-soft,0 4px 14px #0000000d);transform:translateY(-1px)}[data-fragment=MediaCard] .media-card-thumb{aspect-ratio:16/10;background:var(--bg-secondary,transparent);position:relative;overflow:hidden}[data-fragment=MediaCard] .media-card-badge{border-radius:var(--radius-full,999px);text-transform:uppercase;letter-spacing:.04em;background:rgba(var(--brand-rgb), .55);color:var(--ink-text-on-brand);backdrop-filter:blur(6px);align-items:center;gap:4px;padding:3px 8px;font-size:10px;font-weight:500;display:inline-flex;position:absolute;top:10px;left:10px}[data-fragment=MediaCard] .media-card-badge-violet{background:rgba(var(--accent-rgb), .85);color:var(--ink-text-on-accent,var(--ink-text-on-brand))}[data-fragment=MediaCard] .media-card-badge-pink{background:rgba(var(--accent-2-rgb), .85);color:var(--ink-text-on-accent,var(--ink-text-on-brand))}[data-fragment=MediaCard] .media-card-badge-amber{background:rgba(var(--warning-rgb), .85);color:var(--ink-text-on-brand)}[data-fragment=MediaCard] .media-card-badge-light{background:var(--bg-secondary,transparent);color:var(--text-primary,currentColor)}[data-fragment=MediaCard] .media-card-acts{opacity:0;gap:4px;transition:opacity .15s;display:flex;position:absolute;top:8px;right:8px}[data-fragment=MediaCard]:hover .media-card-acts,[data-fragment=MediaCard]:focus-within .media-card-acts{opacity:1}[data-fragment=MediaCard] .media-card-act{border-radius:var(--radius-sm,6px);background:rgba(var(--brand-rgb), .65);width:26px;height:26px;color:var(--ink-text-on-brand);cursor:pointer;backdrop-filter:blur(6px);border:0;place-items:center;padding:0;display:inline-grid}[data-fragment=MediaCard] .media-card-act:hover:not(:disabled){background:rgba(var(--brand-rgb), .85)}[data-fragment=MediaCard] .media-card-act:focus-visible{outline:2px solid var(--brand);outline-offset:2px}[data-fragment=MediaCard] .media-card-act:disabled{opacity:.4;cursor:not-allowed}[data-fragment=MediaCard] .media-card-act-danger:hover:not(:disabled){background:rgba(var(--error-rgb), .85)}[data-fragment=MediaCard] .media-card-preview{pointer-events:none;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;padding:18px 20px;display:flex;position:absolute;inset:0}[data-fragment=MediaCard] .media-card-overlay{background:linear-gradient(180deg, transparent 50%, rgba(var(--brand-rgb), .55));opacity:0;justify-content:center;align-items:flex-end;padding:0 0 16px;transition:opacity .15s;display:flex;position:absolute;inset:0}[data-fragment=MediaCard]:hover .media-card-overlay,[data-fragment=MediaCard]:focus-within .media-card-overlay{opacity:1}[data-fragment=MediaCard] .media-card-overlay-cta{color:var(--ink-text-on-brand);letter-spacing:.02em;align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}[data-fragment=MediaCard] .media-card-body{flex-direction:column;gap:8px;padding:14px 16px 16px;display:flex}[data-fragment=MediaCard] .media-card-title-row{justify-content:space-between;align-items:center;gap:8px;display:flex}[data-fragment=MediaCard] .media-card-title{letter-spacing:-.2px;color:var(--text-primary,currentColor);text-overflow:ellipsis;text-wrap:balance;margin:0;font-size:14.5px;font-weight:600;line-height:1.3;overflow:hidden}[data-fragment=MediaCard] .media-card-title-tag{border-radius:var(--radius-sm,4px);background:var(--bg-secondary,transparent);color:var(--text-secondary,currentColor);flex-shrink:0;align-items:center;padding:2px 7px;font-size:10px;display:inline-flex}[data-fragment=MediaCard] .media-card-desc{color:var(--text-secondary,currentColor);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12.5px;line-height:1.45;display:-webkit-box;overflow:hidden}[data-fragment=MediaCard] .media-card-meta{color:var(--text-secondary,currentColor);flex-wrap:wrap;align-items:center;gap:6px;font-size:11px;display:inline-flex}[data-fragment=MediaCard] .media-card-meta-cell{align-items:center;gap:4px;display:inline-flex}[data-fragment=MediaCard] .media-card-meta-value{color:var(--text-primary,currentColor);font-weight:500}[data-fragment=MediaCard] .media-card-meta-dot{opacity:.4;background:currentColor;border-radius:50%;width:3px;height:3px}[data-fragment=MediaCard] .media-card-tags{flex-wrap:wrap;gap:4px;margin-top:2px;display:inline-flex}[data-fragment=MediaCard] .media-card-tag{border-radius:var(--radius-sm,4px);background:var(--bg-secondary,transparent);color:var(--text-secondary,currentColor);align-items:center;padding:2px 7px;font-size:10.5px;display:inline-flex}@media (prefers-reduced-motion:reduce){[data-fragment=MediaCard],[data-fragment=MediaCard] .media-card-acts,[data-fragment=MediaCard] .media-card-overlay{transition:none;animation:none}[data-fragment=MediaCard]:hover{transform:none}}