.favorites-page{max-width:800px;margin:0 auto}.favorites-header{margin-bottom:var(--space-xl)}.favorites-title{font-family:var(--font-display);color:var(--color-primary);font-size:1.75rem}.favorites-guest{justify-content:center;align-items:center;gap:var(--space-lg);text-align:center;flex-direction:column;min-height:40vh;display:flex}.favorites-guest-icon{width:64px;height:64px;color:var(--color-text-muted);opacity:.5}.favorites-guest-icon svg{width:100%;height:100%}.favorites-guest-text{color:var(--color-text-secondary);font-size:1rem}.favorites-tabs{gap:var(--space-xs);margin-bottom:var(--space-xl);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-xs);display:flex}.favorites-tab{padding:var(--space-sm) var(--space-lg);color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;font-size:.9rem;font-weight:600;position:relative}.favorites-tab.active{color:var(--color-primary)}.favorites-tab.active:after{content:"";bottom:calc(-1 * var(--space-xs) - 1px);background:var(--color-primary);border-radius:1px;height:2px;position:absolute;inset-inline:0}.favorites-list{gap:var(--space-sm);flex-direction:column;display:flex}.favorites-item{align-items:center;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;transition:all var(--transition-base);display:flex}.favorites-item:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover)}.favorites-item.is-playing{background:var(--color-primary-dim);border-color:#d4af374d}.favorites-item-img{border-radius:var(--radius-sm);background:var(--color-surface-elevated);flex-shrink:0;width:52px;height:52px;overflow:hidden}.favorites-item-img img{object-fit:cover;width:100%;height:100%}.favorites-item-info{flex:1;min-width:0}.favorites-item-title{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:600;overflow:hidden}.favorites-play-btn{border-radius:var(--radius-full);background:var(--color-primary);width:36px;height:36px;color:var(--color-background);cursor:pointer;transition:all var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.favorites-play-btn:hover{background:var(--color-primary-hover);transform:scale(1.05)}.favorites-play-btn svg{width:16px;height:16px}.favorites-loading{gap:var(--space-sm);flex-direction:column;display:flex}.favorites-empty{text-align:center;padding:var(--space-3xl);color:var(--color-text-muted)}