.short-card{display:flex;flex-direction:column;text-decoration:none}.short-card-thumb{aspect-ratio:9/16;background:linear-gradient(160deg,var(--ds-brand-400),var(--ds-brand-700));border-radius:var(--ds-card-radius);box-shadow:var(--ds-shadow-2);display:flex;overflow:hidden;position:relative;transition:transform var(--ds-dur-base) var(--ds-ease-standard),box-shadow var(--ds-dur-base) var(--ds-ease-standard);width:100%}.short-card-initials{align-items:center;color:hsla(0,0%,100%,.16);display:flex;font-family:var(--ds-font-display),sans-serif;font-size:clamp(2.5rem,11vw,4rem);font-weight:800;height:100%;justify-content:center;letter-spacing:.02em;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.short-card-art{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.short-card-scrim{background:var(--ds-scrim);bottom:0;height:62%;position:absolute;width:100%}.short-card-duration{backdrop-filter:blur(2px);background:rgba(0,0,0,.55);border-radius:var(--ds-radius-pill,999px);color:#fff;font-size:.6875rem;line-height:1;padding:.25rem .4375rem;position:absolute;right:.5rem;top:.5rem}.short-card-play{left:50%;opacity:.9;position:absolute;top:42%;transform:translate(-50%,-50%);transition:transform var(--ds-dur-base) var(--ds-ease-standard),opacity var(--ds-dur-base) ease}.short-card-meta{bottom:0;display:flex;flex-direction:column;padding:1rem .875rem .8125rem;position:absolute;width:100%}.short-card-title{color:#fff;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-weight:600;line-height:1.3;max-height:2.25rem}.short-card-creator,.short-card-title{overflow:hidden;text-overflow:ellipsis}.short-card-creator{color:hsla(0,0%,100%,.72);font-size:.8125rem;margin-top:.25rem;white-space:nowrap}.short-card:focus-visible .short-card-thumb,.short-card:hover .short-card-thumb{box-shadow:var(--ds-shadow-3);transform:translateY(-4px) scale(1.02)}.short-card:focus-visible .short-card-play,.short-card:hover .short-card-play{opacity:1;transform:translate(-50%,-50%) scale(1.12)}.short-card:focus-visible{border-radius:var(--ds-card-radius);outline:2px solid var(--ds-focus-ring);outline-offset:3px}.short-card--variant-2 .short-card-thumb{background:linear-gradient(160deg,var(--ds-brand-600),var(--ds-brand-300))}.short-card--variant-3 .short-card-thumb{background:linear-gradient(160deg,var(--ds-brand-300),var(--ds-brand-700))}@media(prefers-reduced-motion:reduce){.short-card-play,.short-card-thumb{transition:none}.short-card:focus-visible .short-card-thumb,.short-card:hover .short-card-thumb{transform:none}.short-card:focus-visible .short-card-play,.short-card:hover .short-card-play{transform:translate(-50%,-50%)}}@media(max-width:640px){.short-card-initials{font-size:clamp(2.125rem,15vw,3.125rem)}.short-card-meta{padding:.75rem .625rem .625rem}}.ui-skeleton-shimmer{background:linear-gradient(90deg,rgba(148,163,184,.12),hsla(0,0%,100%,.22) 48%,rgba(148,163,184,.12)),rgba(15,23,42,.9);background-size:220% 100%;animation:ui-skeleton-shimmer 1.35s linear infinite}@keyframes ui-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-20% 0}}.shorts-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(9.375rem,1fr))}.shorts-grid-skeleton-tile{aspect-ratio:9/16;border-radius:var(--ds-card-radius);width:100%}.shorts-grid-empty{align-items:flex-start;background:var(--ds-surface);border-radius:var(--ds-card-radius);display:flex;flex-direction:column;padding:3.75rem 2.5rem}.shorts-grid-empty-title{color:var(--ds-text);font-family:var(--ds-font-display),sans-serif;font-size:var(--ds-text-h2);font-weight:700;margin:0}.shorts-grid-empty-copy{color:var(--ds-text-muted);margin:.5rem 0 0}@media(max-width:640px){.shorts-grid{gap:.875rem;grid-template-columns:repeat(auto-fill,minmax(7.1875rem,1fr))}.shorts-grid-empty{padding:2.5rem 1.5rem}}