.clip-card.svelte-1y0q9k0{aspect-ratio:9/16;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-elevated);width:100%;transition:border-color var(--transition-fast);position:relative;overflow:hidden}.clip-tile.svelte-1y0q9k0{width:100%;height:100%;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;display:block;position:absolute;inset:0}.clip-card.svelte-1y0q9k0:hover{border-color:var(--color-accent-border)}.clip-tile.svelte-1y0q9k0:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.clip-poster.svelte-1y0q9k0{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.clip-video.svelte-1y0q9k0{object-fit:contain;background:#000;width:100%;height:100%;display:block;position:absolute;inset:0}.clip-play.svelte-1y0q9k0{color:#fff;opacity:.82;width:56px;height:56px;transition:opacity var(--transition-fast), background var(--transition-fast);background:#0a0a0f9e;border:1px solid #ffffff29;border-radius:50%;justify-content:center;align-items:center;margin:auto;display:flex;position:absolute;inset:0}.clip-tile.svelte-1y0q9k0:hover .clip-play:where(.svelte-1y0q9k0){opacity:1;background:#0a0a0fc7;border-color:#ffffff4d}.clip-play.svelte-1y0q9k0 svg:where(.svelte-1y0q9k0){width:22px;height:22px;margin-left:2px}.clip-card-wide.svelte-1y0q9k0{aspect-ratio:16/9;container-type:inline-size}.clip-card-wide.svelte-1y0q9k0 .clip-play:where(.svelte-1y0q9k0){width:64px;height:64px}.clip-card-wide.svelte-1y0q9k0 .clip-play:where(.svelte-1y0q9k0) svg:where(.svelte-1y0q9k0){width:25px;height:25px;margin-left:3px}.clip-dur.svelte-1y0q9k0{font-variant-numeric:tabular-nums;color:#fff;border-radius:var(--radius-sm);background:#0a0a0fc7;padding:3px 8px;font-size:12px;font-weight:600;position:absolute;bottom:12px;left:10px}.clip-card-wide.svelte-1y0q9k0 .clip-dur:where(.svelte-1y0q9k0){inset:10px 10px auto auto}.clip-title.svelte-1y0q9k0{letter-spacing:-.01em;min-height:40px;color:var(--color-text-primary);margin:var(--space-3) 0 0;text-wrap:pretty;font-size:14px;font-weight:600;line-height:1.4}.clip-meaning.svelte-1y0q9k0{color:var(--color-text-primary);text-wrap:pretty;margin:6px 0 0;font-size:13px;line-height:1.5}@container (width<=240px){.clip-card-wide.svelte-1y0q9k0 .clip-play:where(.svelte-1y0q9k0){width:34px;height:34px}.clip-card-wide.svelte-1y0q9k0 .clip-play:where(.svelte-1y0q9k0) svg:where(.svelte-1y0q9k0){width:14px;height:14px;margin-left:2px}.clip-card-wide.svelte-1y0q9k0 .clip-dur:where(.svelte-1y0q9k0){padding:2px 6px;font-size:11px;top:5px;right:5px}}@media (prefers-reduced-motion:reduce){.clip-card.svelte-1y0q9k0,.clip-play.svelte-1y0q9k0{transition:none}}