.recommendationCard{min-height:194px;border:1px solid var(--gt-border-subtle);border-radius:var(--gt-radius-card);background:var(--gt-page);transition:border-color var(--gt-duration-ui) var(--gt-ease-ui);isolation:isolate}.recommendationCard:hover{border-color:var(--gt-border-strong)}.recommendationBackground{position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none;z-index:0}.recommendationBackground video{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity var(--gt-duration-slow) var(--gt-ease-ui)}.recommendationBackground video.isReady{opacity:.2}.recommendationCover{width:60px;height:80px;flex-shrink:0;border-radius:var(--gt-radius-control);background:var(--gt-surface-control);overflow:hidden}.recommendationCover img{display:block;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity var(--gt-duration-slow) var(--gt-ease-ui)}.recommendationCover img.isReady{opacity:1}.recommendationTitle{font-size:20px;line-height:1.2;letter-spacing:-.02em}.recommendationReason,.recommendationTitle{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.recommendationReason{font-size:12px;line-height:1.3}.recommendationText{animation:recommendationAppear var(--gt-duration-ui) var(--gt-ease-ui)}.recommendationSkeleton{background:var(--gt-surface-control);border-radius:var(--gt-radius-control)}.recommendationIdentity{padding-right:16px;min-height:108px}.recommendationControls>div{min-height:44px}.recommendationControls button:disabled{opacity:.4;cursor:default}.recommendationCard button:focus-visible{outline:1px solid var(--gt-border-strong);outline-offset:3px}.recommendationRefresh{position:absolute;right:8px;top:4px;z-index:2;width:32px;height:32px;color:var(--gt-text-muted);border-radius:var(--gt-radius-pill);cursor:pointer;font-size:22px}.recommendationRefresh:hover{background:var(--gt-overlay-subtle);color:var(--gt-text-primary)}.recommendationRefresh:disabled{opacity:.4;cursor:default}@keyframes recommendationAppear{0%{opacity:0}to{opacity:1}}@media (min-width:640px){.recommendationCard{min-height:154px}.recommendationCover{width:88px;height:118px}.recommendationIdentity{flex:1;min-height:118px}.recommendationControls{max-width:340px}}@media (prefers-reduced-motion:reduce){.recommendationText{animation:none}.recommendationBackground video,.recommendationCard,.recommendationCover img{transition:none}.recommendationBackground{display:none}}